Three.js 第19页

前端3D Three.js 在本地搭建一个官方网站

Web前端3D开发入门规划3D效果将不再是桌面应用的专利我们说了说WEB3D的一个发展和学习方向那么我们还是先搞定文档使用的问题我们可以访问http://www.yanhuangxueyuan.com/Three.js

-耿瑞-·2023-06-23 00:57

学习three.js的第一天

最近在找工作，看到很多招聘需求都需要会three.js，这是个新兴的技术，主要用于数字孪生，智慧城市的开发，有点类似建模，网上相关教程比较少，很多收费的课程首先在github上mrdoob/three.js

前端小菜鸟也有人起·2023-06-22 21:33

Three.js教程：stats性能监视器

ygtu2018·2023-06-22 14:51

Three.js教程：Threejs常见几何体简介

ygtu2018·2023-06-22 14:51

Three.js创建场景学习

Three.js入门示例_bcbobo21cn的博客-CSDN博客这里做了Three.js入门示例，显示一个球体；下面单独看一下场景Scene；先只有2句代码，constscene=newTHREE.Scene

bcbobo21cn·2023-06-22 09:37

three.js加载模型失败（跨域问题）

testLoadOBJmodelbody{/*setmarginto0andoverflowtohidden,togofullscreen*/margin:0;overflow:hidden;}functioninit(){varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(45,window.innerWidth/wind

bcbobo21cn·2023-06-22 09:05

three.js入门

前言最近开始学Three.js了。市面上的资料并不算多，系统性的更少。有些教程照着做都是因为版本问题所以可能会卡住。一边学习一边记录一下。

Armouy·2023-06-22 08:03

3d-force-graph力导向图中向节点添加obj模型

这个函数将使用three.js中的

爱划水de鲸鱼哥～·2023-06-21 21:21

three.js物体纹理及其常用属性介绍

一、Three中的纹理和材质介绍THREE中的纹理和材质是用来渲染3D场景中的物体表面的。纹理贴图定义物体表面的颜色和外观，而材质则定义物体表面如何反射光线。纹理可以使用多种类型的图像文件，包括JPEG、PNG、GIF等。纹理可以是简单的颜色、图案或者是复杂的图像。材质是指物体表面材料的特性。在THREE中，材质可以定义物体表面的颜色、质地、透明度等属性。材质可以使用多种类型的渲染器，包括基本的P

jieyucx·2023-06-21 20:55

three.js常用几何体介绍以及自定义几何体

一、自定义三角形几何体核心代码：//添加物体//创建几何体for(leti=0;i<50;i++){//每一个三角形，需要3个顶点，每个顶点需要3个值constgeometry=newTHREE.BufferGeometry();constpositionArray=newFloat32Array(9);for(letj=0;j<9;j++){positionArray[j]=Math.rando

jieyucx·2023-06-21 20:25

Three.js学习项目--3D抗美援朝数据可视化

文章目录部分场景体验地址操作说明视频我做了哪些（功能）局限源代码地址部分逻辑按需渲染模型加载动画控制器模型纹理条件切换模型加载同时请求部分纹理生成进度条模型缩放小动画部分场景体验地址https://kmyc.hongbin.xyz/操作说明视频操作说明我做了哪些（功能）draco解析glb模型同时处理部分纹理请求减轻一次加载纹理压力手动控制轨道控制器镜头动画多音频拼接控制封装动画播放器控制进度切换

Jedi Hongbin·2023-06-21 20:11

使用dat.gui更改three.js中的物体变量

一、dat.gui介绍gui是一种JavaScript库，用于创建可视化控件和调试工具。它是dat.gui的简称。dat.gui是一个用于在Web应用程序中创建可定制GUI的JavaScript库。它可以轻松创建滑块、复选框、颜色选择器等控件，用户可以直接在GUI上进行交互和调整。dat.gui还提供了一些调试工具，例如实时查看变量值等。它是一个轻量级、易于使用且高度可定制的库，可用于构建各种类型

jieyucx·2023-06-21 14:07

three.js几何体的_UV_、法向属性以及BufferGeometry类介绍

在three.js中，光照效果是基于每个顶点

jieyucx·2023-06-21 14:07

整个宇宙将为你闪烁除了三体人前端也可以哈哈

项目主要使用three.js，设计灵感及贴图来源于SolarSystemScope。

·2023-06-21 10:08

Web前端 3D开发入门规划 3D效果将不再是桌面应用的专利

维呈现让界面更直观立体的展示他打破了传统平面的展示形式那么目前的话政府也有大量的新基建的项目如数字孪生智慧城市智慧园区智慧工厂智慧消费等等项目都涉及到了3D可视化技术那么如果我们想学习这门技术就可以先从Three.js

-耿瑞-·2023-06-21 10:52

three.js学习 11 - 1.threejs常用几何体 2.几何体材质自定义 3.材质的旋转与堆叠效果

1.threejs常用几何体①.缓冲几何体（立方体）官网API地址：https://www.three3d.cn/docs/index.html?q=geometry#api/zh/geometries/BoxGeometry②.圆缓冲几何体官网地址：https://www.three3d.cn/docs/index.html?q=geometry#api/zh/geometries/Circle

不染-9732·2023-06-20 23:42

Three.js清除场景中的模型和材质、贴图等

遍历所有子项并调用它们的几何形状，材质和纹理，亲测有效functionclearThree(obj){while(obj.children.length>0){clearThree(obj.children[0])obj.remove(obj.children[0]);}if(obj.geometry)obj.geometry.dispose()if(obj.material){//incaseo

爱吃烧鸭蛋的叶安·2023-06-20 18:38

Three.js教程：Canvas画布布局和全屏

将NSDT场景编辑器加入你的3D工具链其他系列工具：NSDT简石数字孪生Canvas画布布局和全屏threejs渲染输出的结果就是一个Cavnas画布，canvas画布也是HTML的元素之一，这意味着three.js

ygtu2018·2023-06-20 16:45

Three.js教程：渲染器

ygtu2018·2023-06-20 16:13

three.js修改物体的位置

一、位置属性position介绍要修改物体的位置，可以使用物体的position属性。该属性是一个THREE.Vector3对象，它表示物体在3D空间中的位置。例如，要将物体移动到x=10，y=20，z=30的位置，可以使用以下代码：object.position.set(10,20,30);如果要相对于当前位置移动物体，可以使用以下代码：object.position.x+=5;//将物体向右移

jieyucx·2023-06-20 11:15

three.js设置物体的缩放和旋转

一、缩放物体介绍1.如何缩放使用three.js设置物体的缩放可以通过对象的scale属性来实现。

jieyucx·2023-06-20 11:15

Three.js教程：动画渲染循环

ygtu2018·2023-06-20 04:03

使用three.js渲染第一个场景和物体

一、效果图：二、渲染场景和物体的步骤创建场景(Scene)：在three.js中创建场景通过调用THREE.Scene()方法，然后将其赋值给变量。

jieyucx·2023-06-19 17:07

three.js轨道控制器查看物体

效果介绍在上一章节中我们只是将物体和场景渲染到了浏览器中，但是我们并不能实现交互，当我们想用鼠标滑动查看物体时，物体是不会动的，要实现这种交互效果，我们需要借助轨道控制器实现二、轨道控制器使用步骤1.引入three.js

jieyucx·2023-06-19 17:07

Three.js3D可视化介绍，以及本地搭建three.js官网

一、什么是Three.jsthree.js官网：https://threejs.org/Three.js是一个基于WebGL的JavaScript3D图形库，它可以轻松地在浏览器中创建3D场景和动画。

jieyucx·2023-06-19 17:37

Three.js快速入门

简介Three.js是基于原生WebGL封装运行的三维引擎。可与各种前端技术结合使用。

田苗苗_7785·2023-06-19 06:13

Qgis2threejs

three.js是JavaScript编写的一个开源的3D图形库，它可以用于创建各种各样的交互式3D应用程序和动画。该库提供了一系列的工具和功能，使得在Web浏览器中创建高质量的3D图形变得更加容易。

GIS工具·2023-06-18 20:30

利用THREE.JS实现3D城市建模（珠海市）

仅供学习使用，利用THREE.JS、GLSL实现，圆形扫描、立体扫描、区域高亮、横向扫描、地图飞线、地面线路、珠海市模型导入。

菜园前端·2023-06-18 15:50

three.js源码阅读笔记一

使用three.js已经有一段时间了，为了更深入的理解这个优秀的webgl库的实现原理，从今天开始阅读源码。并且记录下自己的理解。

magicLiuyuan·2023-06-18 02:43

Three.js--》实现3D汽车展厅效果展示

目录项目搭建初始化three.js基础代码加载汽车模型设置展厅效果设置GUI面板动态控制车身操作车门操作与车身视角展示设置手动点击打开关闭车门设置图片背景今天简单实现一个three.js的小Demo，加强自己对

亦世凡华、·2023-06-17 17:58

mapbox+threejs实现三维气泡球体专题图

最近在研究前端three.js和webGL技术，采用三维地图展示数据，我分享一下研究成果！引入JS先加载地图我们这里用超图的iServer发布的地图瓦片数

sun_falls·2023-06-17 11:07

mapbox在Vue框架中对three.js的应用

在现代Web开发中，使用Vue框架和Three.js库可以创建出色的3D体验。然而，为了实现这样的效果，需要使用地图来提供场景的背景。

游离状态的猫1·2023-06-17 11:34

一个《跳动的爱心》代码，纯HTML+JS，双击直接运行

集合了web动画库GSAPJS、OBJ文件加载器OBJLoader、WebGL第三方库Three.js等。效果非常棒！

倾斜的水瓶座·2023-06-17 01:06

Three.js--》实现3d圣诞贺卡展示模型

目录项目搭建初始化three.js基础代码加载环境模型设置环境纹理添加水面并设置阴影效果实现幽灵小球的运动实现相机切换和文字切屏实现漫天星星和爱心样式今天简单实现一个three.js的小Demo，加强自己对

亦世凡华、·2023-06-16 21:32

Three.js教程：平行光与环境光

ygtu2018·2023-06-16 18:04

Three.js教程：三维坐标系

ygtu2018·2023-06-16 17:33

three.js里的材质分类

three.js里的材质分类一、基本材质MeshBasicMaterial一个以简单着色（平面或线框）方式来绘制几何体的材质不受光照的影响.color:Color材质的颜色(Color)，默认值为白色(

chen_227·2023-06-16 13:52

Vue中如何进行3D场景展示与交互（如Three.js）

Vue中如何进行3D场景展示与交互（如Three.js）随着WebGL技术的发展，越来越多的网站开始使用3D场景来展示产品、游戏等内容。

硬件人某某某·2023-06-16 13:29

Three.js教程：建模软件绘制3D场景(Blender)

三维建模软件作用对于简单的立方体、球体等模型，你可以通过three.js的几何体相关API快速实现，不过复杂的模型，比如一辆轿车、一栋房子、一个仓库，一般需要通过3D建模软件来实现。

·2023-06-16 11:08

【Three.js】第十五章 Lights 灯

15.Lights灯介绍正如我们在上一课中看到的，添加灯光就像添加网格一样简单。您使用适当的类实例化一盏灯，然后将其添加到场景中。有多种类型的光，我们已经发现了AmbientLight和PointLight。在本课中，我们将详细了解所有不同的类以及如何使用它们。设置启动器中已经设置了一个场景（包括一个球体、一个立方体、一个环面和一个作为地板的平面），但如果您想自己写代码渲染联系，请自行创建项目尝试

顽皮宝·2023-06-15 16:31

【Three.js】第十二章 Materials 材质

编写着色器是WebGL和Three.js最具挑战性的部分之一，但不要担心；Three.js有许多带有预制着色器的内置材质。我们将在以后的课程中探索如何创建我们自己的着色器。

顽皮宝·2023-06-15 16:01

【Three.js】第十三章 3D Text 3D文字

这个作品是学习Three.js早期可以实现的一个很好的例子。它简单、高效，而且特效看起来很棒。Three.js已经通过Te

顽皮宝·2023-06-15 16:30

【Three.js】第十六章 Shadows 阴影

实现它们的方法有很多种，Three.js有一个内置的解决方案。请注意，此解决方案很方便，但并非完美。怎么运行的我们不会详细说

顽皮宝·2023-06-15 16:56

Three.js教程：光源对物体表面影响

ygtu2018·2023-06-15 11:19

Three.js教程：相机控件轨道控制器OrbitControls