Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

I wonder if you could use this to achieve an animation effect like some 8- and 16-bit games did with color cycling. eg http://www.effectgames.com/effect/article-Old_School_Color_C...


not exactly color cycling per se, but you might be able to achieve a similar animation effect by overlaying an svg turbulence filter over a mask of the waterfall, like described here[0]

unfortunately the dynamic displacement mapping is not very performant and this technique is hard to pull off on mobile devices

[0] https://redstapler.co/realistic-water-effect-svg-turbulence-...


You can't.


What if your mask/specular layers were made of an SVG that you then animate the colors within to "cycle"?


Color cycling works with paletted images. CSS blending modes work in RGB with a limited set of blend functions. The closest thing to color cycling is "filter: hue-rotate(...)", but you can't limit the colors to a particular subset of the hue wheel, so it's gonna be useless.


Right, but the colors within the SVG are what is cycling. It's not a rasterized image, so you could create a "pixel map". I'm not saying it's not convoluted as hell, but the effect [w|c]ould look paletted


At that point what's the purpose of having a mask image + blending at all?


because you can now overlay onto other RGB rasterized images

The SVG is just the spectral map. We're using its native possibilites to pull off some other crazy wild hare of an idea to do things that other image compositing programs do, but in a browser. I'm way way outside a box here, but that's where I prefer to play. This is one of those things where I'm taking an idea that someone developed with a specific idea, but I'm jerking the wheel hard left to suggest something zanny just because it might be interesting and cool. Following directions and creator's intent is boring ;-)


You can also overlay animated <canvas> elements.


I don’t really get what you’re saying, but ok.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: