Three.js
文章平均质量分 75
伊丶二
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
three.js渲染白膜
则是为顶点着色器的输出,指定顶点在裁剪空间中的位置,右侧内容则是矩阵变换,将模型/视图空间转换到裁剪空间,以完成相机视角位置的调整和深度处理。找到道路的模型,并给其加上一个初始材质颜色,这里为了方便后续加上的黄色流动光效,加的是白色底色;创建射线的基本材质,理论和上方的给白膜建筑设置材质是一个道理,也是给射线加一个渐变的材质颜色。,平滑过渡函数,第二个值越大,则越趋近于线条,越小,则趋近于点;,控制圆柱体的缩放,即表示扩散波扩散的效果,当大于2时归零。,递增time,更新流动时间,随着每一帧而递增。原创 2024-12-24 09:59:53 · 1531 阅读 · 0 评论 -
blender生成城市白膜数据
将第二步下载的dll文件,保存到第一步下载的gis插件目录下。获取地图数据:getOSM,里面有水域,建筑,高速公路等选项。最后导出为glb模型,用于three.js渲染并添加其他样式。开始搜索,滚轮控制缩放,右侧手掌(鼠标中键)拖动整个地图。结束,得到影像图平面,即视窗所见区域。安装blenderGis插件。使用blenderGis。下载freeimage。原创 2024-12-19 15:49:55 · 1050 阅读 · 0 评论 -
three.js工厂案例
目前的CSS2DRenderer渲染出来的tag标签,无法随着场景相机同步缩放,因此在此基础上,进行3D渲染,基本上把CSS2DRenderer替换成CSS3DRenderer,再设置tag缩放比例,调整位置就行;对应的也可以控制相机的位置(x,y,z轴),视角等参数,方便在camera.position.set(94, 58, 107);其中DirectionalLight为定向光源,用于模拟太阳光或类似的强烈光源,可以产生阴影,且光线有方向性,适用于需要精确阴影的场景;会失效,出现颜色偏差。原创 2024-09-12 15:49:02 · 1362 阅读 · 1 评论 -
Three.js语法入门
lookAt值改变的同时,controls.target.set的值要和lookAt保持一致。,只有视锥体之内的物体,才会渲染出来,视锥体范围之外的物体不会显示在Canvas画布上。基础网格材质MeshBasicMaterial不受光照影响。会受到光照影响,该材质也可以称为。,音译为兰伯特网格材质。透视投影相机的四个参数。原创 2024-08-15 16:56:23 · 640 阅读 · 0 评论
分享