MATRAKA by ribbon [web] & ate bit [web]
screenshot added by p01 on 2012-07-01 00:09:25
platform :
type :
release date : june 2012
release party : DemoJS 2012
compo : javascript 1k
ranked : 1st
  • rulez 83
  • is ok 7
  • sucks 0
popularity : 1%
  • rulez 0.92
alltime top: #734
added on the 2012-06-30 23:49:04 by p01 p01

popularity helper

increase the popularity of this prod by spreading this URL:


It's fucking parsley.
rulezadded on the 2012-06-30 23:54:14 by knl knl
Music is a little painful, but fucking sweet indeed.
rulezadded on the 2012-06-30 23:57:38 by orbitaldecay orbitaldecay
nice but audio hurts :(
added on the 2012-06-30 23:59:30 by Maali Maali
the music is horrible. but the visuals are quite nice. so piggie.
Impressive effect. But seriously - my ears almost got blown away by that "music" ;)
rulezadded on the 2012-07-01 00:05:34 by Punqtured Punqtured
1k so okay :)
rulezadded on the 2012-07-01 00:28:21 by ulrick ulrick
rulezadded on the 2012-07-01 00:30:42 by keito keito

Glimpses of MATRAKA were floating in my head for months until I could materialize it: I wanted to make a DEMO-ish 1k intro with a phat tune and effect, something out of this world for JavaScript 1k prods, set in space with an asteroid and stuff dancing around.

