js touch
March 20, 2009Satoshi Ueyama
- http://d.hatena.ne.jp/gyuque/
- Location:
- Nagareyama, Chiba, Japan
Launch Experiment
Slow? Not Working? Try it in Google Chrome.
From the Author:
Thid demo renders a 3d model of Apple iPod with sphere environmental mapping technique.
Technology:
Javascript, Canvas
Comments
its amazing Satoshi Ueyama.. here we are watching the birth of the next generation web... 3d engine is ready,Raytracer is ready .. i go through the code of your 3d engine and i am trying hard to understand it... you people like Satoshi Ueyama take lead and write article about how we can progress in 3d world of web rapidly....in the coming days we will see lot of realtime animations and 3d in web............ thanks Satoshi Ueyama
Reply to this commentIt sucks
Reply to this commentHaven't you guys noticed the obvious rendering fails when using Chrome? The 3D models look awful and gelatinous, like if they were not concrete objects. Straight lines look like broken lines and they keep flickering when you change viewing position. It looks like things are going to break if you change point of view quickly. It's neither stable or of good quality rendering.
Now, if you try it with Opera, you'll see very stable, reliable and fast 3D models with no rendering problems.
(I'm using latest Opera and Chrome versions downloaded today from their respective websites).
Reply to this commentGUYS, TRY WITH O3D PLZ AND HOW TO USE THE OPERA /GECKO 3D METHOD?
Reply to this commentI have been waiting for something like this appear ....
Reply to this commentかなり面白いな・・・
Reply to this commentDo you generate the 3d-mesh within JS or do you load a mesh objekt from file? Anyway, great job! With the ability to load .x objects this could be a breakthrough for future webdesign. looking forward to hear your answer.
Reply to this commentAwesome
Reply to this commentITS PERFECT
Reply to this commenti like this program anything else
Reply to this commenti love you
Reply to this commentThis doesn't work in IE8 (IE7 compat. mode). I'll try it in Chrome, but this sort of thing is going to need to work in IE for most developers to actually use it.
Reply to this commentI think it would probably be the other way round.. Developers need IE to conform to standards.
Reply to this commentHow IE could be called a standard is beyond me. Besides, WTH cares about IE. ANYTHING is better than that PoC ;).
Reply to this commentOMG!!!!!!!!!!!!!!! WHAT THE FUCK ART!!!! GET RID OF YOUR FUCKING IE AND GET CHROME!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! DO YOU EXPECT DEVS TO KEEP DESIGNING COMPLEX THINGS TO GET IE TO WORK?!?!?!? NO! IE DOESNT EVEN HAVE A FUCKING CANVAS!!!!!!!!!!!!!!!!!!!!!!!!
Reply to this commentIEs JavaScript engine isnt fast enough... thats why its specialized to chrome, and thats why chrome is the best! =)
Reply to this commentMore like...Tha's why chrome is second best...to Safari
Reply to this commentGOOGLE CHROME IS WAAY FASTER THAN SAFARI!! AND IS BY FAR THE BEST BROWSER EVER!!! SAFARI IS JUST A BORING STARTER BROWSER FOR APPLE PRODUCTS!! GOOGLE CHROME RULZZ!!!!
Reply to this commentThey both use the same (albiet probably modified) rendering engine,
Webkit.
Safari was available for windows before chrome was even announced, even though it was mostly for developers.
Google Chrome is great,
Safari is great (on mac)
they both were designed to do different things,
Safari was intended as a IE replacement,
Chrome was intended as a way to give every other browser a kick in the pants when it came to JavaScript rendering, because Google doesn't like limits.
Reply to this commentGoogle Chrome and Safari use different JavaScript engines. Chrome's JavaScript engine is vastly superior.
Reply to this commentThank you for this tidbit of sanity in an otherwise worthless argument :) Keeps me from going rage.
Reply to this commentChrome is alwase the best cause it is so super fast
Reply to this commentThis is really cool, nice work :)
Reply to this commentthis is cool. It can be used as model preview for webs
nice n well done!
Reply to this commentcan this be saved nd used as screen saver? hehehehehe
Reply to this commenthghjfhigkjfgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffffffffffffffuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuucccccccccccccccccccccccccccckkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
Reply to this commenth
Reply to this commentg
Reply to this commentddddd
Reply to this commentffdfgdvdd
Reply to this commentfuck bull shit comes out my bum
Reply to this commentoh fuck shit piss
Reply to this commentfgfdggdsg fuck bull shit
Reply to this commentoh shit
Reply to this commentsatoshi- your effort here has opened the creative arts to dimensions that remove any limitation on what can be achieved - your work indicates a very deep sense of the forms of magic and magicians; as an exhibit of artistic expression the hard work and talent you manifest in your demonstration here is cleverly disguised as an obvious work of magic. Bravo- Satoshi - Bravo.
Reply to this commenthi
Reply to this commentWow. Miku's there. Nice.
Reply to this commentusing chrome: fine, very nice
asli keren tenan...
Reply to this commentsuper
Reply to this commentdis is cool...
Reply to this commentTried on flock 1.2.7, nothing was displayed.
But it ran perfectly in Firefox 3 Nightly build (3.6a1pre)
Good job
Reply to this commentMirror finish in demo 3 had me saying OOOO WOW. Liked it!
Reply to this commentVery cool! I haven't seen 3d like this in Javascript...
Works fast and great looking.
Reply to this commentAwsome!!!! best JS3D I've evr seen!
Reply to this commentDemo 2 is very laggy on Safari 4, but works.
Reply to this commentawesome. i'm shocked!
Reply to this commentWorks great in the most recent Dev release. Great work!
Reply to this commenton Google Chrome 2.0 works only demo 1 :-(
Reply to this commentYeah. I have the same problem. Only demo 1 works, and I am using the latest Chrome beta. Wonder what's wrong?
Reply to this commentAll work fine for me on Chrome.
Reply to this commentYah. Works perfectly.
Reply to this commentIf you are having problems try Chrome 3.0 (alpha)
Reply to this commentThere is perspective correction issue (in demo 3) and z-buffer flickering (in demo 2) but anyway it's awesome
Reply to this commentTHESE ISSUES HAVE BEEN FIXED NOW!
Satoshi Ueyama
Reply to this commentFTW!
Reply to this comment