You may have noticed that I’ve been playing with some technologies other than Flash recently, and you know what, I’ve been really enjoying it!
Sadly I didn’t have time to get a Perlin noise function working fast enough but I reckon I could add that later into a pre-calculated array.
Performance seems OK in Safari and Chrome, not so good in Firefox, and of course, non-existent in Explorer. 🙂
I should thank F1LT3R, although I didn’t use any of his code in the end, it was a massive inspiration to see that you could render 3D into an HTML5 canvas object.
7 replies on “3D landscape in HTML5 canvas”
Nice one Seb, you can use Mario’s optimized Perlin Noise class.
Really nice stuff! What’s stopping me about those technologies, comparing to flash, is cross-browsing issues. I guess it will always be a problem with an app running without a largely distributed run-time.
Maybe a HTML 6 run-time included in future browsers? 🙂
You’re right. It is very slow on Firefox, but definitely great on Safari.
An excellent example (as always)!
If you think FF3.5 performance is bad, you should try the current Opera – it runs twice as slow as FF…
@Romuald it’s a very young technology and really no replacement for Flash just yet
@dVyper thank you! It definitely needs more optimisation – it’s on my list of things to do 🙂
[…] as 3D (like Swift 3D, Papervision 3D and Away 3D – compared to examples using Canvas such as this. To be fair, you need to check out WebGL. Looks really sweet so far), advanced audio controls and […]
[…] 3D landscape in HTML5 canvas | Seb Lee-Delisle […]