使用 calc() 创建 CSS 网格
calc() 是 CSS3 的一个属性，可以使用加、减、乘、除数学表达式进行运算，其基本语法如下： .article { float: left; width: calc(100% - 1em); } 你…
从 Sass 过渡到 PostCSS
Sass 多年来一直是我的首选。最近我有一段时间，想尝试使用 PostCSS 的 cssnext 插件来处理CSS样式。我一直想使用工具尝试写一些CSS的新特性。同时自…
Three.js 同步两个相机对象状态
正投影相机对象 camera2 和正投影相机对象 camera 的状态保持一致，比如通过相机的控件OrbitControls改变camera的状态进行旋转、缩放时候，camera2 保…
Three.js 融合 .blending
如果你对原生 WebGL 有一定的了解，那么你对混合函数 gl.blendFunc() 肯定是不陌生的。Three.js 中关于融合的一些设置可以查看材质基类 Material exam…
Three.js 和前端技术结合使用
学习 Three.js 的群体有些是前端工程师，对前端知识很了解，有些是非前端出身，对前端了解很少。初学 three.js 对前端的要求并不高，只要对 HTML、CSS…
Three.js 高光贴图 .specularMap
高光材质 MeshPhongMaterial 具有高光属性 .specular，如果一个网格模型 Mesh 都是相同的材质,可以使用.specular属性设置高光材质MeshPhongMaterial的…
理解 Sass 的选择占位符 %placeholder
Sass 中提供多种方法来共用相同的 CSS 代码。你可以使用 @include 定义好的 @mixin 在你的CSS样式中插入新的CSS样式，你也可以使用@extend定义好的CSS…
Sass 3.3 新特性之连体符 ＆
Hugo Giraudel 在《Looking Into the Future of Sass》一文中向大家介绍了Sass的十大新特性。这些特性都将让你的工作变得更简单与方便。那么今天我主…
Three.js 圆弧轨迹线 ArcCurve
下面代码通过圆弧 ArcCurve 类创建一个圆弧对象，本质上就是生成一系列沿着圆周分布的顶点坐标，然后通过曲线的方法 .getPoints() 从圆弧线均匀获得沿…
Three.js 获取 buffergeometry 的顶点个数
想要获得几何体 BufferGeometry 的顶点数量，首先你需要查看文档了解 Three.js 两个类 buffergeometry 和 BufferAttribute 的属性和方法。 // 获得模…
