pouët.net

MATRAKA by ribbon [web] & ate bit [web]
[nfo]
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 88
  • is ok 7
  • sucks 0
popularity : 1%
 1%
  • rulez 0.93
alltime top: #715
added on the 2012-06-30 23:49:04 by p01 p01

popularity helper

increase the popularity of this prod by spreading this URL:

or via: facebook twitter google+ pinterest tumblr

comments

It's fucking parsley.
rulez added on the 2012-06-30 23:54:14 by __ __
Music is a little painful, but fucking sweet indeed.
rulez added on the 2012-06-30 23:57:38 by orby orby
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" ;)
rulez added on the 2012-07-01 00:05:34 by Punqtured Punqtured
1k so okay :)
rulez added on the 2012-07-01 00:28:21 by ulrick ulrick
MATRAKA BITCH!
rulez added on the 2012-07-01 00:30:42 by keito keito
JSYK...

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!
rulez added on the 2012-07-01 02:02:58 by ham ham
yep!
rulez added 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 :)
rulez added 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
rulez added on the 2012-07-01 08:14:46 by Buckethead Buckethead
Great!
rulez added on the 2012-07-01 08:52:31 by maytz maytz
Yum yum and yum
rulez added on the 2012-07-01 09:43:35 by evilpaul evilpaul
<3
rulez added on the 2012-07-01 10:25:41 by moqui moqui
Coloooooooors !!
rulez added 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.
rulez added 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!
rulez added on the 2012-07-01 13:04:08 by xTr1m xTr1m
Pretty ace for a 1k!
rulez added 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!
rulez added on the 2012-07-01 13:35:43 by frag frag
Good job, p01! I couldn't compete too. Sorry about it. :/
rulez added on the 2012-07-01 13:51:04 by Danguafer Danguafer
rox ur sox!
rulez added on the 2012-07-01 14:05:50 by wysiwtf wysiwtf
massive p01 tech attack!
rulez added on the 2012-07-01 14:23:34 by v3nom v3nom
JS 1k prods increasingly look like true complete demos nowadays
rulez added on the 2012-07-01 15:18:19 by cb cb
can be done in 4k
rulez added on the 2012-07-01 15:19:45 by mrdoob mrdoob
impressive! Finally a js 1K with visuals, music and sync!
rulez added on the 2012-07-01 16:22:03 by wullon wullon
this is good
rulez added on the 2012-07-01 16:38:00 by provod provod
Thumb goes up!
rulez added on the 2012-07-01 16:42:30 by xeron xeron
that's quite something... (in 1k)
rulez added on the 2012-07-01 16:46:26 by Navis Navis
a little slow (in ff) but very impressive for 1k js!
rulez added on the 2012-07-01 17:15:46 by phoenix phoenix
party winner!
rulez added on the 2012-07-01 17:46:54 by psenough psenough
nice
rulez added on the 2012-07-01 18:54:13 by las las
Cool.
rulez added on the 2012-07-01 19:03:47 by ¯\_(ツ)_/¯ ¯\_(ツ)_/¯
sets the bar high for this category!
rulez added on the 2012-07-01 19:38:48 by ponce ponce
+1
rulez added on the 2012-07-01 19:40:54 by tomaes tomaes
neat!
rulez added on the 2012-07-01 20:02:54 by parcelshit parcelshit
It's only 1k and so beautiful! Fantastic work, guys!
rulez added on the 2012-07-01 20:59:55 by Bobic Bobic
only 1k, wait .. what ? wtf with javascript ?! :)
rulez added 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
rulez added on the 2012-07-01 22:47:01 by Fell Fell
cool!
rulez added 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 __ __
Amazing :)
rulez added on the 2012-07-02 00:25:14 by Zorro 2 Zorro 2
p01 you're simply the best !
rulez added on the 2012-07-02 09:55:13 by Cyg_BLaBla Cyg_BLaBla
Impressive
rulez added on the 2012-07-02 10:32:33 by Tjoppen Tjoppen
eye pleasure + ear torture - it's kinky demosex time!
rulez added on the 2012-07-02 13:29:37 by psonice psonice
cool even if music breaks my ears :(
rulez added on the 2012-07-02 13:32:06 by Queen_Luna Queen_Luna
Awesome in 1k. Just awesome
rulez added on the 2012-07-02 14:59:26 by jeffrey jeffrey
cool!
rulez added on the 2012-07-03 02:59:29 by xernobyl xernobyl
p01 killed the javascript scene. Once again.
rulez added on the 2012-07-03 10:05:16 by flure flure
lol
rulez added on the 2012-07-03 11:57:49 by ferris ferris
Music + visuals rulez.
rulez added on the 2012-07-03 12:59:10 by Radiant Radiant
awesome
O_o--b
rulez added on the 2012-07-03 21:34:42 by aha aha
woah
rulez added on the 2012-07-04 01:53:28 by Alpha C Alpha C
Me like.
rulez added 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.
rulez added on the 2012-07-04 16:21:39 by superplek superplek
excellent :)
rulez added on the 2012-07-04 17:54:34 by ɧคɾɗվ. ɧคɾɗվ.
THANK YOU ALL!

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.
rulez added on the 2012-07-04 18:33:16 by leGend leGend
Cool compression. Awesome prod.
rulez added on the 2012-07-05 11:34:55 by Alopex Alopex
rulez added on the 2012-07-05 13:39:48 by starbuck starbuck
Whelp, that was nice.
rulez added on the 2012-07-05 14:27:16 by Shifter Shifter
good stuff!
rulez added on the 2012-07-06 10:17:01 by Skate Skate
0_o
rulez added 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.
rulez added on the 2012-07-07 12:01:52 by Shockwave Shockwave
Yep.
rulez added on the 2012-07-07 12:09:51 by stage7 stage7
Neat!
rulez added on the 2012-07-08 07:30:20 by e64 e64
wat :O!!
rulez added 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 :)
rulez added on the 2012-07-08 13:57:42 by closed closed
rulez added on the 2012-07-08 21:46:37 by Gʀɪʍʍy Gʀɪʍʍy
neat!
rulez added on the 2012-07-09 14:07:15 by toxie toxie
Nice
rulez added on the 2012-07-09 16:48:27 by pingo pingo
Mental!
rulez added on the 2012-07-10 22:48:19 by ara ara
Old farts doing great stuff!
rulez added on the 2012-07-11 17:52:09 by keops keops
What Keops said, really great work, all of you.
rulez added 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
wow
rulez added 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
nice!
rulez added on the 2012-07-16 20:16:28 by kimi kandler kimi 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!!
rulez added 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 :)
rulez added on the 2012-07-25 11:24:32 by gopher gopher
Wow, even music!
rulez added on the 2012-07-25 21:43:44 by moozooh moozooh
rulez
rulez added on the 2012-09-29 13:03:13 by marsel84 marsel84
!!!
rulez added on the 2012-10-02 13:12:46 by bartman bartman
great
rulez added 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...
rulez added on the 2013-01-02 03:11:15 by noby noby
Thanks!
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
Cool!
rulez added on the 2013-02-27 17:57:46 by Pirx Pirx
Totally missed this one before, very impressive!
rulez added 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
rulez added 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. :)
rulez added 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!
rulez added on the 2014-02-27 22:43:08 by sim sim
Wow :O
rulez added on the 2015-08-07 23:29:08 by stijn stijn
The music is horrible but it's an 1k with a kind-of multiple scene thing and text.
rulez added on the 2015-08-07 23:48:31 by Trilkk Trilkk
wow
rulez added on the 2015-08-23 09:38:36 by guyfrost guyfrost
dang
rulez added on the 2015-08-23 09:47:18 by Weyland Yutani Weyland Yutani
!!!
rulez added on the 2015-08-23 10:37:48 by miker miker

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