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

PHP中文网    2017-04-10 13:10:4616楼

竟然没有笛卡尔的心型线？
我来一个哈哈……

翡翠心：
http://jsfiddle.net/ibigbug/C6Qb2/

 赞 +0添加回复

黄舟    2017-04-10 13:10:4615楼

我也不知道我写出来的这是什么！。。。
偷了楼上＠animabear不少代码。。。

http://jsfiddle.net/windwhinny/9KQKV/13/

 赞 +0添加回复

ringa_lee    2017-04-10 13:10:4614楼

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

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

请输入链接描述

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

 赞 +0添加回复

迷茫    2017-04-10 13:10:4613楼

http://jsfiddle.net/skyinlayer/9pD7V/

3d的一个色子旋转，鼠标悬停会自己转动，在空白位置拖拽鼠标也可以自由转动，来打个酱油学习学习，各位have fun :-D

 赞 +0添加回复

PHP中文网    2017-04-10 13:10:4612楼

现丑了～模拟手机联系人列表

http://jsfiddle.net/54tPb/2/

可以提交多个答案？好吧我来补一个A*演示
好吧- -#……我知道我压缩的有点过分了，不求点赞只求交流哈哈，另外说一下这不是最优解

http://jsfiddle.net/LXVMj/

 赞 +0添加回复

天蓬老师    2017-04-10 13:10:4611楼

撕裂图片
http://jsfiddle.net/hXWBF/4/

 赞 +0添加回复

天蓬老师    2017-04-10 13:10:4610楼

潜水学生党，菊苣们轻喷
http://jsfiddle.net/aresyz/rEg56/2/

 赞 +0添加回复

大家讲道理    2017-04-10 13:10:469楼

http://jsfiddle.net/NJp6w/1/

 赞 +0添加回复

巴扎黑    2017-04-10 13:10:468楼

再来一个可爱的LOADING

http://jsfiddle.net/pandamicro/hjLce/1/

 赞 +0添加回复

巴扎黑    2017-04-10 13:10:467楼

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;
 }

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

 赞 +0添加回复