Interactive html quiz - Traffic school design - 3spot design studio
post-template-default,single,single-post,postid-16152,single-format-video,bridge-core-1.0.2,ajax_fade,page_not_loaded,,qode-theme-ver-18.2,qode-theme-bridge,qode_header_in_grid,wpb-js-composer js-comp-ver-6.0.2,vc_responsive

Interactive html quiz – Traffic school design

Interactive html quiz – Traffic school design

About project

Every character for animation is designed in Adobe Illustrator and then we manually draw additional character moves for simple sprite animation.

After that we exported every vector character object into photoshop file and paste it on new layer. Then we export this layers with javascript option: export layers to files – to separated png files and after that we finally import them into adobe after effects.

First, we do all animations for bicycle traffic rules in adobe after effects, and all text layers with animated text boxes. We render every separate movie and start to embed them into html project pages. After that we connect appropriate movies with java script to get correct or incorrect answers.

Final product is interactive quiz with html designed pages, java script documents and bunch of animated video files for every single traffic situation explained in this quiz.

No Comments

Post A Comment

eighteen − twelve =