2008年5月
        1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
検索

Subscription
EDGE NOW!
Flickr
www.flickr.com
This is a Flickr badge showing public photos from arne5000. Make your own badge here.
最近のコメント
IKEA Train
TN at 2008年4月19日
にのみや@QTVR Diary at 2008年4月11日

Fastladder オープンソース化!!
TN at 2008年4月 1日
YSAIX at 2008年4月 1日

DESIGN SHOW CASE
TN at 2008年3月17日
tera at 2008年3月 6日
tera at 2008年3月 6日

Droog Design
TN at 2008年3月17日
gabo at 2008年3月11日

Do the Test !
TN at 2008年3月17日
lilys at 2008年3月13日

Sponcer




Creative Commons License
This weblog is licensed under a Creative Commons License.
Powered by Movable Type 3.2

2008年4月 9日

14KBのスーパーマリオ

[ EDGENOW ] [ Games ] [ Mario ] [ WebDesign ]

http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html

もう言葉がありません。
わずか(圧縮後)14KBのjavascriptでつくられたスーパーマリオ


Super Mario in 14kb Javascript
14kbsupermario.gif

(IE以外ではBGMあり)

矢印キーで操作。ミスした場合は、ブラウザをリロード。
上記はBGMあり、Largeバージョン。それ以外にも3タイプあり。

マリオや背景、クリボーなどすべてをjavascriptのcanvasを用いて、4色のみ使ったフォーマットでカスタムした文字列
で描画し、わずか1キャラあたり40ー60バイトに抑えている。
画像は一切使っていない。
BGMもbase64でMIDIをエンコードして埋め込んでいる。(IEではBGMがならない)
その結果、非圧縮で35KB、YUI Compressorで圧縮後は14KBという極小サイズに抑えることに成功している。

本当に画像を一切使っていないとは思えない素晴らしい作品。
ソースコードを読むだけでも勉強になります。

TrackBack:http://www.nitenichiryu.org/MT/TrackBack.fpl/2216




Posted by TN at 2008年4月 9日 16:40 | | |add.gif
関連したBlog
コメント
コメントを書く











左の情報を記憶させますか?

このコメントにレスがあった場合メールで受け取る: