This looks cool!<p>For those interested in tiiiny, efficient shaders, check out shadertoy. It was written by one of the Pixar guys, Inigo Quilez, and has a a lot of awesome user-submitted shaders. <a href="https://www.shadertoy.com" rel="nofollow">https://www.shadertoy.com</a>
I completely forgot how fun playing with shaders in realtime is. Last time I did this was in AMD RenderMonkey. Look what I made after a 2 minute poking around the editor (it's animated, too!)[1] :)<p>[1]: <a href="http://i.imgur.com/BGv8dL9.png" rel="nofollow">http://i.imgur.com/BGv8dL9.png</a>
If you are interested in this kind of tool, you should also conside Tao Presentations. See <a href="http://www.taodyne.com/shop/dev/blog/288-building-a-dali-style-clock" rel="nofollow">http://www.taodyne.com/shop/dev/blog/288-building-a-dali-sty...</a> for an example of what you can do with it (in that case, a real-shader-based real-time ray traced clock).<p>Real-time shader editing, complex scenes built using a real-time 3D document description language, animations, multiscopic 3D movies playback, 2D and 3D text layout, dynamic textures, etc. In short, Tao is a rather complete toolbox for real-time 3D.
Quick question; I'm running Linux Mint on a not-very-high-powered laptop (with onboard GPU), trying out this demo in both Firefox (32) and Chromium (37), I find the framerate in Chromium to be significantly better and smoother than in Firefox.<p>Any idea why this could be? Something about Firefox, or maybe my own configuration? How do I test whether it's actually using hardware acceleration? (or is there no software fallback and I wouldn't see anything in that case?)<p>Switching to lower polycount objects, even the cube, doesn't do much to improve the framerate either.
Very cool! Some hopefully helpful feedback: Running Safari on a Mac, and the text cursor visually shows up in a different place than the actual editing occurs, making editing tough. It is off by an amount that varies largely when I change the size of the on-screen text, sometimes off by 1 character, sometimes off by 4 characters. At a really large font size, I got it to mostly align and it made editing possible.
I've been meaning to do a similar project for a while, but also handling the ability to pass extra data to the shader via texture buffers (it's a useful technique for mass rendering of objects stored within the GPU) although I'm unsure whether WebGL currently supports this as I'm yet to use it.
Very cool! A small bone to pick, you should consider raising the contrast on the text in the Share dialog. It's really dark and very difficult to read on crappy monitors.