Sliding and transitioning the students was the hardest part, but eventually I figured out the most simplest and straightforward way. 'animation-duration:' + duration + 's ' + And only a general class is added to control the animation and style. The background stars are created using jquery to add divs to a body and custom CSS is inserted into the div to make the stars more random and dynamic. But also all the lights have the same base CSS style for a general control. A CSS class is assigned to each circle for targeting and assigning random blinking duration. The animation was far more tricky, I have wanted to use CSS3 animation to control the transitions this way I make it as simple as possible and don't have to rely on any frameworks.īlinking lights on helmets were done by using an SVG with circles. The HTML was simple it was only three sections and inside is the oriented with CSS. The goal for me was to create the layout that was delivered to me by a designer and connect it with the back end developer code. I was assigned to the Front End development. The buttons correspond to designers, developers and everybody. This operates like a slot machine when a person would press a button on the screen it would roll random students. On the protection we have three students with a name and job title that are laid out in columns and on the arduino side we have three buttons. What was done is a big projection on the wall that interacts with the arduino. The challenge was to something that would impress the people at the event and want to interact with it but not to distract. The goal of this project was to create an easier way for the industry people that are coming in to connect with the graduates. Spaceship Control Panel is a collaboration work between six people, Tanya, Lana, Stefano, Hemachandra, Tristan, and me for the Humber Vanguard portfolio show. Menu Eduard Kachan Spaceship Control Panel Spaceship Control Panel View demo →
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |