pouët.net

JSpongy by Ribbon [web]
screenshot added by p01 on 2009-10-23 19:33:01
platform :
type :
release date : october 2009
related :
  • 87
  • 12
  • 0
popularity : 71%
 71%
  • 0.88
alltime top: #771
added on the 2009-10-23 19:33:01 by p01 p01

popularity helper

increase the popularity of this prod by spreading this URL:

or via: facebook twitter pinterest tumblr bluesky threads

comments

Works best in Chrome 3+ & Firefox 3.5+

Respect to Mentor.
added on the 2009-10-23 19:34:15 by p01 p01
WOW!
rulez added on the 2009-10-23 19:41:54 by Shazz^TRSi^MJJ Shazz^TRSi^MJJ
what?
rulez added on the 2009-10-23 19:44:24 by mad mad
:)
rulez added on the 2009-10-23 19:48:57 by Gargaj Gargaj
O.o
rulez added on the 2009-10-23 19:51:18 by StingRay StingRay
Une merveille de snippet en java script!
rulez added on the 2009-10-23 19:59:55 by Buckethead Buckethead
I never understood the fascination with javascript as a demoplatform, but this literally made me LOL :)

Also, i'm sure someone can do a faster and smaller version on amiga :)
rulez added on the 2009-10-23 20:04:16 by mentor mentor
yay
rulez added on the 2009-10-23 20:13:16 by havoc havoc
Someone make a Sparta-comment, because this is truly madness. :)
rulez added on the 2009-10-23 20:14:52 by gloom gloom
g10p
rulez added on the 2009-10-23 20:18:27 by Pirx Pirx
pléthaure zbob !
rulez added on the 2009-10-23 20:23:18 by Anat Anat
ROX
rulez added on the 2009-10-23 20:23:56 by wullon wullon
madness !
rulez added on the 2009-10-23 20:50:59 by ɧ4ɾɗվ. ɧ4ɾɗվ.
poï <3.
rulez added on the 2009-10-23 20:56:31 by iks iks
Wiz Bang!
rulez added on the 2009-10-23 21:01:16 by Intrinsic Intrinsic
JS domination
rulez added on the 2009-10-23 21:03:01 by Weyland Yutani Weyland Yutani
hehe
rulez added on the 2009-10-23 21:05:18 by SiR SiR
sorry, but what's the point in converting an existing 128b intro into a 512b javascript intro (apart from the learning experience, but then you don't release it)?
added on the 2009-10-23 21:06:57 by blala blala
mega! (even if i don't know what javascript is :)
rulez added on the 2009-10-23 21:09:47 by elfh elfh
This really is great work. Thanks.
rulez added on the 2009-10-23 21:15:28 by Shockwave Shockwave
blala: are you aware that we are not talking about a simple copy-paste but an actual re-coding of the entire thing using differnet techniques. not to mention the concept of size-coding in JS is not the same thing as size-coding via opcodes.

I think this is a major achievement. Amazingly smooth on my system too <3.
rulez added on the 2009-10-23 21:15:29 by decipher decipher
Awesome!
rulez added on the 2009-10-23 21:26:34 by Optimus Optimus
what blala said + thumb
rulez added on the 2009-10-23 21:31:18 by toxie toxie
 
rulez added on the 2009-10-23 21:34:42 by doomdoom doomdoom
Well done!
rulez added on the 2009-10-23 21:35:04 by Zplex Zplex
*poi*
rulez added on the 2009-10-23 21:40:58 by keops keops
great!
rulez added on the 2009-10-23 21:41:03 by nekomono nekomono
SCHEISSE in a positive sense!!!
rulez added on the 2009-10-23 21:53:08 by chromag chromag
You nutter :)
rulez added on the 2009-10-23 21:56:43 by すすれ すすれ
Respect!
rulez added on the 2009-10-23 21:56:45 by src src
Scheiss die Wand an!
rulez added on the 2009-10-23 22:04:25 by Salinga Salinga
What the hell
rulez added on the 2009-10-23 22:30:31 by Saga Musix Saga Musix
Full respect! And what Decipher said :)
rulez added on the 2009-10-23 22:42:27 by Alpha C Alpha C
MAIS OUAIS PUTAIN MAIS OUAIS §§§§§§
rulez added on the 2009-10-23 22:42:58 by MsK` MsK`
Quote:
are you aware that we are not talking about a simple copy-paste but an actual re-coding of the entire thing using differnet techniques.
yeah, i'm aware that x86 asm is not javascript (even though i didn't write more than a line of javascript in my life, that's maybe balanced by the few hundred thousands lines of x86 asm...). but it's not like there are a large number of extremely complex algorithms in a raymarching 128 byte intro, which you have to invent heavy "new techniques" for...
Quote:
I think this is a major achievement.
i don't.
Quote:
Amazingly smooth on my system too <3.
that only means that you have an amazingly fast system.

