javascript
青木_sp
这个作者很懒,什么都没留下…
展开
-
javascript 变量提升和函数提升,拨开表象看内容
引言我把变量提升和函数提升比作日食和月食。日食和月食的形成大家都知道,是由于太阳、地球、月球在运动过程中刚好在一条直线上,月亮刚好在太阳和地球之间形成日食,地球刚好在月亮和太阳之间形成月食。我们通俗的理解月食会说月亮被天狗吃掉了,而实际是由地球、月球的运行轨迹导致的。我们通俗的理解变量提升会说,变量声明提升到它所在作用域的最开始的部分,而实际是执行上下文运行机制导致的。要想拨开变量提升和函数提升的...原创 2018-05-03 14:20:47 · 170 阅读 · 0 评论 -
ThreeJS 着色器打造震撼海洋动画
高颜值的网页往往能够吸引更多的用户,随着用户审美的提高,普通的图片拼凑的网站已经很难引起用户的兴趣,将一些动画用在网页中往往更能吸引眼球。下面介绍如何使用WebGL渲染器实现震撼的动画效果。1. 选择着色器shadertoy是一个着色器分享交流的网站,网站有很多附带源码的着色器,我们可以选择自己喜欢的着色器,实现酷炫的动画背景。我以一款大海效果的着色器作为示例,源码如下:/* * "Se...原创 2019-01-25 11:35:51 · 7313 阅读 · 5 评论 -
ThreeJS 粒子系统实现雪花飘落动画
ThreeJS 粒子系统中,THREE.Points是用来创建点的类,也用来批量管理粒子,基于几何体的顶点来渲染每个粒子。这个类的构造函数有两个参数,geometry(几何体)和material(材质),几何体参数用来设置粒子的位置坐标,而材质参数用来设置粒子的外观。下面利用ThreeJS的粒子系统来实现雪花飘落动画。1. 寻找素材1) 背景图片选择一张雪景图片作为背景图snow_bg...原创 2019-02-11 17:31:15 · 5452 阅读 · 4 评论