MINAMI DISTRICT by Ribbon [web]
screenshot added by p01 on 2013-06-30 08:42:22
platform :
type :
release date : june 2013
release party : DemoJS 2013
compo : javascript 1k
ranked : 1st
  • rulez 41
  • is ok 2
  • sucks 0
popularity : 60%
  • rulez 0.95
alltime top: #3177
added on the 2013-06-30 08:42:22 by p01 p01

popularity helper

increase the popularity of this prod by spreading this URL:

or via: facebook twitter pinterest tumblr


JSYK, I'm at the hotel with little family. Not sure if the unpacking is dog slow in Firefox or if there is something wrong. I mostly worked using Chrome & Opera, but my dev version works fine in Firefox. I will look into what's happening here. Just give me a few days. Meanwhile, give it a try in a second browser if you have any problems. Sorry guys.

I hope you will enjoy MINAMI DISTRICT.
added on the 2013-06-30 08:52:07 by p01 p01
cool effect, bit slow on ff, but runs
rulez added on the 2013-06-30 10:09:58 by v3nom v3nom
I declare this production awesome. Love the kanji and the design.
rulez added on the 2013-06-30 10:38:29 by Preacher Preacher
Great design with the changing colours and twisting tower.
A bit slow here but then I suppose it was optimized for size and not speed :)
rulez added on the 2013-06-30 10:52:38 by exocet exocet
Slow on chromium too, but straightforward. I like the twisting tower but I don’t really like the way buildings and especially lighting disappear (it often occurs on the left side of the screen).

Good job.
rulez added on the 2013-06-30 11:02:00 by phaazon phaazon
It just rocks ! Awesome 1KB, nice colors & design, and the kanji as a bonus. It was nice to meet you again there p01 :)
rulez added on the 2013-06-30 11:05:08 by Cyg_BLaBla Cyg_BLaBla
Great prod as usual.
rulez added on the 2013-06-30 11:09:40 by wullon wullon
Looked cool and worked a treat in Opera.
rulez added on the 2013-06-30 13:52:36 by Intrinsic Intrinsic
I especially like what you did with the twisted building.
rulez added on the 2013-06-30 14:26:54 by __ __
slow on ff and chrome (core i5) but a beauty.
rulez added on the 2013-06-30 15:51:48 by wysiwtf wysiwtf
Very impressive :)
rulez added on the 2013-06-30 17:40:17 by Zorro 2 Zorro 2
rulez added on the 2013-06-30 19:04:32 by fyrex fyrex
My jaw still hurts from when it hit the floor at supersonic speed.
rulez added on the 2013-06-30 19:51:38 by TheT TheT
Having done this by filling 1k is just ... epic :) Congratz.
rulez added on the 2013-06-30 23:55:08 by jmpp jmpp
Seriously you push the limit of 1k competition again!

I would suggest that you add PNG-oriented compression tricks in your code such as code repetition. Combined with JsExe, I saved 3 bytes by fixing this in your demo:
Code:// c.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%" c.style.position="fixed",c.style.top=c.style.left=0,c.style.width=c.st yle.height="100%" // h*256/(Z+i*128) h*128*2/(Z+i*128) // for(i=0;i<1024;i++){k=i/2&3;j=(i/4&-1)+(i&1)*32 for(i=0;i<32*32;i++){k=i/2&3;j=(i/4&-1)+(i&1)*32

