Sass 基础 颜色函数
色彩是设计的一个美妙元素和一个至关重要的工具,同时他能帮助你更好的抓住您的客户。更为重要的是，色彩能帮你表达某些特定的情感，把用户视线带到特点的地方或者帮助你传达信息。在 Web 设计中，主要依靠颜色来表达你的色彩。 如果你只是直接丢一堆颜色给用户，他们也不会集中注意力在你的设计上的。色彩很微妙，所以为了让色彩成为可被利用的工具我们必须正确使用它。像其他设计元素一样，色彩也要好好利用才能发挥它的魔…
Three.js 设置背景颜色
通过 Three.js 渲染器 WebGLRenderer 的方法 .setClearColor() 来设置背景颜色。 // 参数是1表示颜色值，参数2表示透明度值 renderer.setClearColor(0xd3df56, 1); //设置背景颜色 不通过 .setClearColor() 方法设置背景颜色，Threejs渲染模型默认的背景颜色是黑色，如果 .setClearColor()…
Three.js 更新机制
关于 Threejs 材质 Material、几何体 Geometry、纹理 Texture、相机camera等对象如何更新也没必要刻意记忆，只要你能够理解Threejs渲染器的渲染过程，明白 threejs 为什么要设置一套更新机制，然后用到具体知识查看文档即可。 在大多数场景下，Threejs 渲染的时候很多数据不需要每次渲染都要更新，只是在特定的情况下才更新。为了更好的渲染性能，Threej…
Three.js 渲染视图 .setViewport()
通过Threejs渲染器的 .setViewport() 方法的四个参数可以在canvas画布上定义一个矩形的局部区域，如果没有通过.setViewport()方法设置一个局部区域的情况下，Threejs执行渲染方法.render()时候，渲染场景中模型进行平移缩放变换的时候以整个canvas画布为准，如果通过视口方法.setViewport()设置了一个矩形范围，那么执行渲染方法.render(…
sassCore 一个值得你拥有的 Sass 库
sassCore 在 sass 库中作为一个后来者，不可避免的要拿来和最具代表的 compass 做比较。当然这一方面是目前比较全面的sass库也比较少，而另一方面也说明sassCore其实也是有一定含金量的，不然烂的可以的话，也就不用去比较了。 在这我们先介绍下 sassCore 产生的背景。 sassCore 是怎么产生的？ 设计这个 sassCore 绝不是闲得蛋疼去重复造轮子，也不是一时手…
将你的 CSS 项目转换成 Sass
在过去的一年里，我花了很多的时间在学习 Sass知识 以及提高 Sass 的技术水平。在与别人的交谈中，我发现从 CSS 项目转到 CSS 预处理器时，都有这样的担忧： 我不知道从哪里，从什么时候开始，将 CSS 项目转换成 Sass。 有大量的文档和技术诀窍介绍使用Sass和Compass来创建一个新的项目，但考虑到如何将一个CSS项目转换成Sass项目对部分同学有所帮助的时，我整理了这样的一个…
Three.js 改变模型对象的旋转轴位置
模型对象可能是一个网格模型对象，也能是包含多个网格模型的层级模型对象。 平移几何体 如果想改变一个网格模型对象的默认旋转轴，平移网格模型对象的几何体Geometry可以改变，主要不能平移网格模型本身，平移网格模型对象本身，执行网格模型的旋转方法并不会影响自身旋转轴的位置。比如通过threejs的BoxGeometry类创建一个立方体几何体，执行.rotateY()旋转方法，默认的旋转轴位置位于立方…
关于 Sass 3.4 你应该知道的一些事情
Sass 3.4 并不是离开 Sass 3.3 的一个开创性版本，并没有做过多的改变，但有一些小变化还是需要留意的。这些功能在Sass3.3测试版本就有显露出一些，但后面会得到更好的细化。我们来看看这些东西，这些东西对于Sass爱好者还是非常值得期待的。 在 Sass 3.4 中最终可以使用 & 来访问父选择器： ul { li { background: blue; &:hove…
Three.js 光照贴图添加阴影 lightMap
在三维场景中有时候需要设置模型的阴影贴图，一般 Threejs 加载外部模型的光照贴图加载器可以自动设置，不用人为干涉，为了让大家更好理解光照贴图，这里就通过代码手动设置场景模型的阴影贴图。完整源码和光照贴图参考 Threejs 视频教程 8.7 节课。 //创建一个平面几何体作为投影面 var planeGeometry = new THREE.PlaneGeometry(300, 200); …
Three.js 控制渲染帧率 FPS
首先你应该知道 Three.js 渲染器的渲染方法 .render() 每执行一次，WebGL帧缓冲区就得到一帧像素数据，canvas画布就会显示当前渲染的一帧像素数据。通过 requestAnimationFrame() 可以周期性调用执行渲染方法.render()，帧率就是指渲染方法.render()每秒钟执行次数，比如帧率是 60，可以表示为 60FBS，FBS 对应的英文是 Frame p…
- 共 2 页
- 1
