原文:使用Three.js绘制一个虚拟城市

这篇文章解释了如何使用代码来编写一座 D立体 城市 。这个代码是由 mrdoob最新发布的演示Demo。我发现这个演示的算法很优雅,是一个简单而有效的解决方案,所以我发了一个帖子解释它。 关于算法的一些评论 在我们将关注焦点置于问题的细节之前,把握下问题的整体和全局是很有帮助的。这个 D虚拟城市所使用的算法是完全由程序所生成的,这意味着整个城市 是动态建立,而不参考任何模板。这个算法相当优雅,且不 ...

2015-01-16 11:33 0 4637 推荐指数:

查看详情

three.js 绘制3d地图

通过地图数据配合three可以做出非常酷炫的地图,在大数据展示中十分常见。 这篇郭先生就来说说使用three.js几何体制作3D地图。在线案例点击原文地址。 地图的数据是各个地图块的点数组,通过THREE.ExtrudeGeometry方法挤压出地图的版块,然后通过THREE.Line方法画出 ...

Thu Jul 16 17:15:00 CST 2020 2 3398
Three.js绘制点、线、面

就组成了我们的3D世界。 二、两点连成直线 在Three.js中用一个向量来表示点: ...

Wed May 23 02:08:00 CST 2018 0 3496
使用Three.js的材质

1.three.js提供哪些材质? MeshBasicMaterial(网格基础材质)/基础材质,,可以用它富裕几何体一种简单的亚瑟,或者显示几何体的线框 MeshDepthMaterial(网格深度材质)/根据网格到相机的举例,这种材质决定如何给网格染色 ...

Fri Apr 21 07:25:00 CST 2017 0 5085
Three.js 第一篇:绘制一个静态的3D球体

第一篇就画一个球体吧   首先我们知道Three.js其实是一个3D的JS引擎,其中的强大之处就在于这个JS框架并不是依托于JQUERY来写的。那么,我们在写这一篇绘制3D球体的文章的时候,应该注意哪些地方呢?下面我就来一一列举 1.场景。   场景是什么,说得简单一点,场景就是一个 ...

Mon Sep 21 04:01:00 CST 2015 5 14279
Three.js构造一个简单的房间

  主要研究three.js在3D场景中基本使用:画一个简单的房子、房子上画门和玻璃、房间内放一个床、定义鼠标事件可以移动场景、动画的使用等。 1.Three.js画的一个简单的房子,模拟地板以及四堵墙 准备素材: 3.jpg模拟地板 4.jpg模拟墙 代码 ...

Tue Jun 04 03:00:00 CST 2019 0 1636
Three.js绘制中文文字并跟随物体

本周更新的需求是物体上显示文字信息,效果图如下: 加载字体 import { FontLoader } from 'three/examples/jsm/loaders/FontLoader.js'; 坑1:中文的字体,three.js的案例中都是英文的,使用英文字体,中文 ...

Thu Mar 03 22:43:00 CST 2022 0 1620
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM