Sass 中五个有用的代码片段
使用 Sass,其中最喜欢的就是 Sass 的 mixin 和 function 功能。他们能自动化的重复使用一段 CSS 代码或功能以及更好的维护 CSS。这些功能让人实在是…
Three.js 自定义着色器程序 ShaderMaterial
自定义 three.js 着色器程序需要用到着色器语言 GLSL ES 和相关的 WebGL API,因此在学习本节课之前最好具有一定 WebGL 基础。 着色器程序至少包含顶…
纹理叠加混合 Three.js / WebGL
着色器纹理叠加混合,简单的说,比如一张贴图的 RGB 值乘 0.2,另一张贴图的 RGB 值乘(1-0.2),两张贴图分别乘一个系数后然后相加。WebGL实现纹理叠加…
Three.js 在前端和 NodeJS 后端使用
如果是为了写一个 demo 可以直接在 .html 文件中编写 threejs 代码,前端工程化开发,肯定需要在nodejs搭建的开发环境下编程,比如在vue脚手架 vue-cl…
Three.js 和 Vuejs 结合使用
当前搜到这篇文章,说明你对 Threejs 引擎和前框框架 vuejs 都有一定的了解,下面就简单说下在 vue-cli 脚手架中如何使用 threejs。 .html 文件中引入…
Three.js 光柱效果、树、草 两个矩形交叉
你如果想在 Three.js 创建一个光柱效果,希望通过很简单的方式在场景中模拟一棵树或一棵草,可以通过 Three.js 的矩形平面几何体 PlaneGeometry 创建…
视频作为 Three.js 纹理贴图 VideoTexture
视频本质上就是一帧帧图片流构成,把视频作为 Threejs 模型的纹理贴图使用,就是从视频中提取一帧一帧的图片作为模型的纹理贴图,然后不停的更新的纹…
Three.js 相机位置属性 .position
Threejs 相机位置属性 .position 简单说,就像生活中你拿一个照相机拍照,如果相机在不同的位置,拍照的效果肯定是不同的,对于Threejs中的虚拟相机是…
Three.js 模型沿着任意轨迹线运动
下面的代码功能是控制一个三维模型沿着特定曲线轨迹运动。 曲线通过三维样条曲线曲线类 THREE.CatmullRomCurve3 创建,然后从样条曲线通过曲线的方法 .…