Something I'm really happy with is the psuedo-3d effect on the cat using a displacement map.
I took the cat sprite (http://dn.ht/picklecat/mesmercat.png) and made a "depth map" (http://dn.ht/picklecat/mesmercatdisplacement.jpg) where white is closest and black is furthest. This information is used to determine how far to move the underlying pixels. It's enough to give a subtle illusion of depth.
1. Doesn't crash video card driver.
2. Doesn't crash browser.
3. Doesn't show empty tab.
4. Doesn't cause 100% CPU usage.
5. Doesn't hang browser forever.
I created it in Adobe Illustrator using a gradient mesh:
Illustrator's gradient mesh tool lets you create a grid of points where you can choose a colour for each point. I overlayed the grid onto the sprite and estimated the distance at each point.
(if it wasn't obvious, playing around with pixijs!)
If you like this style of thing, check out the rest of TJs work at his website: http://www.tjfullerswebsite.com
I'm really curious how they made it in the first place.
PS. Perhaps it was intentional, but this is quite topical given the recent story of "cucumbers scaring cats". (https://www.youtube.com/watch?v=sc0mi0Ei1CQ)
Like, I get there's a source GIF that inspired it, and lazoring pickles with a cat has that sort of pseudo randomness like 'purple monkey dishwasher'. But I still think it's strange that it stands out as an omission over, say, talking wrenches. (I think the awestruck cat is fine just how it is; just flummoxed over how legitimate your quip was.)
It's odd that I can say straight-faced "of course you would expect lasers to shoot from that cat's eyes and destroy the pickle," but that I can't describe why that assumption is so obvious.
I may have to rethink my life.
Completely unrelated to WebGL, but you might want to have the music loop forever or use a long playlist. That'd be neat - I have it open in background because the music is really sweet.
Have an album :) https://lazerhawk.bandcamp.com/album/redline
> Finally, evidence is mounting that points to a "lost decade"
> between what we now remember as the 1970s and 1980s, a time
> whose full cultural trauma and resulting suppression from
> memory was so complete as to effect itself even on the living.
Renders fine in Chrome 46 on OSX 10.10
Try this list: https://catechgory.com/2-letter-domain-names/
I was pretty lucky to get one that matches my name. :)
This is not rendering for me in Chrome on OSX. Is this a known issue?