How ambitious is the full set of CSS3's 3D properties (finalized and those still in testing)?
-
I am wondering just what sort of 3D graphics can be achieved with CSS3's full set of 3D properties. I get the distinct impression that they don't touch the 3D graphics capabilities of Flash 11, Silverlight 5, or WebGL. I'm assuming that CSS3 doesn't have any sort of shader support. True or false? I also assume that it doesn't have the performance (sheer number of primitives per second), etc. Am I wrong? Educate me.
-
Answer:
Your terminology isn't completely accurate. CSS doesn't have tags, it has rules and properties used in these rules to style HTML elements (or "tags"). That said, I take it the gist of your question is to know how much you can do with CSS 3D Transforms. Despite the name, CSS 3D Transforms aren't real 3D. What these CSS3 properties provide is a way to lay out flat 2D elements in 3D space, sometimes referred to as 2.5D. You can apply and combine translate, scale and rotate commands, in all of the x, y and z axes or even provide 4x4 matrices. Then, combining with the properties defined in the CSS Transition and CSS Animation specifications, you can create compelling animated effects as you move from one 3D transform to another. There is however a complementing technology called WebGL which gives developers the features of OpenGL|ES in a Web browser via the <canvas> HTML element. This allows the drawing of polygons and application of shaders. It's a very different beast, but an extremely powerful one.
Antoine Quint at Quora Visit the source
Other answers
CSS3 definitely does not have a 3D engineâit merely includes (in progress) a number of ways to transform objects in a virtual 3D space. Comparing it to Flash, WebGL, or Silverlight isn't an accurate comparison, really. No there's no shader support, or even primitives, for that matter, to benchmark.
Alex Ford
Here is a great tutorial more in depth css3 and html5 used to creat the classic game Wolfenstein this is the best way to explain the 3d properties http://dev.opera.com/articles/view/creating-pseudo-3d-games-with-html-5-can-1/
Luke A. Kist
Related Q & A:
- How To Get Minecraft Full Free On Ipad?Best solution by itunes.apple.com
- how to fetch a value from persistence.xml to build.properties?Best solution by Stack Overflow
- How to weight in full-text search?Best solution by Stack Overflow
- Does anyone know how to get a full scholarship to US college?Best solution by scholarships.com
- How do I join full yahoo chatroom?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.