1K JavaScript Demo竞赛

yuba

1K JavaScript Demo竞赛(JS1k)的规则很简单：程序员需要开发一个限定大小1K内的JavaScript Demo程序。如果代码能放到一条tweet内，还将能得到额外的奖励。竞赛现已结束。官网已经公布了Top 10：
第一名是Legend Of The Bouncing Beholder（大小1023 bytes）；
第二是国际象棋Tiny chess（1023 bytes）；
第三是有简单音效的俄罗斯方块Tetris with sound（1024 bytes）
其余4-10名
WOLF1K and the rainbow characters  by @p01
Binary clock  (能放到tweet内) by @alexeym  
Mother ing lasers by @evilhackerdude   
Graphical layout engine  by Lars Ronnback   
Crazy multiplayer 2-sided Pong by @feiss  
Morse code generatorby @chrissmoak  
Pulsing 3d wires  by @unconed

[ 本帖最后由 yuba 于 2010-9-30 16:35 编辑 ]

乱码

rules No.3:
Externals are strictly forbidden, unlike "some" contests. (Good luck minifying jQuery though!)

这一点很厉害，能卡掉很多人。有的10k contest， js lib 不算在10k里面的。

http://10k.aneventapart.com/

kawara

你们俩和大老虎有没有去参赛？

乱码

原帖由 kawara 于 2010-9-29 21:55 发表
你们俩和大老虎有没有去参赛？

我这三脚猫的本事，出去丢不起这个人。

dalaohu

alert("Hello world"); 算不算？

dalaohu

嗨， js我就hello world 的水平。 多了不会。

不过没看出哪些得奖的好在哪里。

那第一名的水波， 10多年前internet上满世界都是这种飞来飞去的东西。。。。

Dan.and.Andy

HTML 5 应用层面的现在还真用不上

kr2000

这一段代码可以把chess的rule写进去，还有ai？夸张了吧
谁给我解释一下

1. <script>
   
2.                         for(B=i=y=u=b=i=5-5,x=10,I=[],l=[];B++<304;I[B-1]=B%x?B/x%x<2|B%x<2?7:B/x&4?0:l[i++]="ECDFBDCEAAAAAAAAIIIIIIIIMKLNJLKM@G@TSb~?A6J57IKJT576,+-48HLSUmgukgg OJNMLK  IDHGFE".charCodeAt(y++)-64:7);function X(c,h,e,s){c^=8;for(var o,S,C,A,R,T,G,d=e&&X(c,0)>1e4,n,N=-1e8,O=20,K=78-h<<9;++O<99;)if((o=I[T=O])&&(G=o^c)<7){A=G--&2?8:4;C=o-9?l[61+G]:49;do if(!(R=I[T+=l[C]])&&!!G|A<3||(R+1^c)>9&&G|A>2){if(!(R-2&7))return K;n=G|(c?T>29:T<91)?o:6^c;S=(R&&l[R&7|32]*2-h-G)+(n-o?110:!G&&(A<2)+1);if(e>h||1<e&e==h&&S>2|d){I[T]=n;I[O]=0;S-=X(c,h+1,e,S-N);if(!(h||e-1|B-O|T-b|S<-1e4))return W(),c&&setTimeout("X(8,0,2),X(8,0,1)",75);I[O]=o;I[T]=R}if(S>N||!h&S==N&&Math.random()<.5)if(N=S,e>1)if(h?s-S<0:(B=O,b=T,0))break}while(!R&G>2||(T=O,(G||A>2|(c?O>78:O<41)&!R)&&++C*--A))}return-K+768<N|d&&N}function W(){i="<table>";for(u=18;u<99;document.body.innerHTML=i+=++u%x-9?"<th width=60 height=60 onclick='I[b="+u+"]>8?W():X(0,0,1)'style='font-size:50px'bgcolor=#"+(u-B?u*.9&1||9:"d")+"0f0e0>&#"+(I[u]?9808+l[67+I[u]]:160):u++&&"<tr>")B=b}W()
   
3.                 </script>

复制代码

rumcoke

这东西排版写的跟个豆腐块似的肯定不好看懂 要是按格式展开还是可以读一下的

bulaohu

我觉得是有专用工具来压缩代码的吧

dalaohu

原帖由 bulaohu 于 2010-9-30 10:31 发表
我觉得是有专用工具来压缩代码的吧

是， 在deployment process 中會用automated script 吧css，js都壓縮。

乱码

