threeJs 第17页

webgl(three.js)实现室内三维定位,3D定位,3D楼宇bim、实时定位三维可视化解决方案——第十四课（定位升级版）

使用three.js(webgl)搭建智慧楼宇、3D定位、三维室内定位、设备检测、数字孪生、物联网3D、物业3D监控、物业基础设施可视化运维、3d建筑,3d消防,消防演习模拟,3d库房,webGL,threejs

魂断蓝桥666·2022-09-06 12:00

webgl(three.js)实现室内三维定位,3D定位,3D楼宇bim、实时定位三维可视化解决方案——第十四课（定位升级版）

使用three.js(webgl)搭建智慧楼宇、3D定位、三维室内定位、设备检测、数字孪生、物联网3D、物业3D监控、物业基础设施可视化运维、3d建筑,3d消防,消防演习模拟,3d库房,webGL,threejs

魂断蓝桥666·2022-09-06 12:00

learn threejs (最小化例子）

&t=803shttps://github.com/00-joe-js/playground-of-huge-potential最小化场景例子https://github.com/chunleili/threejsMinimal

beidou111·2022-09-02 09:02

UE 实现镜头平移，旋转和缩放

如果是开发过threejs的读者，可能能够设想到的思路是这样的，监听键盘事件，如果是字母W就是把镜头的位置和中心点向前移动，其他键类似

·2022-09-02 08:49

vue3 如何使用 three.js

Ⅰ.安装threeJsnpmithreeⅡ.main.js中全局导入import{createApp}from'vue'importAppfrom'.

别拿bug搞偷袭·2022-08-31 09:23

用Threejs做一只会动的3D玉兔祝大家中秋快乐

前言2022年中秋佳节即将来临，中秋节是我们国家的传统节日。在民间活动中，全国各地的老百姓通常会举行很隆重的活动来度过中秋节，通常比较见的就有赏灯、赏月、吃月饼、喝桂花酒、赏桂花等活动，而每年的中秋节都是天气比较凉爽的季节，人们刚刚经历了酷暑，转入梁秋。因而纷纷会选择走出户外，或与亲朋好友一起赏月，吃着月饼，甚至喝一壶桂花酒，不仅让彼此都放松了心情，同时增加了加强了家人的感情。坚守不管在哪个行业，

yelangking1·2022-08-30 19:34

基于Three.js实现3D玉兔效果的示例代码

目录前言技术人的快乐1、中秋与玉兔2、3D玉兔3、环境说明4、创建一个html5、定义Threejs的相关场景、相机等参数6、定义玉兔并设置大小7、最终效果前言2022年中秋佳节即将来临，中秋节是我们国家的传统节日

·2022-08-30 10:24

Three.js - 模拟太阳、地球、月亮的运动（十一）

基础场景学习//官网地址import*asTHREEfrom'https://threejsfundamentals.org/threejs/resources/threejs/r132/build/three.module.js'import

nie-ny·2022-08-28 20:55

threejs学习第一天--3D地月环绕实战案例

实现效果部分代码index.html:Document*{margin:0;padding:0;}canvas{background-image:url(imgs/star.jpg);background-size:cover;}.label{color:#fff;font-size:16px;}import*asTHREEfrom'../libs/build/three.module.js'im

chnyi6_ya·2022-08-28 20:25

UE导入FBX、GLTF模型

楔子虽然做了很多年的三维可视化，不过都主要还是web端开发为主（webgl，threejs，有兴趣的读者也可以关注下我的相关专栏）。最近准备入手一下UE，顺便做一下知识梳理。

·2022-08-27 19:58

利用Three.js实现3D三棱锥立体特效

Threejs是一款WebGL三维引擎，它可以用来做什么许多许多地场景应用一个小案例第一个three.js文件_WebGL三维场景body{mar

·2022-08-22 14:59

ThreeJS从创建场景到使用功能实例详解

目录前言创建场景以及相机创建一个平面添加图片创建线添加轴线缩放、定位、以及旋转添加文字正交摄像机和透视摄像机的区别总结前言最近公司要做一个2.5D插件，然后自己学旋转角度不太好，然后就使用了THREEJS

·2022-08-21 11:41

webgl(threejs)生成房间楼层

以threejs为基础，扩展一个几何对象PathCub

·2022-08-20 15:02

使用three.js(webgl)搭建智慧楼宇、设备检测、数字孪生——第十三课

使用three.js(webgl)搭建智慧楼宇、设备检测、数字孪生、物联网3D、物业3D监控、物业基础设施可视化运维、3D定位、三维室内定位、3d建筑,3d消防,消防演习模拟,3d库房,webGL,threejs

魂断蓝桥666·2022-08-16 15:00

【WebGL 3D前沿】threeJs 入门篇

1.什么是threeJs简单的说，就是一门绘制3D的javaScript轻量级框架；主要采用，HTML5Canvas提供硬件3D加速渲染；于是web端，就能制作出3D系统，访问就能操作，十分方便。

别拿bug搞偷袭·2022-08-15 00:53

基于webgl(threejs)的路面编辑

我们知道在threejs中有通过路径生成管路的对象，参考文章WebGL管网展示(及Tu

·2022-08-11 18:36

基于webgl(threejs)的路面编辑

楔子在很多应用中，特别是一些园区类的应用。都需要对园区的地面环境进行展示，路面就是地面的一部分。通常的做法是，都是建模的时候把相关的元素都建好，然后导入到展示系统中进行展示。不过有些情况下，可能建模并不太方便，所以三维编辑器可以直接进行简单的路面编辑显得挺有必要。路面对象扩展简单的路面

ITman彪叔·2022-08-11 17:00

reactjs中使用threejs从0到1

搭建本地开发环境安装nodejs按照CreateReactApp安装指南创建一个新的项目npxcreate-react-appreact-three-demo删除掉新项目中src/文件夹下的所有文件。（不要删除整个src文件夹，删除里面的源文件。）安装路由依赖包和thr

小方块的世界·2022-08-04 18:00

threejs 开发3d园区

点击建筑名称可转场到建筑内，查看内部结构该技术适合园区展示，物联网开发，社区信息可视化等等，智慧城市，智慧生活，产品展示，楼盘展示等等

·2022-08-02 19:18

WebGPU 导入[1] - 入门常见问题与个人分享

1.常见问题①WebGL、ThreeJS会淘汰吗？WebGL是不是过时了？WebGPU性能是不是比WebGL强？ThreeJS会淘汰吗？

·2022-08-01 21:11

threejs后期处理的基本使用方法之加特效

目录前言基本代码基本流程核心函数介绍EffectComposer效果组合器构造函数重要方法：RenderPass渲染通道构造函数重要属性：ShaderPass着色器通道官方案例链接通道相关代码位置案例演示电脉冲故障风效果代码描边效果代码泛光效果BloomPass的参数代码总结前言后期处理：简单的说就是先渲染一张图存起来，在这张图上面"添油加醋"，处理完后再渲染到屏幕上。这一过程three进行了封装

·2022-07-22 12:22

使用threejs实现第一人称视角的移动的问题(示例代码)

今天我们就通过最基本的threejs来完成第一人称视角的场景巡检功能。如果你是一位threejs的初学者或正打算入门，我强烈推荐你仔细阅读本文并在我的代码基础之上继续深入学习。

·2022-07-22 12:22

解决threeJS加载obj gltf模型后颜色太暗的方法

我之前看到有一篇文章对gltf的解决方法是让gltf增加自发光，相关的设置如下：使用threeJS的过程中，刚开始总是会遇到些问题，就比如加载obj/gltf等带材质的模型时老是会出现显示效果较暗的问题

·2022-07-22 12:48

ThreeJS

微信截图_20220609164136.png创建一个场景为了真正能够让你的场景借助three.js来进行显示，我们需要以下几个对象：场景、相机和渲染器，这样我们就能透过摄像机渲染出场景。varscene=newTHREE.Scene();//创建场景创建相机相机决定了场景中那个角度的景色会显示出来，相当于人的眼睛，Three有几种不同的相机，在这我用的透视相机（THREE.perspective

梦安web开发·2022-07-21 16:24

threeJs相机

此篇将threeJs相机的使用做一下记录，简单的封装为vue组件，以备参考。之后慢慢完善此文。

·2022-07-19 22:30

threeJS加载obj/gltf模型后，颜色太暗的解决方法

使用threeJS的过程中，刚开始总是会遇到些问题，就比如加载obj/gltf等带材质的模型时老是会出现显示效果较暗的问题。

·2022-07-18 19:10

利用vue-3d-loader同时加载多个3D模型

众所周知ThreeJS是web端用于加载3D模型的JS库，广泛应用于物联网及部分游戏行业中，其强大就强大在可以加载大多数类型的3D模型，如：.dae/.fbx/.gltf(.glb)/.obj/.ply

·2022-07-15 09:21

ThreeJS学习记录（三）监听鼠标点击和移动

监听鼠标移动，几何体变大变小监听鼠标点击，弹出信息使用方法：Raycasterimport*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'importStatsfrom'three/examples/jsm/libs/stats.module'letcontainer,st

·2022-07-12 16:33

ThreeJS学习记录（二）立方体不同面不同图片（待补充）

学习点一：material数组在设置Mesh的时候，第一个参数是几何体，第二个参数就是材质。根据官方文档看，第二个参数可以是一个数组。也就是说可以设置几何体不同面的材质图片。学习点二：顺序大家可以看下哪一个面会对应哪个图片，nx\ny\nz\px\py\pz。学习点三：白色是透明度为0，黑色是透明度为1设置material时，图片白色的地方会透出材质的颜色，黑色地方不会。对比下，下面是图片，mat

·2022-07-11 16:16

three.js实现3d全景看房示例

目录背景认识threejs安装与使用3D世界的三剑客场景（scene）相机（camera）透视相机正交投影相机渲染器（renderer）世界雏形造物几何体（geometry）材质（material）渲染循环轨道控制器

·2022-07-09 17:09

Three.js实现雪糕地球的使用示例详解

目录前言ThreeJS基础——实现转动的球体ThreeJS纹理——实现转动的地球交互式雪糕地球添加loading效果前言最近的天气有几分酷热，去实验室的道路也有几分漫长，走着走着，小包感觉灵魂已经被热出窍了

·2022-07-05 16:20

前端面试，备考第 16 天—— 垃圾回收与内存泄漏管理 | 继承

前端修罗场·2022-07-04 07:41

前端面试，备考第 15 天 - 异步编程：Promise | Async/Await | 定时器 | 扩展

前端修罗场·2022-07-02 07:39

ThreeJS学习记录（一）渐变的线

*注意：必须要这个例子中73版本的ThreeJS文件才能成功渲染。three.jswebgl-lines-colors//创建场

·2022-07-01 10:22

基于ThreeJs的3D农业大棚模拟远程监测系统

建立农业大棚的三维建模场景，场景之间可以进行交互，并随机产生显示大棚内的相关指标值，获取农业大棚的温度、湿度、光照等变化情况进行实时模拟监测。在远程平台端可查看实时监测数据和相关状态。实时监测更新温度、适度、与光照数据代码在这里--->基于Three.js的3D模拟农业大棚监测系统

小猫乐淘淘·2022-06-22 14:27

史上最全的文档地址列表

统一的入口地址在adochub.dockernginxpython3meteorprismavuejsanacondacaddyserverdivioawsmongoosejstidbfluttergitlabthreejsmicrosoftpytorchmoodlekuber

·2022-05-23 10:42

threejs 360全景工具开发心得

还达不到真正意义上的商用级别，下面我会把我们开发这个项目遇到的一些坑和解决方案都梳理处理，已经发布到线上https://720.h5ds.com/工具简介：H5-720全景（简称H5-720）是一款基于threejs

·2022-05-18 16:36

基于tfjs和threejs的web端AR人脸特效

前言增强现实（AugmentedReality，简称AR）浪潮正滚滚而来，各种AR应用层出不穷——AR导航、AR购物、AR教学、AR游戏……可以说，AR正在深刻的改变我们的生活。而支撑AR的底层技术也在不断升级。AI技术的普及，让AI能力得以轻松的接入实际应用，TensorFlow.js（tfjs）的出现，则让前端也能在AI领域大展身手。浏览器和移动设备的升级，也使得Web应用具有更多的可能性。W

·2022-05-06 17:36

WebGL加载本地模型

前言大部分的webgl框架，比如threejs和babylon等，都可以加载obj和gltf模型。

·2022-05-06 14:12

ThreeJS 动画之 Noisy Lines

如果你做过一些企业站点的项目，应该会有遇到过这种需求，为了让我们的站点更具有活力及动画效果，往往会加一些类似这样的效果来丰富我们的网站，今天就来看看如何实现这种效果吧，动画效果基于threejs-toys

·2022-05-04 13:38

利用vue3+threejs仿iView官网大波浪特效实例

目录前言一、效果图二、代码三、背景图片素材总结前言Threejs可以理解为是一个web端三维引擎（渲染模型，数据可视化），如果有接触过UnralEngine4(虚幻四)等游戏引擎的，应该很容易理解在一个三维场景必备的每一个部件

·2022-04-26 13:26

前端酷炫效果参考_你看见过哪些很炫酷的前端页面特效？

WebGL水波及焦散(刻蚀)的渲染总结玄魂前端，图形图像，可视化关于小区域水波渲染以及焦散的技术原理，推荐下面两篇资源：https://github.com/martinRenou/threejs-causticshttps

李雁儿门儿·2022-04-15 10:04

threejs全景图和锚点编辑的实现方案

目录全景图和锚点编辑全景图全景图拆解场景编辑方案transformControls初始化控制器添加可移动对象平移、缩放、旋转保存对象结语全景图和锚点编辑今天来简单聊聊threejs全景图和锚点编辑的方案

·2022-04-14 11:15

THREEJs 关于对称轴镜像翻转

点对于某个对称轴镜像翻转，这里用二维演示，思路及核心方法都是一致的，二维能较好说明。找到在对称轴上与点最近的点//将对称轴整成线段constline=newTHREE.Line3(axis,newTHREE.Vector3(0,0,0))constlinePoint=newTHREE.Vector3()line.closestPointToPoint(arr[i],false,linePoint)

·2022-04-10 16:46

threejs太阳光与阴影效果实例代码

目录前言灯光与材质基础篇太阳光整体调用代码太阳光类初始化设置平行光信息Tween总结前言这篇文章实现智慧城市中模拟太阳光随时间变化产生对应场景效果。为了场景能够更逼真，我们一般会通过对接天气以及阳光等各种环境因素同步到场景中，使得场景能够更贴近现实。比如一些常见的天气系统，下雨、下雪、阴天、雾霾等，我之后会独立一篇文章中提现。这边文章主要介绍一系列灯光，主要是平行光对于太阳的模仿，以及一些材质的问

·2022-04-05 10:57

SAP UI5 sap.ui.vk 命名空间内的控件介绍

所有其他命名空间（sap.ui.vk.dvl、sap.ui.vk.threejs、sap.ui.svg）都是特定于特定实现的，应被视为私有API。使用传统DVL或T

·2022-04-03 12:33

vue3中如何用threejs画一些简单的几何体

目录前言threejs简述依赖包版本vue3操作DOM创建场景,相机,渲染器本节及后续都在initThree方法中写立方体球体圆柱体坐标系点光源鼠标操作旋转,缩放球体,立方体自动旋转initThree完整代码总结前言在

·2022-03-29 16:08

ThreeJS 中线的那些事

那么在ThreeJS中绘制一根简单的线的背后又有哪些故事呢，本文将逐一解开。

·2022-03-25 15:11

threeJS 使用 html2canvas截图为黑色的问题

实际错误是所有的webGL以及three的容器截图都为黑色的背景，其他元素无恙截图日志的报错为：控制台输出.png在这个问题解决之前尝试的办法有：疑似跨域问题：修改`html2canvas`的配置，使用`{useCORS:true}`--无效意思元素样式问题修改dom样式为绝对值，去除百分比以及相对定位--无效求人之前先百度找到了一个网上教程，解决方法如下可以看到：preserveDrawingB

一支桨·2022-03-16 16:23

三维监控系统模型

1、使用babylonjsbabylonjs本身是一个非常好的web三维引擎，比起threejs来说有更好的用户UI效果，看一个效果图，本身是从例子里修出来的，数据始终正向对准客户2、创建过程创建一个secene

qianbo_insist·2022-03-15 14:50

推荐频道

threeJs

webgl(three.js)实现室内三维定位,3D定位,3D楼宇bim、实时定位三维可视化解决方案——第十四课（定位升级版）

webgl(three.js)实现室内三维定位,3D定位,3D楼宇bim、实时定位三维可视化解决方案——第十四课（定位升级版）

learn threejs (最小化例子）

UE 实现镜头平移，旋转和缩放

vue3 如何使用 three.js

用Threejs做一只会动的3D玉兔祝大家中秋快乐

基于Three.js实现3D玉兔效果的示例代码

Three.js - 模拟太阳、地球、月亮的运动（十一）

threejs学习第一天--3D地月环绕实战案例

UE导入FBX、GLTF模型

利用Three.js实现3D三棱锥立体特效

ThreeJS从创建场景到使用功能实例详解

webgl(threejs)生成房间楼层

使用three.js(webgl)搭建智慧楼宇、设备检测、数字孪生——第十三课

【WebGL 3D前沿】threeJs 入门篇

基于webgl(threejs)的路面编辑

基于webgl(threejs)的路面编辑

reactjs中使用threejs从0到1

threejs 开发3d园区

WebGPU 导入[1] - 入门常见问题与个人分享

threejs后期处理的基本使用方法之加特效

使用threejs实现第一人称视角的移动的问题(示例代码)

解决threeJS加载obj gltf模型后颜色太暗的方法

ThreeJS

threeJs相机

threeJS加载obj/gltf模型后，颜色太暗的解决方法

利用vue-3d-loader同时加载多个3D模型

ThreeJS学习记录（三）监听鼠标点击和移动

ThreeJS学习记录（二）立方体不同面不同图片（待补充）

three.js实现3d全景看房示例

Three.js实现雪糕地球的使用示例详解

前端面试，备考第 16 天—— 垃圾回收与内存泄漏管理 | 继承

前端面试，备考第 15 天 - 异步编程：Promise | Async/Await | 定时器 | 扩展

ThreeJS学习记录（一）渐变的线

基于ThreeJs的3D农业大棚模拟远程监测系统

史上最全的文档地址列表

threejs 360全景工具开发心得

基于tfjs和threejs的web端AR人脸特效

WebGL加载本地模型

ThreeJS 动画之 Noisy Lines

利用vue3+threejs仿iView官网大波浪特效实例

前端酷炫效果参考_你看见过哪些很炫酷的前端页面特效？

threejs全景图和锚点编辑的实现方案

THREEJs 关于对称轴镜像翻转

threejs太阳光与阴影效果实例代码

SAP UI5 sap.ui.vk 命名空间内的控件介绍

vue3中如何用threejs画一些简单的几何体

ThreeJS 中线的那些事

threeJS 使用 html2canvas截图为黑色的问题

三维监控系统模型