javascript - 官方30行js比赛:30行js你能做出什么?
怪我咯
怪我咯 2017-04-10 13:08:46
0
26
2557

国外社区的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/

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复 (26)
Ty80

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

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

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

    刘奇

    http://jsfiddle.net/reZs4/

      洪涛

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

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

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

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

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

        巴扎黑

        一个贪吃蛇小游戏

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

        下面这个是1K版本的(1023字节)

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

          巴扎黑

          瀑布粒子效果
          粒子效果

            PHPzhong

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

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

            http://jsfiddle.net/FtNpW/

              巴扎黑

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

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

                小葫芦

                潜水党来打个酱油。。

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

                  小葫芦

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

                    阿神

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

                      最新下载
                      更多>
                      网站特效
                      网站源码
                      网站素材
                      前端模板
                      关于我们 免责声明 Sitemap
                      PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!