原帖由 kr2000 于 2010-9-30 09:39 发表
这一段代码可以把chess的rule写进去，还有ai？夸张了吧
谁给我解释一下
                        for(B=i=y=u=b=i=5-5,x=10,I=[],l=[];B++

it's minified.
In general,2 rules:

1.it omits as many white space characters as possible,
2.it replaces all local symbols by a 1 (or 2, or 3) letter symbol wherever such a substitution is appropriate.

还可以进一步gzip（iis可以干这个），甚至可以Obfuscate（如果你不想人家考到你的logic）.

不过现在流行的是minified+gzip,jQuery lib就是这类的。

如果是web site，要再加上combine来reduce http call，css也要这么做。

kr2000

即使minified，也是有逻辑的
这个应该没有gzip吧
1百行能把chess的rule写出来就不错了，还有ai。不过估计这个ai就只是走几步而已。

Dan.and.Andy

原帖由 kr2000 于 2010-9-30 11:19 发表
即使minified，也是有逻辑的
这个应该没有gzip吧
1百行能把chess的rule写出来就不错了，还有ai。不过估计这个ai就只是走几步而已。

我不会下, 我把白兵都走一步, 它把所有黑兵都走一步, 然后我只动一个子, 它也只动一个子, 和气了! 没有ai好像

就是画了个棋盘,加入了规则, 棋子可以用html字符集表示, 不会太大, 规则就不懂了

[ 本帖最后由 Dan.and.Andy 于 2010-9-30 11:28 编辑 ]

bulaohu

AI就不太可能了吧

乱码

gzip对code没什么改变，它只是encode/decode，它被用在browser和server side之间的传输，browser在request Header中Accept-Encoding： gzip,deflate，server side logic （custom code or IIS)gzip，返回给browser，browser把response作为gzip stream来对来decode，对我们看到的code来说，这些过程是透明的。

minified code对developer来说就在视觉和token上有相当大的影响，但logic上是没有影响的。

[ 本帖最后由 乱码 于 2010-9-30 12:13 编辑 ]

bulaohu

gzip and deflate are two different things.

http://en.wikipedia.org/wiki/Gzip, under "Other uses"

乱码

原帖由 bulaohu 于 2010-9-30 11:43 发表
gzip and deflate are two different things.

http://en.wikipedia.org/wiki/Gzip, under "Other uses"

Oops, u got me~~

kr2000

原帖由 Dan.and.Andy 于 2010-9-30 11:26 发表



我不会下, 我把白兵都走一步, 它把所有黑兵都走一步, 然后我只动一个子, 它也只动一个子, 和气了! 没有ai好像

就是画了个棋盘,加入了规则, 棋子可以用html字符集表示, 不会太大, 规则就不懂了 ...

你有没有下一下，我又去下了一次，被ai将死了。当然只是随便走走。
我真的服了这个程序

Dan.and.Andy

原帖由 kr2000 于 2010-9-30 16:15 发表


你有没有下一下，我又去下了一次，被ai将死了。当然只是随便走走。
我真的服了这个程序

你只是上下移动 A, 它也不过界. 和气了! 我觉得就是程咬金的招式, 预先定义的套路和权值. 我不知道你的棋力, 所有无法和IBM那台很绿很绿很绿相比

kr2000

原帖由 Dan.and.Andy 于 2010-10-1 08:23 发表


314844

你只是上下移动 A, 它也不过界. 和气了! 我觉得就是程咬金的招式, 预先定义的套路和权值. 我不知道你的棋力, 所有无法和IBM那台很绿很绿很绿相比 ...

你去移动兵啊，哪有人第一步走车的(paopaobing(77))
估计ai被你吓傻了

kr2000

哦，我看出来了，ai是不能主动走到你能吃它的位置（只计算一步），所以不移动。
几行能把这个弄出来，很不可思议了。

Dan.and.Andy

原帖由 kr2000 于 2010-10-1 09:17 发表
哦，我看出来了，ai是不能主动走到你能吃它的位置（只计算一步），所以不移动。
几行能把这个弄出来，很不可思议了。

介是ai? 这就是个逻辑.

Dan.and.Andy

原帖由 kr2000 于 2010-10-1 09:11 发表

你去移动兵啊，哪有人第一步走车的(paopaobing(77))
估计ai被你吓傻了

我把兵(为什么不是卒?)都走了一排了!

kr2000

ai不是逻辑吗？

你再把兵往上走啊，你是想证明它有没有ai，还是想证明你不会输给ai

Dan.and.Andy

原帖由 kr2000 于 2010-10-1 10:12 发表
ai不是逻辑吗？

你再把兵往上走啊，你是想证明它有没有ai，还是想证明你不会输给ai

都跟你说了不会下棋, 我往上走不就让它吃了? 它为什么不往下走让我吃喽?

不想证明什么, 顺便只是好奇你的棋力(业余3段? 六段? 九段?), 想知道它的ai到底有多强?

澳贼

code 不容易！