threejs
文章平均质量分 88
搞GIS图形的sky.
三维GIS、图形相关。
展开
-
【数字孪生平台】使用 Three.js 以 3D 形式可视化日本新宿站地图
在本文中,我们将使用日本新宿站的室内地图数据,并使用 Three.js 将其进行 3D 可视化。更多精彩内容尽在。原创 2024-03-29 13:47:23 · 1263 阅读 · 0 评论 -
【数字孪生平台】使用 Three.js 绘制月球陨石坑
在本文中,我们将使用 NASA 发布的月球地形数据“SLDEM2015”在 Three.js 上绘制月球陨石坑。更多精彩内容尽在。原创 2024-03-29 13:46:14 · 920 阅读 · 0 评论 -
用 Three.js 创建一个酷炫且真实的地球
背景就是插入任何你认为适合的天空盒,我这里使用等距柱状图像来实现。原创 2023-10-14 23:02:37 · 2157 阅读 · 2 评论 -
ThreeJs酷炫的发光特效
分享一个酷炫的发光特效效果,可见。原创 2023-06-20 12:28:05 · 3940 阅读 · 0 评论 -
用Three.js搭建的一个艺术场景
本文翻译自于Medium,原作者用 Three.js 创建了一个“Synthwave 场景”,效果还不错,在此加上自己的理解,记录一下。原创 2023-02-18 21:33:17 · 902 阅读 · 0 评论 -
使用 Three.js 后处理的粗略铅笔画效果
一个自定义通道继承自PasssetSizerender和dispose,我们将主要关注render方法。首先,我们扩展Pass类来创建自己的类,然后再实现我们自己的渲染逻辑。import {从上面代码中可以看出该render方法接受一个对象和两个对象(一个用于写入缓冲区,另一个用于读取缓冲区)。在Three.js中,渲染目标一般是我们可以渲染到场景的纹理,它们用于在通道之间发送数据。readBuffer从先前的渲染通道接收数据,在我们的例子中是默认的RenderPass;则是将数据发送到下一个渲染通道。原创 2023-02-14 21:21:55 · 622 阅读 · 1 评论 -
Three.js中的3D文字效果
对于一些设计网页中经常会出现一些3D的文字效果,本文将利用Three.js实现各种动画WebGL文本输入效果。原创 2023-02-12 18:06:33 · 2368 阅读 · 4 评论 -
Threejs中的Shadow Mapping(阴影贴图)
简而言之,步骤如下:1.从灯光位置视点(阴影相机)创建深度图。2.从相机的位置角度进行屏幕渲染,在每个像素点,比较由阴影相机的MVP矩阵计算的深度值和深度图的值的大小,如果深度图值小的话,则表示该像素点有阴影,就在此处渲染阴影状态。原创 2023-02-10 17:24:01 · 1324 阅读 · 0 评论 -
风机可视化效果实现
风机效果图如上所示,这个效果是网上看到的,就分析了一下。主要用Threejs来实现,大致效果是一个风机,从原来白色表面材质,逐渐过渡到线框效果,并且底部也有一些类似于流线浮动的效果。原创 2023-02-08 09:57:09 · 476 阅读 · 0 评论