rulez added on the 2013-06-30 23:56:19 by cb cb
Awesome :)
rulez added on the 2013-07-01 10:18:15 by bobylito bobylito
Online clickyclicky no worky. I see a page with the code. FF here.
added on the 2013-07-02 15:32:57 by raer raer
Online version works like a charm here on FF21.
added on the 2013-07-02 15:47:11 by v3nom v3nom
Offline version doesn't work either. What am I doing wrong? Some addon that might block it? FF22 btw.
added on the 2013-07-02 16:35:46 by raer raer
no version working in ff22.0
pretty slow rendering in chrome.
what skypers said about lighting and z-fighting on the left.
kewl nevertheless.
rulez added on the 2013-07-02 17:18:21 by ɧ4ɾɗվ./Lemon. ɧ4ɾɗվ./Lemon.
rulez added on the 2013-07-02 17:40:12 by Xyl2k Xyl2k
victory! excel!
rulez added on the 2013-07-03 14:23:00 by losso losso
really nice for a 1k goes a bit slow in my chrome on my i5 however :(
rulez added on the 2013-07-04 18:04:14 by Queen_Luna Queen_Luna
Thanks a LOT for the feedback!
Even though it was a short visit, it was really nice to attend DemoJS.

With MINAMI DISTRICT I wanted to do something fresh. Something I've never seen in "normal" demos before: A city with a twister skyscraper.

The Z fighting is due to the fact that I work with at the building level: Rotating and sorting the base of the buildings then building them individually by processing and rendering each floor, going around the building for each floor and checking whether Xn > Xn-1 to know whether this side of the floor is facing the camera or not. Working at the vertex/polygon level took too many bytes. Also I really wish I could fit some ambient-ish music but the visuals would suffer too much from this 200+ bytes "sacrifice". 1k is harsh.

As for the speed/size. I tried ~10 different ways to render the city. In the end I pushed things to look cool on the compo machine.
I'm quite happy with the visuals but I need to work on the Z-fighting and the timeline and camera path could be better.

Also I have to check what happened with FF22 :\

cb: Thank you! I need to read up on Zlib. I have the feeling I could gain 20-30 bytes with a few little tweaks.
added on the 2013-07-06 00:35:09 by p01 p01
not bad, but slow here. nice color and ambient.
rulez added on the 2013-07-06 01:46:33 by rudi rudi
This is just nuts, and I love how you always put effort into the presentation as well. Tilted cam, cool palette changes, and the trick to show the .jp(?) char is neat - reading the source gives me headaches though :D

It also was cool meeting you, we have to repeat that next year =)

Oh, and what the Tourist said!
rulez added on the 2013-07-07 12:02:48 by mog mog
I haven't got the chance yet to check the exact changelog of FF22 but I added the unpacked version of MINAMI DISTRICT to the archive and just tested it in Aurora.