i find it ironic and sad that this simple javascript conversion has more thumbs, already on the first day, than most of the demos with weeks (or even more) of hard work in them...
added on the 2009-10-23 23:13:56 by blala blala
wow!
rulez added on the 2009-10-23 23:14:26 by panic panic
Runs like shit here. Firefox 3.5.3.

(0.2 fps)
added on the 2009-10-23 23:16:14 by Rob Rob
Wait. It seems to only update when I move the mouse.
added on the 2009-10-23 23:17:41 by Rob Rob
not working here. (opera)

screenshot vote. :)
rulez added on the 2009-10-23 23:28:33 by gentleman gentleman
YES SW FOR LIFE!
rulez added on the 2009-10-23 23:31:22 by xteraco xteraco
Respect at full power!

The reply to all those who think that 3D gfx cannot be rendered and through web browsers.
rulez added on the 2009-10-23 23:33:51 by Defiance Defiance
Correcting:
Quote:
.....rendered and applied through web browsers.
added on the 2009-10-23 23:37:32 by Defiance Defiance
nice!
rulez added on the 2009-10-23 23:46:48 by sigflup sigflup
Cool!
rulez added on the 2009-10-23 23:50:53 by Joghurt Joghurt
btw. works in ff. very nice one!
added on the 2009-10-23 23:51:06 by gentleman gentleman
nice!
rulez added on the 2009-10-23 23:59:51 by v3nom v3nom
pfft :P funny
added on the 2009-10-24 00:16:45 by ferris ferris
i'm gonna have to agree with blabla that this is *not* a major achievement at all; then again i'm pretty sure that's not the author's opinion nor intention either

but hell it's a cool gesture and JS ftw! :)
rulez added on the 2009-10-24 01:18:51 by superplek superplek
i meant blala.. something with habits.
added on the 2009-10-24 01:19:14 by superplek superplek
uglier, slower and 4x bigger code than the original, at least it's online
niice
rulez added on the 2009-10-24 02:52:40 by BoyC BoyC
p01, js master :) thumbs up!
rulez added on the 2009-10-24 03:04:05 by Skate Skate
uh? no!
Thanks everyone! Especially Mentor :)



Well, even though it may not be obvious to eveyrone, along the size optimizations, there are a couple of speed optimizations in JSpongy and these did not come out of the blue. The whole thing took some efforts and thinking to figure out ways to get a reasonable speed and retain a small footprint and large-ish feature set ( rotation around multiple axis, overall styling, cross browser compatibility, numerical precision, ... ).

About the size itself, you have to remember that JavaScript is a scripting language. The form sent to and used by the user agents is the source code. Not native compiled code like x86 opcodes. So iin terms of size alone, JSpongy and Spongy are like apples and pears: uncompiled (super) high level code vs compiled low level code.

The "release" version of JSpongy is wasting many bytes in CSS and overall styling, The raymarching algorithm itself isn't that complex. The smallest size I reached so far for the intro was around 310 bytes by scarifying a lot on the styling and camera target. Had someone managed to cram a similar raymarcher in 256 bytes of JavaScript, or less, I would definitely give my hat off.

