threejs Demo

原创 已于 2025-08-16 19:52:11 修改 · 置顶 · 669 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#三维可视化 #网页3d #数字孪生 #bim #threejs

于 2021-01-10 21:42:51 首次发布

==================================

===================================

a.仓库

b.三维可视化危化品园区

c.智慧社区

d.文物博物馆

bilibili 九流下半

九流下半
关注
Three.js 导入模型demo分析（随笔记）
Dyz_397的博客
02-02 2729
Three.js导入模型glf分析
使用Three.js开发一个3D案例Demo
Joyce的博客
05-07 1538
做过2D平面开发和有点数学基础的都知道，二维坐标系只有X轴，Y轴，3D开发就是比2D开发多了一个Z轴，使用三维坐标构建几何世界。还有就是把我们2D可视化的元素换成立体的几何元素，比如：矩形换成了长方体，圆换成了球体…还有圆锥体，圆柱体等。所以说，技术本身并不复杂，难的是对其技术本身的理解。
智慧园区整体运营解决方案-智慧园区案例展示.ppt
06-26
园区作为区域绊济发展的龙头，是对外开放、招商引资的主要载体，是发展高新技术产 业、促迚产业集聚的重要平台。在各地“十事亏”规划丨，各种产业园，科技园、物流园、 农业园等的上马和扩建令人瞩目。
跨平台解决方案：Three.js 构建云端数字孪生可视化中枢实践
最新发布
2401_82616673的博客
09-02 874
某集团企业的数字孪生项目曾遭遇尴尬：总部大屏上的 3D 工厂模型数据实时跳动，车间的平板电脑却加载不出画面，出差经理的手机更是显示 “数据错误”。这不是设备问题，而是没做好跨平台适配 —— 就像用电脑软件的设计图，强行塞进手机屏幕。用 Three.js 构建云端数字孪生中枢，核心不是做出酷炫的 3D 效果，而是让这套系统能在大屏、电脑、平板、手机上都 “好用”。不少团队只顾着在单设备上优化，却在跨平台时栽了跟头：有人为适配手机砍掉关键功能，有人因云端延迟让数据变成 “老黄历”。
Three.js(webgl) webpack+es6 geojson 3d地图 项目实战视频教程
01-09
three.js 是 JavaScript 编写的 WebGL 第三方库。Three.js 也是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。Three.js 实战系列，Three.js(webgl) webpack+es6 geojson 3D 地图 项目实战视频教程将制作一个基于 webpack 框架+es6 三维 3d 中国地图模型（带区间飞行线和省级中心城市光柱特效），通过实战实操，由入门到进阶，由简单至复杂，循序渐进的学习 three.js 项目开发，掌握制作 3d 场景，模型，动画，事件，特效等等，特别是 geojson 数据在 3d模型制作的重要知识点和技巧。
基于Threejs/Webgl三维实时数据&车辆路径导航功能 项目实战一
11-15
针对webgl的库threejs框架项目功能实战讲解实时数据功能：对生产设备设施、传感器、开关控制的实时数据和运行状态查看，在三维场景中实时数据和状态，根据报警级别显示不同设备颜色。车辆路径导航：工厂车辆位置坐标做定位监控，根据车辆定位坐标在三维场景中可以展现车辆实时位置分布、车辆行驶运行状态；同时也可以仿真模拟车辆运行轨迹。threejs 98版本开发环境（IDE） WebStorm 2019.2 版本
threejs demo
08-30
threejs demo
4个threejs实战的demo项目源码
02-17
4个threejs实战的项目-资料来源于网络-不喜勿喷
WebGL/ThreeJS入门简易demo之立方体.zip
11-28
本入门Demo的核心目标是通过Three.js来绘制一个立方体，这是一个常见的初学者练习，也是理解Three.js基本概念的良好起点。首先，你需要了解以下几个关键概念： 1. **场景（Scene）**：在Three.js中，所有3D对象都...
three.js入门一：入门demo讲解
火焰
01-20 2806
环境： threejs：129 vscode window edge 关于threejs： 开源web3d引擎 github：https://github.com/mrdoob/three.js/ 官网：https://threejs.org/ 中文教程：http://www.yanhuangxueyuan.com/WebGL/ 1. 入门Demo <!DOCTYPE html> <html lang="en"> <head> <meta cha
threejs官方demo学习（1）：animation
weixin_41897680的博客
12-06 2833
threejs官方demo学习（1）：animation
three.js---一个基础的demo
weixin_44691220的博客
12-07 1001
一个基础的three.js demo
three.js demo
qiao
08-20 686
【代码】three.js demo。
最简单的three.js demo
Winne_Shen的专栏
01-07 2119
 文件目录： 代码： main.html ↓ &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;My first three.js app&lt;/title&gt; &lt;style&gt; body { margin: 0; } canvas { width: 100%; height:...
three.js入门 DEMO
在这个数字革命的时代，我们将引领您穿越去中心化、智能合约、加密货币以及分布式应用程序的世界。无论您是初学者还是经验丰富的区块链开发者，我们都致力于为您提供有价值的信息和见解。
09-02 2744
css与js结合完成动画效果 入门 DEMO <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://threejs.org/build/three.j...
three.js的demo例子-STL加载对象组件
苦瓜_小学生的博客
03-11 2345
three.js的demo例子-STL加载对象组件、gsap动画库、dat.gui、three.js监听鼠标给mesh材质改变颜色
threejs官方demo解析（一）
Pure_White520的博客
01-04 1273
threejs官网demo--第一个模型demo
系列博文-Three.js入门指南(张雯莉)-静态demo和three.js功能概览
u011927449的博客
05-01 547
一：一个最简单的静态DEMO //body加载完后触发init() //WebGL的渲染是需要HTML5 Canvas元素的，你可以手动在HTML的<body>部分中定义Canvas元素，或者让Three.js帮你生成。这两种选择一般没有多大差别，我们在此手动在HTML中定义： <body onload="init()"> <canvas id="mainC...
threejs实现简单全景看房demo
晨曦的博客
06-20 4024
threejs实现简单全景看房demo
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值