An addition to Lukes "Haunter" laptop (Wallpaper engine)

[antimattertape]

So I heard Luke mention on this weeks WAN show that he was making a Haunter themed laptop and was looking into stickers to put on the back and also mentioned he wanted to do something with wallpaper engine. So me being a bored web developer who stays up to late anyways, decided to make a wallpaper engine app for this, I'm currently playing around with Pixi.js (a WebGL rendering engine) and whipped out illustrator, drew some graphics and animated them as best I could in my current state, I'm planning on improving this animation in several ways, including animating the teeth separately from the mouth or drawing a path in pixijs instead of an SVG and sort of apply a tearing effect to the mouth to make it look like one solid gas object thing.

 

You can check out my current version here: http://opl.io/bg/haunter/ (works on mobile too)

 

I tried implementing video (still in the code, commented out right now) but the video stuttered a little and I thought the smoke stock footage I had looked a little far off of the illustrated look that Luke seems to be going for.

 

For now the animation just does some squishing/stretching to the eyes and mouth to try to imitate a since of 3d rotation and I definately plan on fine tuning that part to look better.

Future plans for this include color customization, color changes matching the time of day, possibly other pokemon, and maybe even a few various preset animations for haunter to cycle through.

 

This is just whipped together for now and I'll look into improving it over the weekend, any suggestions? Also could someone tag Luke or something? I don't know how.

 

 

I have a general interest in making things for wallpaper engine, but the only other thing I've made so far is this: http://opl.io/bg/add_orbs/

 

(BTW if Luke also wanted SVG's for cutting out haunters face, here are the ones I made, they're pure white but if you pull them into illustrator you can change that.)

http://opl.io/bg/haunter/haunter_mouth.svg

http://opl.io/bg/haunter/haunter_eye_left.svg

http://opl.io/bg/haunter/haunter_eye_right.svg