Screen Shot 2017-01-31 at 9.50.05 PM.png

Howl's Moving Castle interactive website - View live

An ongoing project that uses an original poster design by Oly Moss. I wanted to challenge myself by coding interactive elements in pure CSS as far as possible within this website. The base functions mimic the movements of the castle from Miyazaki's "Howl's Moving Castle".

Term: Fall 2016, PSU
Class: ART341 Interactive Media
Tools: Brackets, Illustrator CC
View: live website (best in Chrome)

Wireframe study stage 1

Dividing the poster into DIVs and initial animation ideas

Wireframe stage 2

Final secondary DIVs and background DIVs

Wireframe stage 3

Determining animations and user interactions

Further exploration of animations and DIVs

Further exploration of animations and DIVs