javascript - 官方30行js比赛：30行js你能做出什么？

Question

国外社区的30行js小比赛是不是让你按捺不住 跃跃欲试了呢骚年！ 你的机会来了~
由 segmentfault 主办的
30行 原生javascript 编程比赛
等待你狂拽酷炫吊炸天的效果

1. 我们推荐使用 jsfiddle.net runjs.cn 在线编辑器，将代码链接贴在本贴下即可
2. 比赛的评比标准是 社区小伙伴们的投票数；代码行数在30行左右
3. 比赛时间为期两周
4. 奖项设置，我们为得赞数目最高的前三名同学准备神秘的小奖品以及SF的纪念T恤
5. 当然你也可以简短的给自己的作品设计一下 slogan，简单阐述你的创意
6. 活动过程中，有发现任何作弊和抄袭代码的行为，将会被取消评选资格

最新提示：得票最高前三名用户将分别获得又拍云提供的1000元代金券！前五名将获得SF的纪念T恤！

骚年们，准备好了嘛？等你来挑战！！！

---

范例：

30行JavaScript代码（仅975字节）写出的一个功能完整的递归光线跟踪程序

http://jsfiddle.net/vz5aZ/2/

Answer 1

我也提交一个吧。时间仓促，略显潦草。

为法国工程师皮埃尔·贝塞尔（Pierre Bézier）致敬。

http://jsfiddle.net/KyvMW/12/

Answer 2

http://jsfiddle.net/reZs4/

Answer 3

上帝说：要GEEKY，于是就有人GEEKY……
js大赛，怎么能没有专门为GEEK准备，也只有GEEK才能理解的算法演示程序呢？

29行js，动画演示对600个元素快速排序，请欣赏。

（感觉就像回到了当初看着动画课件学《数据结构》的那个时候……）

http://jsfiddle.net/shamiao/mGR6J/9/

注1：未使用随机化和三段式分组算法，运气极坏时会掉入O(n^2)。
注2：不依赖逗号去一行塞多个语句，品质保证！
注3：注2所说的在11和24行存在例外。以24行为例，如果我把接下来的正文中i、j换成curr_swap[0]和curr_swap[1]，然后再做.shift()那也可以做到。但因为实在太难看，所以宁可用逗号，先把i和j赋个值，相当于简写出来……

Answer 4

一个贪吃蛇小游戏

http://jsfiddle.net/M52Um/10/

下面这个是1K版本的（1023字节）

http://jsfiddle.net/M52Um/13/

Answer 5

瀑布粒子效果
粒子效果

Answer 6

来来 我给官方宣传下如何在32*32的黑白屏幕上显示出主题
http://jsfiddle.net/sAjw8/2/
真是30行 一行都没有浪费啊 代码写的丑 大家轻喷啊

再来一个非常简单的粒子系统

http://jsfiddle.net/FtNpW/

Answer 7

大家都不来，我就只好送一块表了

http://jsfiddle.net/joyqi/vY2QM/

Answer 8

潜水党来打个酱油。。

http://jsfiddle.net/Gerhut/P6YXC/

Answer 9

重新编译自己然后把自己画出来.
http://jsfiddle.net/Q6CpK/

Answer 10

不知不觉好像代码有点多了(╯‵□′)╯︵┻━┻
写给SF的tree同学
数组表示暗藏玄机，可是小框里自动换行了
http://jsfiddle.net/7g5JP/5/