added on the 2009-10-24 04:04:33 by p01 p01
video plz
added on the 2009-10-24 05:19:16 by fyrex fyrex
cool!
rulez added on the 2009-10-24 06:24:38 by diver diver
rulez added on the 2009-10-24 06:56:53 by Gʀɪʍʍy Gʀɪʍʍy
This is just fucking cool.
rulez added on the 2009-10-24 09:46:12 by vestige vestige
:D
rulez added on the 2009-10-24 11:17:10 by stijn stijn
p01: if you ever have the time, i'm quite interested in what those optimizations/hurdles are (in form of a small doc/page)
added on the 2009-10-24 11:45:39 by superplek superplek
nice challenge and funny to see mentor's work jscriptisized
rulez added on the 2009-10-24 12:25:55 by xoofx xoofx
blala: My amazing system is a MacBook Pro. But hey, thanks though now I can be that Macfag and say "of course it is an amazing system, it's a Mac.", no really I hate those guys.
added on the 2009-10-24 13:25:04 by decipher decipher
and oh using Firefox 3.5.3
added on the 2009-10-24 13:25:26 by decipher decipher
woot nice
safari 4.03 is definitely not up to the task :)
blala may be pissed, but so am i aswell, as his point has a point !
doesnt belong here tho, blala ;) ( <3 u ;) )
The Rrrola of Javascript made it one more time.
rulez added on the 2009-10-24 14:10:32 by stage7 stage7
excellent
rulez added on the 2009-10-24 14:28:03 by Ger Ger
no way... o_O
rulez added on the 2009-10-24 14:36:12 by neptun neptun
jeaah =)
rulez added on the 2009-10-24 14:53:06 by relias abardon relias abardon
Great!!! In the Google Chrome this work very fast
rulez added on the 2009-10-24 15:01:08 by bitl bitl
Good stuff.
rulez added on the 2009-10-24 15:13:00 by raina raina
interestingly enough, this was a lot faster once i remembered to pause the dvd ripping process i had going on :)
rulez added on the 2009-10-24 15:22:09 by ricky martin ricky martin
omg ! stargazer in JS \o/
rulez added on the 2009-10-24 15:53:32 by faraday faraday
Good job!
rulez added on the 2009-10-24 17:45:29 by galen galen
Works in OWB on OS4.1 ;-)
rulez added on the 2009-10-24 18:51:53 by xeron xeron
fakking ossom, just damn slow :D
rulez added on the 2009-10-24 22:14:42 by -SP- -SP-
Impressive!

puts my jsplasma to shame :P
rulez added on the 2009-10-25 02:10:46 by rbagel rbagel
great!
rulez added on the 2009-10-25 10:13:37 by nula nula
slow, but really impressive
rulez added on the 2009-10-25 11:49:51 by zefyros zefyros
neat
rulez added on the 2009-10-25 15:42:16 by post malone post malone
what zefyros said
rulez added on the 2009-10-25 16:49:56 by untel untel
Crazy shit. But too damn slow. :/ (although, pressing '-' a couple of times, does improve the framerate a bit ;) )
added on the 2009-10-25 18:37:55 by tomaes tomaes
o_O slow ?

I get 15 to 30 fps in Chrome 4 on my 2yo Core duo 2 @ 2.0 Ghz laptop with a rusty integrated Intel GMA 950
added on the 2009-10-26 08:48:40 by p01 p01
Ooh yeah. Runs pretty good too, on safari/osx here.
rulez added on the 2009-10-26 12:10:36 by psonice psonice
Nice! :)
rulez added on the 2009-10-26 13:22:14 by PauloFalcao PauloFalcao
perhaps this should be somehow linked via pouet to the original?
poi: Yes, slow. 2 fps at most in Opera 10. Not amazing, but decent CPU. I don't see what the GPU has to do with this as it's not WebGL related? :)
added on the 2009-10-26 13:42:55 by tomaes tomaes
tomaes: I know it's dog slow in Opera 10. That's why I recommended Chrome 3+ & Firefox 3.5+ although my default browser is Opera.

FWIW, using an internal build of Opera I got a framerate pretty similar to what I get in Chrome.
added on the 2009-10-26 14:03:55 by p01 p01
yeh, javascript-engine of Opera very slow, use Chrome for this intro ;)
added on the 2009-11-03 04:34:27 by bitl bitl
nice
rulez added on the 2009-11-05 13:21:42 by gopher gopher
Awesome!
rulez added on the 2009-11-08 21:24:38 by Cosmocat Cosmocat
In Chrome it works good enough... but this doesn't make a good promotion for Opera :P
rulez added on the 2009-11-11 14:10:03 by texel texel
Tell me about it :p

