E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Three.JS
three.js
入门三:buffergeometry贴图属性(position、index和uvs)
环境:three.js0.159.0一、基础知识geometry:决定物体的几何形状、轮廓;material:决定物体呈现的色彩、光影特性、贴图皮肤;mesh:场景中的物体,由geometry和materia组成;texture:贴图,用于将一个jpg等格式的图片贴到material上面(当然,material也可以不贴texture);另外,如果material上是定义的color,那么说明,物
jackletter
·
2023-12-15 05:30
threejs/webgl
javascript
贴图
开发语言
WEB 3D技术 简述React Hook/Class 组件中使用
three.js
方式
之前已经讲过了用vue结合
three.js
进行开发那么自然是少不了react我们还是先创建一个文件夹终端执行npminitvite@latest输入一下项目名称然后技术选择react也不太清楚大家的基础那就选择最简单的
跟 耿瑞 卷出一片天
·
2023-12-14 19:51
前端
javascript
3d
如何将从GitHub上弄下来的
Three.js
本地官网设为中文
我们辛辛苦苦从git上面弄下来的
Three.js
本地文档启动之后会发现好家伙这鬼东西是个英文的我们可以找到根目录下的docs下的index.html然后全局搜索language变量声明的地方letlanguage
跟 耿瑞 卷出一片天
·
2023-12-14 19:34
3d
前端框架
Three.js
修改模型中心点
需求中需要修改模型的中心点到其他位置,用于实现一些模型的对齐。本文使用三种方式实现修改模型的中心点:一、通过为模型添加父物体,再移动模型的相对位置,之后的位移旋转等通过父物体来操作。这个方法相对简单,但一方面不是“真正”地修改模型中心点,也会给模型的管理增加难度。二、通过移动模型的顶点实现修改中心点位置这个方法通过矩阵将模型所有顶点的位置全部修改了,同理,需要整体缩放模型顶点位置、角度,都可以通过
ShawnWeasley
·
2023-12-06 05:48
Three.js
中OutlinePass与后处理冲突问题
需求是鼠标滑过物体的时候物体显示为描边选中状态方案一:OutlinePass首先尝试了官方的OutlinePass来添加外边框选中功能这是没加OutlinePass的效果:这是使用OutlinePass后的,描边是可以了,但是锯齿严重,且模型发黑:深入调研了一下发现是OutlinePass与renderer.outputEncoding=THREE.sRGBEncoding冲突,不支持sRGBEn
ShawnWeasley
·
2023-12-06 05:48
javascript
开发语言
ecmascript
前端
Three.js
设置透明背景
首先我的html结构如下:DemoThree.js设置透明背景步骤如下:1.为body添加背景图body{margin:0;overflow:hidden;background-image:url('../static/53d69d934eb64.jpg');background-size:cover;background-repeat:repeat;background-position:cen
ShawnWeasley
·
2023-12-06 05:48
javascript
前端
开发语言
ecmascript
three.js
中绘制RingGeometry不显示
在项目中想要实现圆弧绕立方体旋转的效果结果绘制出来的圆弧不显示多次调整位置圆弧终于显示出来了但只有一个角度能观察到这个角度可以看到换个角度又不行了查看了官方文档发现原来是少了个配置项side:THREE.DoubleSideconstringMaterial=newTHREE.MeshBasicMaterial({color:0xffffff,side:THREE.DoubleSide})加上之后
paradoxaaa_
·
2023-12-05 15:24
笔记
javascript
前端
vue.js
PIXI教程
好久没记录了,前公司用低代码开发前后端,离职了,最近刚入职新公司,主要做2d,3d,PIXI框架,
three.js
,今天分享俩个学习PIXI的网站什么是Pixi|Pixi.js中文网(huashengweilai.com
前端小菜鸟也有人起
·
2023-12-05 05:47
webgl
3d
前端
VUE2+THREE.JS 销毁,防止越来越卡顿
THREE.JS
销毁将场景相关的参数重置,防止页面多次打开,导致的越来越卡顿的问题beforeDestroy(){this.resetScene();},deactivated(){this.resetScene
月下脆竹書閣
·
2023-12-05 05:49
ThreeJS
VUE
javascript
服务器
数据库
webGL开发虚拟实验室技术方案
1.WebGL框架:选择适用于虚拟实验室开发的WebGL框架,例如
Three.js
或Babylon.js。这些框架提供了强大的图形渲染和用户交互功能。2.3D模型和纹理:收集或创建虚拟实验室
defdsdddev
·
2023-12-05 02:46
webgl
WebGL开发数据可视化应用
常用框架包括
Three.js
、Babylon.js等。2.数据准备:收集并准备用于可视化的数据。这可能涉及
defdsdddev
·
2023-12-05 02:46
信息可视化
Three.js
的THREE.LOD如何加载gltf模型
要在
Three.js
中使用THREE.LOD加载gltf模型,可以按照以下步骤操作:1、首先,确保已经引入了
Three.js
库和GLTFLoader插件。
lock cylinder
·
2023-12-04 14:03
javascript
开发语言
webgl
three.js
图解WebGL&Three.js工作原理
以
Three.js
为例,讲述框架在背后扮演什么样的角色?2我们为什么要了解原理?
lock cylinder
·
2023-12-04 14:33
webgl
javascript
开发语言
WebGL笔记:js中矩阵库的使用
矩阵库手写矩阵,其实很麻烦,可以将其模块化市面上已经有许多开源的矩阵库比如《WebGL编程指南》里的cuon-matrix.jsthree.js的Matrix3和Matrix4对象
three.js
的Matrix4
Wang's Blog
·
2023-12-04 10:05
Canvas
Webgl
Three.js
webgl
基于vue3.x与
three.js
模拟地球内部结构
基于vue3.x与
three.js
模拟地球内部结构前言基于threejs、vue3.x、热力图实现了地球结构可视化展示。
易航动效
·
2023-12-04 09:18
3D
gis
vue
前端
开发语言
typescript
MediaPipe 3D姿态估计简明教程
一个很好的例子是在浏览器中驱动角色动画的3D动作捕捉:NSDT工具推荐:
Three.js
新缸中之脑
·
2023-12-04 06:00
arcgis
书架选书Tween补间动画应用--Apple的学习笔记
Three.js
模拟书架选书显示书名--Apple的学习笔记我说过,学习example后,会进行些美化改造。之前做的最不好的地方,就是鼠标点击书本后,书本直接瞬间弹出。
applecai
·
2023-12-04 06:00
three.js
结合vue
npminitvite@latest然后我们cd进入刚才创建的目录下npminstall安装所需依赖npmrundev启动该项目2.整理页面将template标签以及style标签中的内容进行整理3.将
three.js
fanjianwucmx
·
2023-12-04 02:06
开发语言
Cesium开发工具篇 | 05与第三方库的集成
集成Three.jsThree.js是基于原生WebGL封装运行的三维引擎库,在所有WebGL引擎中,
Three.js
是国内文资料最多、使用最广泛的三维引擎。
GIS李胜
·
2023-12-03 22:33
Vue3炫酷可旋转的3D地球
首先,我们需要安装
Three.js
库:npminstallthree接下来,我们创建一个Vue3项目,并在项目中引入
Three.js
库。
特创数字科技
·
2023-12-03 14:19
Vue3
3d
vue.js
前端
javascript
webGL开发虚拟展览方案
一些常用的框架包括:
Three.js
:
Three.js
是一个强大且易于使用的WebGL框架,提供了丰富的功能和文档支持
defdsdddev
·
2023-12-02 20:06
webgl
WebGL开发交互式艺术品技术方案
1.WebGL框架:选择一个适用于艺术品开发的WebGL框架,其中最流行的是
Three.js
。
Three.js
提供了一个简单而强大的API,可以用于创建复杂的3D场景和交互元素。
defdsdddev
·
2023-12-02 20:06
信息可视化
webgl
前端
webGL开发学科演示项目方案
常用框架包括
Three.js
、Babylon.js等。2.3D模型和纹理:收集或创建学科演示项目所需的3D模型和纹理。可以
defdsdddev
·
2023-12-02 20:34
webgl
关于
three.js
加载blender导出gltf格式模型动画要点
研究过一次加载动画后导入
three.js
场景不执行动画,故此记录原因。
你看我白不白
·
2023-12-02 15:51
blender
动画
Blender动画导入
Three.js
你是否在把Blender动画导入你的ThreeJS游戏(或项目)中工作时遇到问题?您的.glb(glTF)文件是否正在加载,但没有显示任何内容?你的骨骼没有正确克隆吗?如果是这样,请阅读我如何使用SkeletonUtils.js解决此问题1、前提条件你正在使用Blender3.1+(此版本包括glTF2.0导出选项)你知道如何使用“Armatures”在Blender中为对象设置动画你的动画可以在
xiangzhihong8
·
2023-12-02 15:47
前端
3d
three.js
导入fbx模型文件
1、引入three模块,npminstallthree--save2、把模块加载到你加载FBX文件的js中import*asTHREEfrom'../build/three.module.js';import{OrbitControls}from'./jsm/controls/OrbitControls.js';import{FBXLoader}from'./jsm/loaders/FBXLoad
生蚝吃我
·
2023-12-02 10:30
可视化有关JS官网链接
【threeJs】3d建模基于webGLthreejs官网:https://threejs.org/threejs中文教程:
Three.js
中文教程|参考手册|使用指南|动画特效实例|踏得网threejs
麦兜_冰夕
·
2023-12-01 23:56
数据可视化
mapTalks中文api
threejs中文api链接
VUE2+THREE.JS 模型上方显示信息框/标签(CSS3DSprite精灵模型)
THREE.JS
模型上方显示信息框/标签---CSS3DSprite精灵模型1.CSS2DRenderer/CSS3DRenderer/Sprite的优劣2.实现模型上方显示信息框2.1引入2.2初始化加载的时候就执行此方法
月下脆竹書閣
·
2023-12-01 18:00
ThreeJS
VUE
javascript
css3
开发语言
VUE2+THREE.JS点击事件
THREE.JS
点击事件1.增加监听点击事件2.点击事件实现3.记得关闭页面时销毁此监听事件1.增加监听点击事件renderer.domElement.addEventListener("click",
月下脆竹書閣
·
2023-12-01 18:30
ThreeJS
VUE
javascript
数码相机
开发语言
VUE2+THREE.JS辉光设定和解决辉光导致背景变暗的问题
THREE.JS
辉光设定和解决辉光导致背景变暗的问题
THREE.JS
辉光设定
THREE.JS
辉光导致背景变暗的问题1.设定背景图片2.初始化辉光3.animate一直渲染辉光
THREE.JS
辉光设定给我的设计好的
月下脆竹書閣
·
2023-12-01 18:25
VUE
ThreeJS
javascript
开发语言
ecmascript
react应用中导入
three.js
本文主要讲述如何在react应用中导入
three.js
,和构建demo示例。
.伊泽瑞尔
·
2023-12-01 15:08
react
three.js
javascript
react.js
使用
Three.js
实现炫酷的赛博朋克风格3D数字地球大屏
背景近期工作有涉及到数字大屏的需求,于是利用业余时间,结合
Three.js
和CSS实现赛博朋克2077风格视觉效果[2
winty~~
·
2023-12-01 03:07
css3
js
css
webgl
vue
threeJs引入模型使用3D模型(vite+React+Ts)
要在
Three.js
中使用3D模型,你需要加载模型文件并将其添加到场景中。
Three.js
支持多种不同的模型格式,比如OBJ、FBX、GLTF等。
湖边看客
·
2023-12-01 03:06
react.js
javascript
前端
使用Vue.js和机器学习进行语音控制的Web可视化
在本教程中,我们将Vue.js,
Three.js
和LUIS(认知服务)配对以创建语音控制的Web可视化。但首先,有一点背景为什么我们需要使用语音识别?这样的问题可能会解决什么问题?
cunque0995
·
2023-11-30 22:17
可视化
java
python
人工智能
深度学习
vue使用
three.js
加载glb,gltf,obj,并做点击处理
three文档:
Three.js
电子书《
Three.js
零基础入门教程》_郭隆邦先看代码template>import*asTHREEfrom'three';import{OBJLoader,MTLLoader
苦涩!
·
2023-11-30 17:59
vue.js
javascript
前端
vue 使用
three.js
展示3D模型 gltf glb fbx
要在Vue项目中使用
Three.js
展示gltf模型,你需要按照以下步骤进行操作:1、安装所需的依赖:在Vue项目的根目录下打开终端,并执行以下命令来安装
Three.js
和GLTFLoader库。
菜鸟辉辉
·
2023-11-30 17:29
three.js
BIM
web端3D模型展示
javascript
vue.js
3d
JQuery+Three.js实现产品3D模型展示
JQuery+Three.jsJQuery相较于以前,使用的频率已经越来越少了,但仍然有些公司会采用该框架进行一些项目的维护工作,基于此,对于有些想要在网站上展示3D模型的需求,结合
Three.js
来实现
ZM墨晖
·
2023-11-30 17:29
javascript
jquery
前端
vue2+three.js实现页面引入3d模型并进行简单模型控制
一、通过npm下载
three.js
相关插件npmithreegsap二、页面引入import*asTHREEfrom"three";//引入扩展库OrbitControls.jsimport{OrbitControls
赵大太阳
·
2023-11-30 17:58
javascript
3d
vue.js
前端
vue使用
three.js
实现外部加载模型的自动缩放的效果
效果图:具体实现的步骤:1、新建文件在src中创建views文件夹,在views中创建scale文件夹。在scale中创建components文件夹和index.vue文件,最后在components创建ModelScale.vue文件。2、BoxSwitch.vue文件中(1)、加载需要的js文件import*asTHREEfrom'three'import*asdatfrom'dat.gui'
菜鸟karroy
·
2023-11-30 16:23
three.js学习
vue使用threejs
threejs加载外部模型
实现自动缩放
VUE3+ThreeJs加载飞机模型且播放模型动画
介绍
Three.js
是一个3DJavaScript库,我们经常使用它加载各种不同格式的模型。
Etc.End
·
2023-11-30 16:53
three.js
typescript
前端
vue.js
开发语言
vue
VUE3+ VITE 使用
Three.js
展示3D模型
学习主要文献:1.threejs文件包下载和目录简介|
Three.js
中文网3D模型这里有下载网站:Sketchfab-Thebest3Dviewerontheweb(邮箱注册后有免费的模型下载)3D模型编辑软件
Jayce_he
·
2023-11-30 16:48
VUE
vue.js
前端
javascript
3d
three.js
加载3D模型(glb/gltf/fbx)
three.js
加载3D模型(glb/gltf/fbx)一、理解three:1.一个可以在某个3D建模软件打开的东西,通过某种方案在浏览器中打开;2.不要试图手动去创建3D图形,当然比较闲的话可以这样操作
DP323
·
2023-11-30 16:17
three.js
threejs/pltf
Vue+Three.js,三维3d模型 虚拟人 glb gltf
Part1:引入
three.js
项目文件夹里打开终端窗口,并运行:npminstall--savethree在需要使用
three.js
的组件内引入import*asTHREEfrom'three'Part2
南七小僧
·
2023-11-30 16:15
人工智能
三维重建
网站开发
javascript
vue.js
3d
如何跑通跨窗口渲染:multipleWindow3dScene
New这是一个跨窗口渲染的示例,用
Three.js
和localStorage在同一源(同产品窗口)上跨窗口设置3D场景。
心在不焉
·
2023-11-30 07:10
3d
mesh threejs 属性_ThreeJs 基础入门
本文来自网易云社区作者:唐钊
Three.js
是一款运行在浏览器中的3D引擎,你可以用它在web中创建各种三维场景,包括了摄影机、光影、材质等各种对象。使用它可以让我们更加直观的了解webgl的世界。
伍宁 华山胸外科
·
2023-11-29 17:48
mesh
threejs
属性
Threejs入门1-简介
简介
Three.js
是WebGL的JavaScript3D库,其对WebGL提供的接口进行了非常好的封装,简化了很多细节,大大降低了学习成本,成为前端开发者完成3D绘图的得力工具。
空谷足音 -จุ
·
2023-11-29 17:42
threejs
threejs
Threejs在vue中使用(场景、相机、渲染器、gltf模型添加、环境贴图等)
前言
Three.js
(Javascript3Dlibrary)是基于原生WebGL封装运行的三维引擎,WebGL可以看成是浏览器给我们提供的接口,在JavaScript中可以直接用这些API进行3D图形的绘制
兴芳
·
2023-11-29 17:41
threejs
vue
three.js
three.js
中GlTF模型渲染优化
在
Three.js
中渲染GlTF(GLTransmissionFormat)模型时,通常需要考虑模型优化和性能优化两个方面。
lock cylinder
·
2023-11-29 07:17
javascript
开发语言
ecmascript
three.js
中给场景中的对象添加贴图
给场景中的对象添加贴图.png1、
three.js
中的贴图类型:normalMap:法线贴图bumpMap:凹凸贴图envMap:环境贴图specularMap:高光贴图lightMap:光照贴图2、贴图原理
听书先生
·
2023-11-29 06:00
01-three_basic 使用
three.js
渲染第一个场景和物体
1.package.json{"name":"01-three_basic","version":"1.0.0","description":"","main":"index.js","scripts":{"dev":"parcelsrc/index.html","build":"parcelbuildsrc/index.html"},"author":"","license":"ISC","de
HHH 917
·
2023-11-29 01:59
three
javascript
开发语言
js
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他