51CTO博客>热门标签>three.js json 3d模型

three.js json 3d模型

全部文章近期文章热门文章标签简介

【three.js json 3d模型】内容共 240 条

原创使用three.js创建3D机房模型-分享一

序：前段时间公司一次研讨会上，一市场部同事展现了同行业其他公司的3D机房，我司领导觉得这个可以研究研究，为了节约成本，我们在网上大量检索，派本人研究一下web3D的技术，于是乎便有了下面的技术分享。其它相关...

3d

json

封装

sed

ide

阅读 157 评论 1 点赞 0

yeyunfei_gc 171 天前
原创 three.js加载3D模型,在网页上展示3D模型（.glb.gltf.fbx格式）

Three.js是一款开源的主流3D绘图JS引擎，简单点，可以将它理解为three+js就可以了，three表示3D，js表示JavaScript的意思。结构 .glb.gltf文件最好放在服务器上放在本地容易报找不到的...

javascript

3d

前端

html

服务器

阅读 0 评论 0 点赞 0

云上上云 35 天前
原创 three.js模型

Three.js有一系列导入外部文件的辅助函数，是在three.js之外的，使用前需要额外下载，在https://github.com/mrdoob/three.js/tree/master/examples/js/loaders可以找到。*.obj是最常用的模型格式，导入*.obj文件需要...

加载器

辅助函数

github

阅读 0 评论 0 点赞 0

Immortality1 33 天前
原创 vue页面引入three.js实现3d动画场景

1、首先利用淘宝镜像，操作命令为：cnpm install three 2.接下来利用npm安装轨道控件插件：npm install three-orbit-controls 3.接下来安装加载.obj和.mtl文件的插件：npm i --save three-obj-mtl-loader 4.安装渲染...

控件

2d

sed

阅读 32 评论 0 点赞 0

冷月凤清7 86 天前
转载用Three.js实现简单布局的3D房间

废话不说了，直接上成果图。代码如下<!doctype html> <html lang="en"> <head> <title>房间布局</title> <meta charset="utf-8"> <meta name="viewport" ...

2d

html

ide

阅读 53 评论 0 点赞 0

wx6248168e4468f 50 天前
转载 three.js 居中-模型

api：代码： <!DOCTYPE html> <html lang="en"> <head> <title>three.js webgl - loaders - 3DS loader</title> <meta charset="utf-8"> <me...

html

css

环境光

scala

3d

阅读 102 评论 2 点赞 0

mob604756e5abbc 910 天前
转载 three.js入门3

为什么要用three.jsThree.js为我们封装了底层的WebGl接口，使我们在无需掌握繁冗的图形学知识的基础下可以轻松的创建三维场景。相比较使用底层的WebGL我们可以使用更少的代码，大大的降低了学习成本，使开发...

渲染器

html

背景色

阅读 0 评论 0 点赞 0

Immortality1 33 天前
原创 vtk.js、three.js在浏览器展示3d图形

对于unstructured grid非格式化网格图形vtk数据，是没有办法在浏览器上展示的。用paraview对vtk进行extract surface后再另存为vtk可以转成polydata类型的vtk，可以在three.js上显示，但不能在v...

javascript

3d

前端

scala

html

阅读 51 评论 0 点赞 0

3xxxx 85 天前
原创 three.js加载obj模型

<!DOCTYPE html><html> <head> <script type="text/javascript" src="libs/three.js"></script> <script type="text/javascript" src="libs/OBJLoader.js">&l...

html

javascript

回调函数

阅读 0 评论 0 点赞 0

Immortality1 33 天前
转载 615 WebGL，zrender，d3，Three.js

WebGL WebGL（Web Graphics Library）是一种 3D 绘图协议，WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了，还能创建复杂的导航和数据...

html

d3

3d

图形库

初始化

阅读 104 评论 2 点赞 0

mob604756fb3b48 463 天前
原创 JS 3D 模型

最近断断续续地写出了这么个东西：http://ucren.com/demos/d3d/index.html。这是一个简单的 JS 3D 模型，能跑在包括 IE6 的所有浏览器上，结合一下 tween 缓动算法，理论上已经可以完美模拟像 http://www.cu3ox.com...

职场

模型

JS

休闲

3D

阅读 2179 评论 0 点赞 0

百度技术 3861 天前
转载关于从入门 three.js 到做出 3d 地球这件事

开篇介绍如果你没接触过3d可视化技术, 你也许会认为可视化非常难, 光是一个物体的阴影要如何计算就相当复杂, 但是告诉你个好消息, 阴影的计算都是集成好的, 而我们只要设置好光源的位置,绘制好物体就可以了, 真的...

js

阅读 191 评论 2 点赞 0

mob604756fe00bf 417 天前
转载 three.js

　　　　threejs是webgl的一个库,通过它我们可以利用大量已有的api做出很好的3d图形. 第一部分：html页面框架 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

坐标轴

html

渲染器

css

二维

阅读 125 评论 2 点赞 0

mb5fcdf2ea5f3c5 1924 天前
原创如何用three.js(webgl)搭建3D粮仓、3D仓库、3D物联网设备监控-第十二课

如何用three.js实现3D粮仓、3D仓库、智慧仓库、物联网3D、物业3D监控、物业基础设施可视化运维、3d建筑,webGL,threejs,bim管理系统序：最近因为疫情，居家办公，索性翻翻之前的项目案例，总...

3D定位、三维室内定位、3d建筑

3D库房

threejs

物联网3D

3d

阅读 0 评论 0 点赞 0

yeyunfei_gc 22 天前
转载 Three.js模型隐藏或显示

材质属性.visible查看Three.js文档的基类Material，可以知道材质属性.visible的作用就是控制绑定该材质的模型对象是否可见，默认值是true，LineBasicMaterial、SpriteMaterial、MeshBasicMaterial等材质都会继承基...

树结构

递归遍历

默认值

属性值

嵌套

阅读 64 评论 0 点赞 0

mb5fed6ec4336ce 1077 天前
转载 vue集成three.js加载模型

1、安装插件npm install three --save-devnpm install three three-orbitcontrolsnpm install three three-obj-mtl-loader stats-js2、import * as Three from 'three' import { GLTFLoader } from 'th...

vue

js

阅读 654 评论 2 点赞 0

mob604756f23a7e 382 天前
转载 Three.js模型隐藏或显示

查看Three.js文档的基类Material，可以知道材质属性.visible的作用就是控制绑定该材质的模型对象是否可见，默认值是true，LineBasicMaterial、SpriteMaterial、MeshBasicMaterial等材质都会继承基类Material的可见...

树结构

递归遍历

默认值

属性值

嵌套

阅读 58 评论 0 点赞 0

mob604756e5abbc 1054 天前
转载 Three.js模型隐藏或显示

材质属性.visible查看Three.js文档的基类Material，可以知道材质属性.visible的作用就是控制绑定该材质的模型对象是否可见，默认值是true，LineBasicMaterial、SpriteMaterial、MeshBasicMaterial等材质都会继承基...

树结构

递归遍历

默认值

属性值

嵌套

阅读 92 评论 0 点赞 0

mob604756eedb0b 1074 天前
转载 Three.js模型隐藏或显示

你在使用Three.js开发项目的过程中，可能需要隐藏一个模型，或者一个模型处于隐藏状态，又希望让它显示出来，那么你可以继续阅读下去。材质属性.visible查看Three.js文档的基类Material，可以知道材质属性.visible...

树结构

递归遍历

默认值

属性值

3d

阅读 155 评论 0 点赞 0

mb5fed6ec4336ce 1079 天前