Once the voxel part was ready I tried various types of glitches, some "direction" ( the panning, morphing, type writer text, ... ) and was left with 10 days and about 100 bytes for the music. Playing with the JSON'ed point cloud as WAVE PCM was not giving this phat feeling I wanted. I contacted 4mat, who came up with the beat and melody. We tweaked this all a bit. Then came the crash cymbal and some more direction, colors, ... and it was called MATRAKA
added on the 2012-07-01 00:53:26 by p01 p01
/!\ The online/packed version may not go fullscreen in WebKit browers, prefer Opera or Firefox or use the unpacked version included in the download pack
added on the 2012-07-01 01:55:04 by p01 p01
Quite awesome!
rulezadded on the 2012-07-01 02:02:58 by ham ham
rulezadded on the 2012-07-01 02:08:48 by xpansive xpansive
Nice style and effect! The music is a bit too minimalistic for me though :)
rulezadded on the 2012-07-01 03:38:05 by exocet exocet
One of the best thing I saw in JS, love the generated sound as well, brilliant, sound very Mattel Intellivision games :D
rulezadded on the 2012-07-01 08:14:46 by Buckethead Buckethead
rulezadded on the 2012-07-01 08:52:31 by maytz maytz
Yum yum and yum
rulezadded on the 2012-07-01 09:43:35 by evilpaul evilpaul
rulezadded on the 2012-07-01 10:25:41 by moqui moqui
Coloooooooors !!
rulezadded on the 2012-07-01 10:50:16 by BackSpace BackSpace
Nice point sprites based voxels, nice morphing between them. Music in 1k js too.
rulezadded on the 2012-07-01 11:16:23 by Optimus Optimus
For 1k.js this is pretty impressive! Music and so much coherent visuals. Thumb!
rulezadded on the 2012-07-01 13:04:08 by xTr1m xTr1m
Pretty ace for a 1k!
rulezadded on the 2012-07-01 13:26:25 by raer raer
Should have been released without "music" like that, would have been much more enjoyable. Great effect destroyed by annoying music. Pigface.
added on the 2012-07-01 13:31:54 by StingRay StingRay
Cool and smooth!
Music is nice too!
rulezadded on the 2012-07-01 13:35:43 by frag frag
Good job, p01! I couldn't compete too. Sorry about it. :/
rulezadded on the 2012-07-01 13:51:04 by Danguafer Danguafer
rox ur sox!
rulezadded on the 2012-07-01 14:05:50 by wysiwtf wysiwtf
massive p01 tech attack!
rulezadded on the 2012-07-01 14:23:34 by v3nom v3nom
JS 1k prods increasingly look like true complete demos nowadays
rulezadded on the 2012-07-01 15:18:19 by cb cb
can be done in 4k
rulezadded on the 2012-07-01 15:19:45 by mrdoob mrdoob
impressive! Finally a js 1K with visuals, music and sync!
rulezadded on the 2012-07-01 16:22:03 by wullon wullon
this is good
rulezadded on the 2012-07-01 16:38:00 by provod provod
Thumb goes up!
rulezadded on the 2012-07-01 16:42:30 by xeron xeron
that's quite something... (in 1k)
rulezadded on the 2012-07-01 16:46:26 by Navis Navis
a little slow (in ff) but very impressive for 1k js!
rulezadded on the 2012-07-01 17:15:46 by phoenix phoenix
party winner!
rulezadded on the 2012-07-01 17:46:54 by psenough psenough
rulezadded on the 2012-07-01 18:54:13 by las las
rulezadded on the 2012-07-01 19:03:47 by CrossProduct CrossProduct
sets the bar high for this category!
rulezadded on the 2012-07-01 19:38:48 by ponce ponce
rulezadded on the 2012-07-01 19:40:54 by tomaes tomaes
rulezadded on the 2012-07-01 20:02:54 by parcelshit parcelshit
It's only 1k and so beautiful! Fantastic work, guys!
rulezadded on the 2012-07-01 20:59:55 by Bobic Bobic
only 1k, wait .. what ? wtf with javascript ?! :)
rulezadded on the 2012-07-01 21:52:58 by XT95 XT95
blew me away on the big screen -- if you see a bootleg that's me screaming "YEAH!!" at the start :D
rulezadded on the 2012-07-01 22:47:01 by Fell Fell
rulezadded on the 2012-07-02 00:09:50 by RufUsul RufUsul
xt95: ahaha I can see all of you, shaders kids :)
added on the 2012-07-02 00:24:30 by knl knl
Amazing :)
rulezadded on the 2012-07-02 00:25:14 by Zorro 2 Zorro 2
p01 you're simply the best !
rulezadded on the 2012-07-02 09:55:13 by Cyg_BLaBla Cyg_BLaBla
rulezadded on the 2012-07-02 10:32:33 by Tjoppen Tjoppen
eye pleasure + ear torture - it's kinky demosex time!
rulezadded on the 2012-07-02 13:29:37 by psonice psonice
cool even if music breaks my ears :(
rulezadded on the 2012-07-02 13:32:06 by Queen bittin Queen bittin
Awesome in 1k. Just awesome
rulezadded on the 2012-07-02 14:59:26 by jeffrey jeffrey
rulezadded on the 2012-07-03 02:59:29 by xernobyl xernobyl
p01 killed the javascript scene. Once again.
rulezadded on the 2012-07-03 10:05:16 by flure flure
rulezadded on the 2012-07-03 11:57:49 by ferris ferris
Music + visuals rulez.
rulezadded on the 2012-07-03 12:59:10 by radiantx radiantx
rulezadded on the 2012-07-03 21:34:42 by aha aha
rulezadded on the 2012-07-04 01:53:28 by Alpha C Alpha C
Me like.
rulezadded on the 2012-07-04 12:03:51 by kenet kenet
Is this really a JS compo?

Coz I can see there a Shockwave Flash Class Object , and ...that "PNG" bytes seems to be obfuscated SWF file..
added on the 2012-07-04 15:21:52 by JaK JaK
JaK: the uncompressed source is in the package.. it's just compressed as PNG, self-extracts the javascript code. no flash anywhere, don't know where you saw that.
added on the 2012-07-04 15:57:35 by psenough psenough
something cool for once in this categ.
rulezadded on the 2012-07-04 16:21:39 by superplek superplek
excellent :)
rulezadded on the 2012-07-04 17:54:34 by hArDy. hArDy.