You can check the unpacked version online.
added on the 2013-07-07 23:25:52 by p01 p01
Ran fine in Opera here, nice scene, nicely executed, well done!
rulez added on the 2013-07-07 23:55:33 by keito keito
rulez added on the 2013-07-08 22:43:34 by Sir Sir
rulez added on the 2013-07-10 00:58:34 by T$ T$
Reeeeally nice! Don't know how you do it ;-)
rulez added on the 2013-07-15 00:57:03 by marcus256 marcus256
rulez added on the 2013-07-17 22:00:19 by ok3anos ok3anos
That is crazy.
rulez added on the 2013-07-19 12:09:25 by -SP- -SP-
no kanji here (ff22) but prod looks very stylish (= and hey, 1k!
rulez added on the 2013-07-19 12:19:24 by sensenstahl sensenstahl
http://www.p01.org/releases/MINAMI_DISTRICT/MINAMI_DISTRICT.png.html showed "‰PNG  IHDRG؍@ð2IDATx^eSÑn£8O‰"-²±1±“¦Ž[UÍCûНíi¥Vy )iœ0€“ ÿ¾× d;³/øÞãkûœs/ßBõö¬ž¢rÃVYAW¬(›$f«¢cSªažºÔY¬µ‰?d™åÁH&ñº„¥Öå&à£ÑrëÏMÙÅ Cz§Q³4«öùHL–²ˆËÇ´Œ÷U” õ!]Ù+TÑšÚà“^£ªû|ŠØ{ü©Ó¿€Â2b?²*3T1C+Ö`±D§©©-‚ 3·è‚CFÍ/• 8@¿Ÿ&Æ­Y~©½¼xÕãk$/Öµzk–ËB¸ÝÇåaŸjvô*vlW¬sDÕêz:“+Ö›¢pušÆû‡.÷»ø[ùs$3µq…? –ß÷Ì»“±úîs!_3÷ž œcO\MeÈŠl_¢ƒ%³ÏJ8Š_;|Œý±ð˜À²R'x5m‚ŒæoeaÚÿ!ël´I= © Á§¦Ÿ…‘A#ºqá-½íPn;VÐÆT»3"΀×tùËöW»ê¥ì;Lhø4xü9¸Øu°x| ÿ~¼‡´a3šyö [Ÿ¥0xïYò1$7ƒhøõ–$¸™ö˜=4Å_dXçz!;¥}áŒåV!íOc‚´Ã± JŸÔÖÛ¹|JÆÂúŠ¡ÛšNÎùêM/ÕpÿùŽ†äm KÔ½|–dˆ‡àn%Ò®ã@÷oøÔ®»9Xfmb]Ï&ØJ…‚­Û™gß«˜Æçò¡Ã.v ʹˆ?ó,‹ÂÆ“>âQØ ­Æó¹íZFÔ úL²÷(¹KòM¤ú‹ØG¶ Ë{euÉ…]ç_-»êý2J;ⶼB'—$WÝ €Brtï=ã.°´ÊÕ)r óäIý1î=¶óåånÓZw´ãØrfæ%3øt@6£%Ð-ŒŒv–ŒŸ1 Û²s¸IçÓ(xF_FÓ;ôÔjñ§­V»óßO6ó >°(Ï“…4ÄíÿÔ¼ÆC“äâ››«.î…é@Ó]`\«èH˜¸è¬Ý{¥¦ÎbÛ¶¥ûZË". Did anyone get this too?

Local file was slow in my Mozilla's SeaMonkey v2.19 web browser (same Gecko engine as Firefox v22's).
added on the 2013-07-20 20:59:53 by AntDude AntDude
AntDude:Yes, CB found out that Mozilla changed their PNG code a bit. It requires the 4bytes CRC now while previous versions, and other browsers, don't.

Either way, the unpacked version works in all browsers I tried. And hum... yes it is optimized quite a bit but then I pushed things further and further for the compo machine :p
added on the 2013-07-20 21:48:31 by p01 p01
Hmm, unpacked version was choppy/slow. :(
added on the 2013-07-27 17:12:11 by AntDude AntDude
Well, as I said. I optimized the code to the point of running smoothly on my sluggish EEE PC.

It was smooth with ~100 buildings, then I cranked things up for the compo on a computer similar to the compo machine. Adding the transparency, and up to 1024 buildings.
added on the 2013-07-28 23:38:58 by p01 p01
rulez added on the 2013-07-31 10:41:08 by Gargaj Gargaj
wow! another masterpiece by p01!

rulez added on the 2013-07-31 11:26:38 by rez rez
Twisted tower
rulez added on the 2013-08-01 22:19:54 by BackSpace BackSpace
Not enough thumbs in here, so here's mine :)
rulez added on the 2013-08-17 08:47:48 by すすれ すすれ
More thumbing!
rulez added on the 2013-08-17 20:43:31 by Rebb Rebb
As ususal.
rulez added on the 2013-09-01 17:38:36 by Pirx Pirx
Unpacked version works and looks cool!
rulez added on the 2013-09-02 12:45:26 by raer raer
+1 for it.
rulez added on the 2013-09-02 14:31:32 by CHEF-KOCH CHEF-KOCH
rulez added on the 2013-10-16 21:42:02 by kimi kandler kimi kandler
Quite slow here, but looks amazing!! Really, great job and a big casse-tête...
rulez added on the 2014-02-27 22:46:23 by sim sim
It's a beautiful thing! :) Great work!
rulez added on the 2014-07-02 18:09:01 by freezedream freezedream
How am I just getting around to seeing this? Excellent as usual.
rulez added on the 2014-10-11 08:09:46 by orby orby
Well done!
rulez added on the 2017-12-29 14:18:22 by cxw cxw

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