摘要：
写前面 此篇的妹妹篇 是canvas曲面面片1 如果你没看 可以去了解下 在前面那篇 我们用了 双线性面片 还记得不？ 这篇效果如下 这就是曲线面片的威力！ 让这只萌萌の生物动起来了 视线跟随着小球 晃动着脑袋~ 用到的是贝塞尔面片 准确的说是二次贝塞尔面片（下面说的都是二次） 当然有高次的 不过一 阅读全文
摘要：
移步github吧 ，这个编辑器格式我真的无法忍受了，群落模拟↓ https://github.com/dwqdaiwenqi/Flocking 阅读全文
摘要：
document.write的名声好像一直不是很好，也许是它经常出现在初学者教程中，也可能是被劫持的js文件中经常用出现这东西，导致大家都满排斥它的。但是，无论它的长相多难看，它确实能解决同步加载的问题，比如创建一个script，然后把它appendChild到head中 输出的消息先是2然后是1， 阅读全文
摘要：
本来打算接下来的webgl相关都用原生来写的，但发现时间上并不允许我这么做（诸多原因） 接下来的webgl相关博文，可能都是基于three来写了。 用了three后发觉它简化了n多n多n多的步骤。不过并不是意味着就放弃学习原生了，有些东西依然需要原生，比如shaderMaterial，不懂着色器你玩 阅读全文
摘要：
最近朋友圈有些标题党！写着360度！螺旋！ vr! 3d场景! 其实并没有吹的那么牛b。。点进去就是个全景图而已 全景图 并不是真3d 更不是什么vr！ 全景图和普通的网页背景是不同的 我们需要的是3d背景 摄像机转动的时候背景也会跟着变化的 可以建立一个有6张不同纹理的立方体 那6张纹理构成了周围 阅读全文
摘要：
这篇的标题非常不符合我的气质！ 注意标题中有个“圏” 字 并不是“选” 下面的圈中物体解决方案 其实已经把如何选中一个物体的问题一并搞定了 圈中物体 首先要有一条封闭曲线吧 那条曲线是由n个线段拼接起来的 我们要找到相交的那两条线段和那两条线段之间的所有线段 如图 相交的线段就是这两了 封闭曲线的起 阅读全文
摘要：
直接看效果 可连续点击屏幕（安卓只保留照片和星星） demo戳 在讲解原理前 要先接受我的吐槽 明白个事儿！ 如果你无视标题进来的 会觉得是啥做的呢？因为demo手机可以打开的 所以说是h5 不是我们这行业的人说是h5也就算了 可是为什么就算是这个圈子中 还有很多人敲定是h5呢？ 别啥都丢给h5这个 阅读全文
摘要：
研究这个之前我度娘了一下相关的html5弹幕播放器 还是有相关插件的 但是都太low 太low 太low 那些每帧运动几个像素和无视弹幕重叠问题的弹幕播放器都不用考虑！ 我理想的弹幕系统要尽可能的解决重叠问题 特定时间内一定要出现在可视区中！ 而且每条弹幕的运动轨迹不光只是从右往左的线性运动 还可以 阅读全文
摘要：
这篇是来讲那些酷炫掉渣天粒子特效的 粒子系统可以模拟很多视觉 比如模拟大自然中的 雾气 火 雨 雪 还有些游戏中酷炫的激光 喷火等。。 一个粒子通常就需要一张纹理 对于那些火焰 激光的粒子系统 要配上globalCompositeOperation lighter属性 其作用就是叠加像素值 粒子的运 阅读全文
摘要：
如何让非专业の教会人群觉得你做的东西逼格很高呢？ 多数情况只能在视觉和体验上下手了。。 作为一个前端在拿到设计稿理清流程后 就会有下面的思考 I 穿越到网页诞生 宇宙大爆炸の初期 只做静态页面中的静态页面 放弃任何特效 只用display（block none） 显示隐藏即可 II 利用各种api 阅读全文
摘要：
（一如既往的出现） 写前面 被坑到 对于这个beforeunload 还是来一篇博文吧 一般的事件 对它返回某个值 都是用来阻止浏览器的一些默认行为 或者 阻止本身接下来操作的 但是 这个beforeunload是个奇葩 它的返回值 帮宁噶不一样！ 当点了关闭 刷行 后退 重定向的时候 浏览器就会弹 阅读全文