JaK: Shockwave Flash Attack :) Trust me, this is ALL JavaScript, ALL in 1005 bytes packed. It works offline, n all browsers supporting 2D Canvas and WAVE PCM Audio. Just download the zip file and check the unpacked version if you want.
added on the 2012-07-04 18:14:35 by p01 p01
Wow. Crazy, you guys are.
Sound is a bit low rate.
rulezadded on the 2012-07-04 18:33:16 by leGend leGend
Cool compression. Awesome prod.
rulezadded on the 2012-07-05 11:34:55 by Alopex Alopex
rulezadded on the 2012-07-05 13:39:48 by starbuck starbuck
Whelp, that was nice.
rulezadded on the 2012-07-05 14:27:16 by Shifter Shifter
good stuff!
rulezadded on the 2012-07-06 10:17:01 by Skate Skate
rulezadded on the 2012-07-06 23:25:26 by the-other-pigpen the-other-pigpen
It didn't work in my old Mozilla's SeaMonkey v2.0.14 and Internet Explorer v7 in an old, updated Windows XP Pro. SP3 machine. What are the requirements to run this?
added on the 2012-07-07 09:16:17 by AntDude AntDude
This needs a browser that supports 2D Canvas, HTML5 Audio and WAVE files, e.g. any non-IE browser that is less than 2-3 years old.

Any somewhat recent of Firefox, Opera, Safari or Chrome/Chromium will do.
added on the 2012-07-07 10:02:21 by p01 p01
Really charming little 1kb :)
Works great in Chrome.
rulezadded on the 2012-07-07 12:01:52 by Shockwave Shockwave
rulezadded on the 2012-07-07 12:09:51 by stage7 stage7
rulezadded on the 2012-07-08 07:30:20 by e64 e64
wat :O!!
rulezadded on the 2012-07-08 08:15:48 by panic panic
Fucking impressive, fucking demoscenish, fucking awesome! CHAAAAMPIIIIOOOONS!!!
added on the 2012-07-08 13:57:02 by closed closed
Here's my thumb I forgotten, of course :)
rulezadded on the 2012-07-08 13:57:42 by closed closed
rulezadded on the 2012-07-08 21:46:37 by Grimmy Grimmy
rulezadded on the 2012-07-09 14:07:15 by toxie toxie
rulezadded on the 2012-07-09 16:48:27 by pingo pingo
rulezadded on the 2012-07-10 22:48:19 by ara ara
Old farts doing great stuff!
rulezadded on the 2012-07-11 17:52:09 by keops keops
What Keops said, really great work, all of you.
rulezadded on the 2012-07-11 18:23:05 by iks iks
I tried it in my Debian/Linux stable machine's Mozilla SeaMonkey v2.10.1 and Iceweasel (aka Firefox) v13.0.1 web browsers. They were a little slow, but neat. ;)
added on the 2012-07-14 19:27:59 by AntDude AntDude
Also, I heard no audio/music.
added on the 2012-07-14 19:31:41 by AntDude AntDude
rulezadded on the 2012-07-15 16:20:54 by pandur pandur
I think I need to improve on the audio and lighting for my next serious prod.

closed: Thanks! That's exactly what I was aiming for.

AntDude: What kind of computer do you have ?

I mainly developed MATRAKA on my Asus EEE with a 1.5Ghz cpu and simple nVidia card. With this particular setup ( HW and SW ) Firefox sucks really at 1-2fps while Chrome and Opera give a steady 5fps. ( IIRC most of time is spent in the HSL conversion, crazy ).

