Experiments in HTML 5

M

mxc

Well-Known Member
Joined
Sep 12, 2005
Messages
204
Reaction score
0
Location
Johannesburg
Been trying out some of the "new" html 5 graphic features. There are 4 different ways to do graphics with HTML 5, none of them a complete solution :(

HTML 5 SVG & CSS - 3D in Pure DOM with Javascript

Needs Chrome to work properly and a decent CPU. Hope all browsers rapidly implement the standard now that its an official recommendation.
 
Last edited:
Looks cool, but make the 0,1's scroll in the boxes :)
 
That completely slowed my browser down to a crawl.
 
Unfortunately it's death for mobile too unless you have a high end device.

Can never use anything new because the majority of devices are crap
 
semaphore said:
Looks cool, but make the 0,1's scroll in the boxes :)
Click to expand...

They do! Its just browser rendering is very slow.Hope browsers improve and I need to discover the tricks of coaxing performance out of the rendering engine. Some of the DOM or SVG can be made to use the GPU but it all depends on many factors.

If you disable the cubes and the spinning on the monoliths it will speed up the text animation.
 
koeksGHT said:
Unfortunately it's death for mobile too unless you have a high end device.

Can never use anything new because the majority of devices are crap
Click to expand...

Yeah. browser performance and HTML 5 has a long way to go. When I tried it on Firefox it would do something like 1 frame every 5 seconds :( Really poor. So many factors to consider when using HTML 5 for this stuff. Not ready for prime time except some small animations.
 
I've been actively using HTML5 canvas animations to augment standard website headers and traditional banner-type rotators. It makes the sites feel incredibly fresh and clients go ape-crap over it. If you keep the amount of sprites (in 2D) to a minimum you get great performance on all devices and browsers.
 
mxc said:
Been trying out some of the "new" html 5 graphic features. There are 4 different ways to do graphics with HTML 5, none of them a complete solution :(

HTML 5 SVG & CSS - 3D in Pure DOM with Javascript

Needs Chrome to work properly and a decent CPU. Hope all browsers rapidly implement the standard now that its an official recommendation.
Click to expand...

The stuff that's being done in HTML is really gaining some ground. I'm a supporter of HTML Technologies. I've recently noticed this game called BananaBread, which relies on JavaScript and WebGL (basically a Cube2 game ported to JavaScript) and the results are quiet amazing: https://developer.mozilla.org/en/demos/detail/bananabread
The textures sometimes misbehave (which only happened on one map), but I've been running it on Chrome and this game is primarily developed for Firefox (results could vary on Firefox).
Google have been contributing a fair on WebGL: https://code.google.com/p/webglsamples/
Also, have a look at the Three.js framework http://threejs.org/examples/
 
Last edited:
The only thing I've been fiddling with is those webm things, haven't really found a use for the drawing except this.
 
The only problem is cross browser compatibility. The different browser vendors really need to get their heads out of their collective butts if HTML5 is ever going to be adopted widely.

In this day and age it is absurd to see the issues we are seeing.
 
That looks awesome, now do something useful with it :D
 
You must log in or register to reply here.
Back
Top
Sign up to the MyBroadband newsletter
X