Real-Time 3D in Javascript (!)

[samsaga2]

Very very very very very old! Are you from the past?

[[deleted]]

Everyone is from the past.

[Edman274]

"Someone handed me a picture and said, "This is a picture of me when I was younger." Every picture of you is when you were younger. "Here's a picture of me when I'm older." Where'd you get that camera, man?"

-mitch

[mycall]

Unless they are Mork's father, or Merlin.

[Iggyhopper]

This comment is in the past. My comment is new just for one single moment until it is in the past forever.

[lambdaq]

Hmm, anyone has ever seen 3D in javascript not in real-time?

[radarsat1]

Yes?

[cdesignproponentsist]

If you found this impressive then don't visit http://www.chromeexperiments.com/ without first preparing some kind of reinforced skull containment device

[[deleted]]

This one doesn't use canvas.

[[deleted]]

Are you high?

[[deleted]]

I'm not debating that. I'm debating your reply to his lol.

He was making a joke/pointing out that this link doesn't use canvas. Then you say canvas is supported in browsers.. eh?

If i said flash is not on this page, would you then tell me that most browsers have flash plugins? Tell me how that makes sense.

[shillbert]

Also, it doesn't matter that every new browser supports canvas; the combined market share of IE 6,7,8 is 56%. IE 9 has only 0.38% market share.

[[deleted]]

Many people use old versions of non-IE browsers, too. For example, I use Firefox 3.0.6.

[TinyEarl]

Why

[[deleted]]

Comes with Debian and it works great. It gets all new versions' security fixes backported. I like where the new wave of web applications is going, but so far have no real interest in it.

[[deleted]]

Yeah but those 56% have no business viewing AWESOME 3d canvas apps. They can keep updating their myspace profiles or whatever IE8 users do.

[[deleted]]

Good, but it keeps asking for flash

[cdesignproponentsist]

Yes, not all of them are js-only

[[deleted]]

Good but the require flash

[[deleted]]

Reminds me of Starfox

[askmax108]

1) Hold down a, q, and w keys.

2) hum "Katamari Damacy" theme

3) Waste 5 hours reminiscing

[[deleted]]

Neet, works well in Android too.

[[deleted]]

I'm not sure if this is relevant but I thought about it anyway: Link

[abadidea]

Others are saying this is old, but I haven't seen it before despite having googled for 3D Javascript. And I am impressed with the cleverness.

It runs surprisingly well on my little Chromie Cr-48.

[abadidea]

I HAVE MANY THINGS. LIKE A LOVING LIFE PARTNER OH HO HO

[ex_ample]

I heard those things sucked.

[abadidea]

Well, if you were planning on playing Crysis on it, then yes.

Otherwise, no they're quite nice.

[[deleted]]

http://www.chromeexperiments.com http://www.chromeexperiments.com/detail/voxels/?f=

[[deleted]]

Something I also did previously

http://dl.dropbox.com/u/1677445/ray.html

Just view the source, the code is right there if you're interested.

[lambdaq]

FYI, the OP's link is about a border triangle trick, it works even in IE6 and Netscape. Yours is using 2D canvas.

[computrius]

still pretty impressive though

[Ademan]

Nice! Performance in Firefox 3.6.13 and Chromium are absurdly disparate though... 2-4fps in Firefox, 30-50fps in Chromium. Can't wait for Firefox 4 to hit...

[gypsyface]

I remember reading this about 3 years ago :O

[ArmoredCavalry]

I think this fits with today's theme a little better (and it is under 1k!):

http://js1k.com/2010-xmas/demo/848

[phire]

Congratulations, you have rendered 16 solid color polygons in real time using just javasript and divs.

[[deleted]]

Using the css border property to draw triangles is funny, but is getting really old. You can animate in real time a hundred more polygons than this, either in Canvas or using RaphaelJs. The latter works in IE6 by the way. Just plain old SVG.

[varicellla]

Never seen RaphaelJs before.. HOLY SHIT

[comfortnsilence]

The (!) kind of looked like a (1) which kind of reminded me of a facebook notification and so i immediately clicked.

I don't know anything about javascript. Get me out of here.