
THREE.JS
文章平均质量分 88
11eleven
动次打次
展开
-
web 3d场景构建+three.js+室内围墙,仓库,楼梯,货架模型等,第一人称进入场景案例
基于three.js做的仓库布局模拟,地图元素除了大模型外,其他都是通过JSON数据解析动态生成的,例如墙体,柱子门口,地标等,集成了第一人称的插件可以第一人称进入场景有需要的可以下载看看,对想入门的朋友应该有一些参考价值。原创 2023-08-07 11:36:06 · 3715 阅读 · 1 评论 -
cesium与three.js 结合的栗子,结合了一下网友们的栗子,解决了three.js 高版本模型出不来的问题
r95后续版本 相机lookat重新调整了矩阵,固官方栗子需要将lookat上移如图。原创 2019-12-13 10:22:56 · 5999 阅读 · 4 评论 -
web上构建3d效果 基于three.js的实例
web页面上提供3D效果,可以为页面提供不少色彩,H5之后canvas为webgl提供了基础,使得在web页面使用JS也能写出3D的效果,其中three.js作为封装了图形函数的框架,为入门提供了方便,效果图如下。以上是官方例子中其中的三个,没接触过的朋友肯定会觉得很神奇,事实上three.js能做的远不止这些,入门容易,如果灵活运用到项目中就只能看各自的发挥了。............原创 2022-07-27 09:05:43 · 2556 阅读 · 0 评论 -
记一次three.js 布局3D室内简易地图
随着html5 canvas的流行,酷炫的web端效果层出不穷,搭载基于webgl 的three.js的图形库可以做出基于web的3D效果。最近应对客户需求,2D平面地图已经不太满足客户的口味,3D的效果更让人接受,先看一下成果图。对应室内地图CAD图纸 进行3D立体效果拉伸,再加上一些实景模型的搭配,使得整体效果更好。地图地板墙体的依据cad 尺寸制定的json数据协议: { title: '', x: 480, y: 80,原创 2020-09-14 10:35:19 · 5482 阅读 · 4 评论