摘要: 关于gl_FragCoord的理解 概述 概述 记录一下在使用gl_FragCoord的一些知识点 先上shader来看效果 let shader = { vs: ` void main() { gl_Position = projectionMatrix * viewMatrix * modelM 阅读全文
posted @ 2021-01-30 13:52 爱吃土豆丝嗯 阅读(99) 评论(0) 推荐(0) 编辑
摘要: 向量点乘 概述 概述 使用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, 阅读全文
posted @ 2021-01-26 15:51 爱吃土豆丝嗯 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 概述 如有不明白的可以加QQ:2354528292;wx: aichitudousien 更多教学视频请访问:https://space.bilibili.com/236087412 我们接着上一篇文章接着向下做,此时我们已经成功创建了场景,加载模型和天空盒,车流,现在我们来创建一些文本,效果 智慧 阅读全文
posted @ 2021-01-19 14:46 爱吃土豆丝嗯 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 概述 如有不明白的可以加QQ:2354528292;wx: aichitudousien 我们接着上一篇文章接着向下做,此时我们已经成功创建了场景,加载模型和天空盒,现在我们来创建车流 效果 智慧城市项目录制视频 科技风版本: 智慧城市二期视频 创建车流的驾驶路线 想要创建车流的驾驶路线,首先我们肯 阅读全文
posted @ 2021-01-19 14:45 爱吃土豆丝嗯 阅读(47) 评论(0) 推荐(0) 编辑
摘要: 概述 如有不明白的可以加QQ:2354528292;wx: aichitudousien 更多教学视频请访问:https://space.bilibili.com/236087412 在网上苦苦找寻很久都很难找到一篇详细讲解使用Three.js开发智慧城市的文章,为此专门做一个智慧城市得项目,先来看 阅读全文
posted @ 2021-01-19 14:45 爱吃土豆丝嗯 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 概述 如有不明白的可以加QQ:2354528292;wx: aichitudousien 更多教学视频请访问:https://space.bilibili.com/236087412 我们接着上一篇文章接着向下做,此时我们已经成功创建了场景,现在我们来加载模型和天空盒 先看效果 智慧城市项目录制视频 阅读全文
posted @ 2021-01-19 14:44 爱吃土豆丝嗯 阅读(53) 评论(0) 推荐(0) 编辑
摘要: Three特效-扩散波 概述代码完整代码 概述 使用Three.js来创建智慧城市场景中的扩散波动画,主要原理是使用控制mesh的缩放,效果图: 贴图素材: 代码 创建圆柱几何体 CylinderGeometry(radiusTop : Float, radiusBottom : Float, he 阅读全文
posted @ 2021-01-09 14:47 爱吃土豆丝嗯 阅读(134) 评论(0) 推荐(0) 编辑
摘要: Three特效-道路流光特效 概述代码完整代码 概述 使用Three.js来创建智慧城市场景中的道路流光动画,主要原理是使用贴图动画,效果图: 贴图素材: 代码 创建道路顶点数组 // 创建顶点数组 let points = [new THREE.Vector3(0, 0, 0), new THRE 阅读全文
posted @ 2021-01-09 14:16 爱吃土豆丝嗯 阅读(193) 评论(0) 推荐(0) 编辑
摘要: Three.js 多细节层次 概述代码 概述 多细节层次 —— 在显示网格时,根据摄像机距离物体的距离,来使用更多或者更少的几何体来对其进行显示。 每一个级别都和一个几何体相关联,且在渲染时,可以根据给定的距离,来在这些级别对应的几何体之间进行切换。 通常情况下,你会创建多个几何体,比如说三个,一个 阅读全文
posted @ 2021-01-08 14:42 爱吃土豆丝嗯 阅读(25) 评论(0) 推荐(0) 编辑
摘要: unity3D中导出webgl并使用js进行交互 概述步骤 概述 本章记录在使用unity3D制作场景并导出webgl,然后unity和js进行两边交互,本人使用unity的版本为5.6.7。在初始化进入场景时cube并没有旋转,我们在点击开始旋转按钮后unity的cube开始旋转,效果图: uni 阅读全文
posted @ 2020-12-20 12:42 爱吃土豆丝嗯 阅读(81) 评论(0) 推荐(0) 编辑