弄懂 Sass 3.5 的匿名函数
对博客上最新发布的 Sass 版本感到困惑？我也是。 Sass 3.5.0-RC.1标记了一种新的数据类型：匿名函数。在候选发布公告中，用了四个段落篇幅描述了 匿名函数 大量的细节，而不显示任何代码。由于并未真正理解它的含义，所以决定深入了解它。 匿名函数 候选版本上面写着： 可通过传函数名到 get-function($name) 中得到一个匿名函数 这说明 get-function($name…
如何编写自定义 Sass 函数
如果您构建过不少网站，可能已注意到可以在一个项目中轻易的复制代码然后跨项目应用。反复复制相同的代码会浪费时间和增加错误出现的可能性。在Sass之前的系列中，我曾说 mixins 是样式重用和 编写 DRYer代码 的一个选择。Functions是实现相同功能的另一个方法。 最近几个月我一直在讲 Sass 的数据类型、运算符和函数。我们讲过了 numbers, strings, colors, co…
Three.js 如何三维建模
如果你想开发一款基于浏览器 Web 平台环境运行的一款三维建模软件，选择WebGL的一款三维引擎Three.js是可行的。 基于WebGL技术的三维建模软件 目前大多数三维建模软件都是基于OpenGL技术开发，运行在操作系统上，随着5G发展带来的网速提高和浏览器性能的提高，三维建模软件迁移到Web运行是必然的趋势，只是时间问题，下面对目前市场上基于WebGL技术开发的一些三维建模软件进行简单介绍。…
Three.js 材质深度测试 .depthTest
如果你对原生 WebGL 渲染管线渲染流程有一定的了解，对于渲染管线深度测试环节应该是不陌生的，Three.js 是对原生WebGL的封装，原生 WebGL 可以实现的功能，通过 Threejs 自然可以实现，通过 Threejs 材质对象的深度测试属性 .depthTest 可以控制渲染过程中是否进行深度测试。 Three.js运行的时候默认是进行深度测试的。 深度测试属性 .depthTest…
使用 Sass 混合宏来声明 CSS 伪类选择器
CSS3在选择器方面添加伪类选择器这方面的特性，比如 :nth-child(n)、:nth-of-type(n) 这样的选择器，其好处在这里就不多说了。 而今天我们要说的是在 Sass 中如何更灵巧的使用 CSS3 的一些伪类选择器。 为什么使用混合宏来定义伪类选择器 CSS3中伪类选择器怎么使用，我想不是什么大问题，但大家在使用伪类选择器时，或多或少感觉到了其不太方便与灵巧。不过不要急，现在借助…
Three.js 三维坐标系 AxesHelper
Three.js 提供了一个 AxesHelper 类，可以用来创建一个可视化的三维坐标系，可以用来辅助编写 Three.js 程序。 // 改变AxesHelper构造函数的参数，可以改变三维坐标轴的大小， // 参数设置坐标轴大小,150，编写程序的时候，可以根据相机参数调整为合适的值，如果太小可以无法显示出来 var axesHelper = new THREE.AxesHelper( 15…
Three.js 场景过暗
如果你通过 Three.js 创建一个三维场景或者加载一个 stl、obj、fbx 等三维模型，可能会遇到整个场景非常暗情况，这一般和场景中的光源有关，如果光源强度过大，场景会太亮，如果光源强度过小，场景自然太暗。 光源设置 关于 Three.js 光源的设置，这里不详细解析，只简单说下思路，具体可以参考 Threejs 视频教程第5张的光照对象介绍。 Three.js 提供了点光源 PointL…
Sass 中连体符（&）的运用
在 CSS 中，要想给一个元素赋予一定的样式，我们必须得先取到这个元素。那么就得需要选择器，通过选择器来选择指定元素，然后赋予所需的样式。而CSS选择器有很多种，比如层次选择器中的后代选择器、兄弟选择器、通用兄弟选择器等。而这些选择器都通过元素与元素之间的关系来确定的，比如： .parent .child {...} 除了这些选择器，还有 伪类选择器: .ele:after{...} 有时候还有 …
Three.js 相机对象 .lookAt() 方法
Threejs 相机对象 Camera 的 .lookAt() 方法用来设置相机对象看向的位置，比如在Threejs三维场景中通过相机对象.lookAt()方法指向场景中的一个球体，球体渲染出来后会显示在Canvas画布的正中间，.lookAt() 方法就是旋转相机对象以面向世界空间中的某个点，本质上改变的是相机对象的视图矩阵，具体点说是视图矩阵的旋转部分，如果你有兴趣了解Threejs是如何封装…
Three.js 模型几何体面积 / 体积计算
在工作中通过 Three.js 开发项目的时候，一些特定的情况下你可能需要计算一个三维模型的表面积或者体积，比如在3D打印的Web项目中，你需要计算一个三维模型的体积，然后通过体积计算打印一个三维模型所需要的3D打印材料费；比如开发的一个程序中，需要自动计算一个地面、墙面或某个零件的表面需要多少涂料，肯定需要先计算它的外表面面积是多少。 思路——模型几何体表面积计算 如果是一个立方体、球体等规则几…
- 共 2 页
- 1
