01 2021 档案
摘要：使用shader画直线，正弦波，余弦波 概述绘制直线绘制正弦波 概述 学习一下如何使用shader画直线，正弦波，余弦波，先上代码 绘制直线 let shader = { vs: ` varying vec2 v_uv; void main() { v_uv = uv; gl_Position =
阅读全文
摘要：关于gl_FragCoord的理解 概述 概述 记录一下在使用gl_FragCoord的一些知识点 先上shader来看效果 let shader = { vs: ` void main() { gl_Position = projectionMatrix * viewMatrix * modelM
阅读全文
摘要：向量点乘 概述 概述 使用three.js画两条线，通过点乘来计算夹角 画两条线段 let v1 = new THREE.Vector3(0, 0, 0); let v2 = new THREE.Vector3(10, 2, 0); let v3 = new THREE.Vector3(0, 10,
阅读全文
摘要：概述 如有不明白的可以加QQ：2354528292；wx: aichitudousien 更多教学视频请访问：https://space.bilibili.com/236087412 我们接着上一篇文章接着向下做，此时我们已经成功创建了场景，加载模型和天空盒，车流，现在我们来创建一些文本，效果 智慧
阅读全文
摘要：概述 如有不明白的可以加QQ：2354528292；wx: aichitudousien 我们接着上一篇文章接着向下做，此时我们已经成功创建了场景，加载模型和天空盒，现在我们来创建车流 效果 智慧城市项目录制视频 科技风版本： 智慧城市二期视频 创建车流的驾驶路线 想要创建车流的驾驶路线，首先我们肯
阅读全文
摘要：概述 如有不明白的可以加QQ：2354528292；wx: aichitudousien 更多教学视频请访问：https://space.bilibili.com/236087412 在网上苦苦找寻很久都很难找到一篇详细讲解使用Three.js开发智慧城市的文章，为此专门做一个智慧城市得项目，先来看
阅读全文
摘要：概述 如有不明白的可以加QQ：2354528292；wx: aichitudousien 更多教学视频请访问：https://space.bilibili.com/236087412 我们接着上一篇文章接着向下做，此时我们已经成功创建了场景，现在我们来加载模型和天空盒 先看效果 智慧城市项目录制视频
阅读全文
摘要：Three特效-扩散波 概述代码完整代码 概述 使用Three.js来创建智慧城市场景中的扩散波动画，主要原理是使用控制mesh的缩放，效果图： 贴图素材： 代码 创建圆柱几何体 CylinderGeometry(radiusTop : Float, radiusBottom : Float, he
阅读全文
摘要：Three特效-道路流光特效 概述代码完整代码 概述 使用Three.js来创建智慧城市场景中的道路流光动画，主要原理是使用贴图动画，效果图： 贴图素材： 代码 创建道路顶点数组 // 创建顶点数组 let points = [new THREE.Vector3(0, 0, 0), new THRE
阅读全文
摘要：Three.js 多细节层次 概述代码 概述 多细节层次 —— 在显示网格时，根据摄像机距离物体的距离，来使用更多或者更少的几何体来对其进行显示。 每一个级别都和一个几何体相关联，且在渲染时，可以根据给定的距离，来在这些级别对应的几何体之间进行切换。 通常情况下，你会创建多个几何体，比如说三个，一个
阅读全文
浙公网安备 33010602011771号