javascript - 官方30行js比赛：30行js你能做出什么？-PHP中文网问答

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

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

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

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

范例：

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

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

var bezier=function(begin,c1,c2,end,t){ var p={x:0,y:0}; p.x=begin.x*(1-t)*(1-t)*(1-t)+c1.x*3*t*(1-t)*(1-t)+c2.x*3*t*t*(1-t)+end.x*t*t*t p.y=begin.y*(1-t)*(1-t)*(1-t)+c1.y*3*t*(1-t)*(1-t)+c2.y*3*t*t*(1-t)+end.y*t*t*t return p; }

全部回复(4)

巴扎黑2017-04-10 13:10:46 4楼

瀑布粒子效果
粒子效果

赞 +0

添加回复

ringa_lee2017-04-10 13:10:46 3楼

用canvas写了个简单的类似进度条的效果，这个其实是源于阿里实习面试实习的一道题目，让我用canvas实现一个动态的渐变的圆环进度条，当时没答好，后台实习的时候和mentor交流了一下，说要应用到画布旋转。这里写的还不算是渐变，只是随机生成颜色，绘制得也不够平滑，先写个雏形在这里放着，之后再改进。大牛们如果有啥想指导的请尽管提出~请输入链接描述

感谢@qpwoeiru96同学的提示，根据他的代码我做了少许修改，以下是渐变进度条的最终形态：

请输入链接描述

又写了个类似的东西，但是结果不是我想要的，我也不知道这是什么产物了....
请输入链接描述

巴扎黑2017-04-10 13:10:46 2楼

我上一个三次贝塞尔的简单原始算法，t取值从0到1即可画出完整的曲线。

伊谢尔伦2017-04-10 13:10:46 1楼

    /*
        2013/11/27
        beijing
        windy!!!!!!!!!!!!!!!!!!!!!!!!!

        Not suitable for writing code
    */

    // do nothing...