And Carakan, Opera's new JS engine with JIT and co. , will certainly wait for the next major release. :\
added on the 2009-11-11 16:21:58 by p01 p01
Hm... JavaScript got kinda boring with the rise of <canvas>
added on the 2009-11-11 20:39:48 by T$ T$
really fast, bold and stylish (for js=)
rulez added on the 2009-11-13 22:44:45 by kael kael
Slow on my IceWeasel (aka Debian's Firefox v3) and didn't work in Mozilla's SeaMonkey v1.1.18, Firefox v2.0.0.20, and Internet Explorer v6.0 SP3. :(
added on the 2009-11-14 09:51:33 by AntDude AntDude
JIT ( and TraceMonkey ) only made it's way in FireFox in the version 3.1.

And CanvasImageData is quite recent too.
added on the 2009-11-14 13:48:40 by p01 p01
i follow your releases since some time now..
srsly..
i love your work.
anyways... your 3d thomb 2 appears to be offline on your homepage :(
rulez added on the 2009-11-14 14:51:16 by GottZ GottZ
Quote:
Slow on my IceWeasel (aka Debian's Firefox v3) and didn't work in Mozilla's SeaMonkey v1.1.18, Firefox v2.0.0.20, and Internet Explorer v6.0 SP3. :(

then do some research about <canvas>
thinking that this could run in IE is kinda INSANE.
i beliefe microsoft will put <canvas> into the IE at around 2014
added on the 2009-11-14 15:28:59 by GottZ GottZ
Very nice.
rulez added on the 2009-11-20 22:40:08 by cxnull cxnull
wow. this is REALLY SLOW on firefox and REALLY FAST on chrome. hat off to the v8 engine.

btw, did i mention i once saw the v8 guys in person? it was when i worked for google.

thay all wore shirts with "V8" printed on them in gigantic size. there's some team & product identification for you!

unfortunately, much of the rest of google is not nearly as cool as that team. :[
added on the 2010-03-19 23:31:02 by vibrator vibrator
Pheewww! Got this puppy under 300 bytes. Actually the "hardcore" version of JSpongy stands at 297 bytes at the moment.

Slowly the 256 bytes bar seems more reachable for ray tracing/marching effects in JS.
added on the 2010-04-23 20:32:38 by p01 p01
wow
rulez added on the 2010-04-24 16:37:37 by rudi rudi
Awesome, runs fine on my Firefox 3.6.6
rulez added on the 2010-06-30 12:32:07 by _0x3a ^DESiRE _0x3a ^DESiRE
Fantastic stuff ... !!!
rulez added on the 2010-06-30 12:50:16 by slippy slippy
What rudi said.
rulez added on the 2010-11-13 22:52:44 by mog mog
.
rulez added on the 2011-02-27 11:23:03 by las las
Savage.
rulez added on the 2011-05-15 13:14:46 by johnl johnl
works especially fast on teh MacBook Air.

and it's not only technically mindblowing but also really beautifull to see! the magic of mathematics :)
rulez added on the 2011-05-17 01:23:34 by rez rez
Oh yeah.
rulez added on the 2011-08-08 14:14:10 by closed closed
Still really slow under FF.
Impressive.
rulez added on the 2011-08-08 14:17:54 by sim sim
Chuck Norris might approuve that
rulez added on the 2011-11-27 21:12:28 by Boudah Boudah
.
rulez added on the 2012-03-19 01:24:23 by nosfe nosfe
runs superbly smooth in FF! :]
rulez added on the 2012-07-06 12:00:00 by ewerybody ewerybody
uuuuuuuuuuuuuuuuuuuuuuuuuh la la!
rulez added on the 2015-03-13 23:27:21 by sensenstahl sensenstahl
i wonder how does it works...
rulez added on the 2017-01-02 06:05:21 by no longer active no longer active
long missing thumb! ♥
also : 281 bytes?? that's way closer than i would have thought, respect
rulez added on the 2018-07-19 17:00:17 by HellMood HellMood

submit changes

if this prod is a fake, some info is false or the download link is broken,

do not post about it in the comments, it will get lost.

instead, click here !

[previous edits]

add a comment