html5 - 随笔分类 - 戴戴戴x

摘要：移步github吧，这个编辑器格式我真的无法忍受了，群落模拟↓ https://github.com/dwqdaiwenqi/Flocking 阅读全文

posted @ 2018-09-15 13:05 戴戴戴x 阅读(245) 评论(0) 推荐(1)

摘要：本来打算接下来的webgl相关都用原生来写的，但发现时间上并不允许我这么做（诸多原因）接下来的webgl相关博文，可能都是基于three来写了。用了three后发觉它简化了n多n多n多的步骤。不过并不是意味着就放弃学习原生了，有些东西依然需要原生，比如shaderMaterial，不懂着色器你玩阅读全文

posted @ 2016-10-25 10:22 戴戴戴x 阅读(620) 评论(0) 推荐(0)

关于全景漫游

摘要：最近朋友圈有些标题党！写着360度！螺旋！ vr! 3d场景! 其实并没有吹的那么牛b。。点进去就是个全景图而已全景图并不是真3d 更不是什么vr！全景图和普通的网页背景是不同的我们需要的是3d背景摄像机转动的时候背景也会跟着变化的可以建立一个有6张不同纹理的立方体那6张纹理构成了周围阅读全文

posted @ 2016-08-22 23:57 戴戴戴x 阅读(444) 评论(0) 推荐(0)

webgl圈中物体

摘要：这篇的标题非常不符合我的气质！注意标题中有个“圏” 字并不是“选” 下面的圈中物体解决方案其实已经把如何选中一个物体的问题一并搞定了圈中物体首先要有一条封闭曲线吧那条曲线是由n个线段拼接起来的我们要找到相交的那两条线段和那两条线段之间的所有线段如图相交的线段就是这两了封闭曲线的起阅读全文

posted @ 2016-08-04 00:15 戴戴戴x 阅读(492) 评论(0) 推荐(0)

css3の极限

摘要：直接看效果可连续点击屏幕（安卓只保留照片和星星） demo戳在讲解原理前要先接受我的吐槽明白个事儿！如果你无视标题进来的会觉得是啥做的呢？因为demo手机可以打开的所以说是h5 不是我们这行业的人说是h5也就算了可是为什么就算是这个圈子中还有很多人敲定是h5呢？别啥都丢给h5这个阅读全文

posted @ 2016-07-03 15:58 戴戴戴x 阅读(518) 评论(0) 推荐(0)

reactjs弹幕视频播放

摘要：研究这个之前我度娘了一下相关的html5弹幕播放器还是有相关插件的但是都太low 太low 太low 那些每帧运动几个像素和无视弹幕重叠问题的弹幕播放器都不用考虑！我理想的弹幕系统要尽可能的解决重叠问题特定时间内一定要出现在可视区中！而且每条弹幕的运动轨迹不光只是从右往左的线性运动还可以阅读全文

posted @ 2016-06-29 00:35 戴戴戴x 阅读(2039) 评论(4) 推荐(1)

数值积分I

摘要：这篇是来讲那些酷炫掉渣天粒子特效的粒子系统可以模拟很多视觉比如模拟大自然中的雾气火雨雪还有些游戏中酷炫的激光喷火等。。一个粒子通常就需要一张纹理对于那些火焰激光的粒子系统要配上globalCompositeOperation lighter属性其作用就是叠加像素值粒子的运阅读全文

posted @ 2016-06-20 01:08 戴戴戴x 阅读(545) 评论(0) 推荐(0)

显出你的h5逼格

摘要：如何让非专业の教会人群觉得你做的东西逼格很高呢？多数情况只能在视觉和体验上下手了。。作为一个前端在拿到设计稿理清流程后就会有下面的思考 I 穿越到网页诞生宇宙大爆炸の初期只做静态页面中的静态页面放弃任何特效只用display（block none）显示隐藏即可 II 利用各种api 阅读全文

posted @ 2016-06-16 00:09 戴戴戴x 阅读(444) 评论(0) 推荐(0)

iframe通信

摘要：直奔主题 1 http://miku.com/a & http://miku.com/b 2 http://miku.com/a & http://rin.miku.com/b 3 http://localhost:8888/a & https://b 如上只有第一种情况完全没有跨域问题能顺畅阅读全文

posted @ 2016-06-01 00:56 戴戴戴x 阅读(891) 评论(0) 推荐(0)

canvas曲线面片2

摘要：写前面此篇的妹妹篇是canvas曲面面片1 如果你没看可以去了解下在前面那篇我们用了双线性面片还记得不？这篇效果如下这就是曲线面片的威力！让这只萌萌の生物动起来了视线跟随着小球晃动着脑袋~ 用到的是贝塞尔面片准确的说是二次贝塞尔面片（下面说的都是二次）当然有高次的不过一阅读全文

posted @ 2016-05-25 00:41 戴戴戴x 阅读(1024) 评论(2) 推荐(0)

移动端的复杂手势

摘要：写前面（我存在的目的怎么不起作用啊~）上个星期又接到我们运维美女的需求其中大部分都是非常简单的！不过其中有个东西我到是蛮感兴趣的就是类似下面这个要想实现上面这个就要使用多点触摸了处理多点触摸手势并不简单但也不是非常困难但是要能真正的使用需要很多的知识结合起来！效果gif 阅读全文

posted @ 2016-05-08 19:18 戴戴戴x 阅读(396) 评论(0) 推荐(0)

canvas 曲线面片1

摘要：上面这个就是相对简单的双线性面片可通过4个点来控制左上角 A点顺时针依次就是 ABCD 这个东西其实就是 BA方向和 DA 方向的线性插值组合下图先沿着DA CB 方向插值再继续对 BA 方向插值生成三角坐标的代码：拿到坐标后就可以生成三角网络对象了三角对象的代码：到这里确实阅读全文

posted @ 2016-04-07 23:54 戴戴戴x 阅读(890) 评论(0) 推荐(0)

非线性运动与线性运动

摘要：.. 根据伟大の牛顿力学原理物体不受空气阻力and摩擦力 and 不碰撞的情况下将已当前速度与方向持续运动下去也就是线性运动 f(x)=x 但是实际上生活中大多数都是非线性的运动比如拉弓汽车刹车钟摆各种非线性 .. 阅读全文

posted @ 2016-03-23 17:42 戴戴戴x 阅读(2419) 评论(0) 推荐(0)

随笔分类 - html5

公告