The compo machine at DemoJS was a an i5-2500k at 3.3Ghz. I have a similar machine at work and MATRAKA flies at 50-60fps there.
added on the 2012-07-16 10:55:16 by p01 p01
rulezadded on the 2012-07-16 20:16:28 by cherri kandler cherri kandler
pandrr: Intel Core 2 Q8200 (quad-core; default clock speeds; Socket 775 LGA) with a Scythe Andy Master 120mm CPU cooler (SCASM-1000), two 1 GB of Crucial RAM (Samsung DDR2 800 (PC2-6400; 400 MHz), EVGA NVIDIA GeForce 8800 GT PCIE vidoe card (512 MB of VRAM), Debian stable (Linux; kernel 2.6.32-...-amd64).

Is http://www.p01.org/releases/MATRAKA/matraka.png.html broken? I was trying another computer with its old, updated Windows XP Pro. SP3. :(
added on the 2012-07-21 16:57:30 by AntDude AntDude
The OS shouldn't matter. What matters is the CPU ( because it's all done in software ), GPU a bit, and most of all that you don't use some kind of antique browser. As I said, any non-IE browser that's less than 2-3 years old should do. I tested MATRAKA in latest stable versions Opera, Chrome, Firefox.
added on the 2012-07-22 07:40:27 by p01 p01
Awesome result for the size! Even the colors are nice :D

And... there is MUSIC!!!!

Well done boys!!
rulezadded on the 2012-07-24 14:41:11 by rez rez
i can confirm the 5 pfs on an eee pc with chrome. good stuff anyway :)
rulezadded on the 2012-07-25 11:24:32 by gopher gopher
Wow, even music!
rulezadded on the 2012-07-25 21:43:44 by moozooh moozooh
rulezadded on the 2012-09-29 13:03:13 by marsel84 marsel84
rulezadded on the 2012-10-02 13:12:46 by bartman bartman
rulezadded on the 2013-01-02 02:48:36 by T$ T$
Probably my favorite music in any 1k ever, and probably also one of my favorite 1ks overall on any platform...
rulezadded on the 2013-01-02 03:11:15 by noby noby
I think I still have a looooong way to go to play anywhere near the major ass kicking ballpark of TBC, Loonies and the gang.
added on the 2013-01-06 00:28:39 by p01 p01
rulezadded on the 2013-02-27 17:57:46 by Pirx Pirx
Totally missed this one before, very impressive!
rulezadded on the 2013-03-06 21:05:45 by break break
Really like this one, and I'm still astonished these things are possible at all in JS - as I feel the language to be a quite ~wordy.
Also reminds me on the oregon trail 1k I saw once, though that one didn't have sound - and this feels a lot more polished, tune is actually enjoyable :)

You wizards you! <3
rulezadded on the 2013-03-06 23:59:06 by mog mog
"Twisted pillar to ground transform" was the best, there's a reason for the low resolution I guess? And yes the treble slashed some eardrum here. :)
rulezadded on the 2013-03-08 18:38:25 by Photon Photon
mog: Thanks. Well, this is basically the same technique as the Oregon Trail entry, a point cloud, but much more polished and with a procedural object.

Photon: Thanks. The low resolution is mostly a size optimization that also gives me more control over the resolution and aspect ratio of the viewport, but I agree, it's a tad too low res on. I will work on that for the next prods.
added on the 2013-04-29 23:20:50 by p01 p01
To this day I still wonder what BB Image meant :p
added on the 2013-07-08 22:00:51 by p01 p01
Unpacked version works fine, packed not with ff 22. Any hints what is going wrong?
added on the 2013-08-05 20:47:24 by Cj Cj
Cj: Most JavaScript 1k and 4k use PNG bootstrapping to pack/unpack their code and data into an HTML+PNG polyglot file. Mozilla changed its PNG handling in FF22. Up until then all the mainstream browsers ignored the last 4 bytes CRC in PNG files. But FF22+ require it. This means that older JS prods using PNG bootstrapping need to be repacked to cater for this change.

MATRAKA was 1005 bytes so that won't bump it above 1k. I just need to get a hold of the code, repack it and upload.
added on the 2013-08-05 21:21:03 by p01 p01
Ha! This is really cool! Congrats!
rulezadded on the 2014-02-27 22:43:08 by sim sim

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