Recently i challenged myself again to do something cool for one of my webdesign clients. This post updates follows the progress of experiment.
This time my client asked their designer for a small effect like a mousetrailer so the designer asked me to see what would do best.
Offcourse, my experinece tells me such an effect only has real value for the wbesite brand if it will add an exta value to the design and the page interaction.
The basic idea: in the top section of the landingpage, with al large slider or bg-image, a small mouse trailer is visible, when the mouse leaves the top section the mousetrailer should go to a certain fixed position and stay there while the user is scrolling the page, and jump back to trailing mode when the cursor enters the top section again.
For the trailer effect i looked for a mousetrailer code I could use to adjust to specific needs. I found and forked it on jsfiddle http://jsfiddle.net/webbouwer/nvam7eq1/
Now i also want to track the direction the mouse cursor is moving to turn and direct the trailer to follow in the right direction, i found a script to experiment with https://www.kirupa.com/html5/getting_mouse_movement_direction.htm
This experminemt is still in progress..