-1

I'd like to make 3D Wall effect (http://www.flashloaded.com/flashcomponents/3dwall/) with HTML5 and canvas. Any suggestions?

Thanks

  • 2
    Type your code into a text editor and save it as a .js file. When you need any more suggestions, feel free to ask specific questions. Glad to help. – Philipp Aug 16 '13 at 11:44

2 Answers2

1

famo.us looks like it can do what you want using HTML5 but without using canvas or WebGL. I know you specified canvas, but really that's just a means to an end. Visit the famo.us site and explore to see the periodic table displayed as a wall, or a sphere, or a spiral, among other things. Unfortunately they don't feel ready to release their code yet; for now there's only the minified code available, which is not easy to follow. But if you're able to wait a while until they're ready, that might be the way to go. If you went the WebGL route and you wanted to target IE then you'd have to wait anyway, for full IE WebGL support.

MTGradwell
  • 151
  • 2
  • 2
-1

That won't be possible in real time without direct gpu access. But you may look at WebGL. That is a JavaScript-Implementation of OpenGL. It won't run in IE 10 and older, but in most of the other browsers.

jalgames
  • 781
  • 4
  • 23
  • That 3D effect is simple enough that it really doesn't need a GPU to process it. – JJJ Aug 16 '13 at 11:47
  • But it will be really hard (see also [link](http://stackoverflow.com/questions/7792459/canvas-vs-webgl-vs-css-3d-which-to-choose)) to write these 3d effects. I think it would be easier to use WebGL. – jalgames Aug 16 '13 at 11:53