jsm 第2页

基于vue与three.js给模型添加标签（CSS2DRenderer与CSS2DObject）

第一步，引入import{CSS2DRenderer,CSS2DObject,}from"three/examples/jsm/renderers/CSS2DRenderer.js";第二步，创建渲染器

printf_824·2023-12-20 21:53

three.js聚光源SpotLight例子

并对球缓冲几何体使用了纹理贴图效果，添加了聚光源，全部代码如下：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm

汉武大帝··2023-12-17 04:38

three.js实现管道漫游

importDrawerfrom"@/components/Drawer.vue";//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm

汉武大帝··2023-12-17 04:38

three.js模拟太阳系

地球的旋转轨迹目前设置为了圆形，效果：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/

汉武大帝··2023-12-17 04:32

创建一个有阴影的threejs三维几何体

import*asTHREEfrom"three"import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'constwidth

奚大野...·2023-12-15 17:08

three.js导入fbx模型文件

/jsm/controls/OrbitControls.js';import{FBXLoader}from'./jsm/loaders/FBXLoad

生蚝吃我·2023-12-02 10:30

vue使用three.js 加载glb，gltf，obj，并做点击处理

asTHREEfrom'three';import{OBJLoader,MTLLoader}from'three-obj-mtl-loader';//objimport{GLTFLoader}from'three/examples/jsm

苦涩！·2023-11-30 17:59

VUE+Three.js引用外部模型

static放置模型文件文件目录3，在页面引入threeimport*asTHREEfrom"three";//引入Threejsimport{GLTFLoader}from"three/examples/jsm

IDIOT?LIFE·2023-11-30 16:54

vue+three.js+glb模型

运行结果完整代码，复制到页面可用import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import

女程序媛的修炼笔记·2023-11-30 16:24

上传本地pcd文件，并用threejs渲染

上代码：import*asTHREEfrom'three';import{PCDLoader}from'three/examples/jsm/loaders/PCDLoader.js'//注意是examples

加油小吃货·2023-11-27 20:12

three.js上传模型文件并加载显示

onMounted,getCurrentInstance}from'vue'import*asTHREEfrom'three'import{OBJLoader}from'three/examples/jsm

江苏省精神病院玛主任·2023-11-22 17:46

学习 Three.js (4) —— BufferGeometry()

BufferGeometry()来描绘一个几何体//three.jsimport*asTHREEfrom"three";//导入轨道控制器import{OrbitControls}from"three/examples/jsm

MatchaEmerald·2023-11-21 09:03

threejs、TWEEN、光晕效果的简单使用

依赖npmithree引包import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import

且白·2023-11-17 11:54

threejs(12)-着色器打造烟雾水云效果

一、自己封装水波纹效果src/main/main01.jsimport*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls

拾荒李·2023-11-13 04:36

threejs(11)-shader着色器打造漫天飞舞孔明灯

src/main/main.jsimport*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls

拾荒李·2023-11-13 04:01

vue使用three.js加载.FBX模型文件

tween.js2.封装组件draw.vue放在components中import*asTHREEfrom'three';//三维import{OrbitControls}from'three/examples/jsm

这名字真不好起·2023-11-11 15:47

three.js CSS3DRenderer报错 is not a constructor

import{CSS3DRenderer,CSS3DObject,}from"three/examples/jsm/renderers/CSS3DRenderer";letcss3DRenderer=newCSS3DRenderer

Douias·2023-11-07 06:14

使用CSS2DRenderer在3D项目中创建Label标签并添加点击事件（代替鼠标射线检测）

/libs/threejs/jsm/renderers/CSS2DRenderer.js";varcamera,scene,renderer,labelRenderer;创建场景相机灯光加载模型等代码省略创建渲染器的同时创建一个

Zmikoo_zyx·2023-11-07 06:10

threejs CSS3DRenderer添加标签并设置朝向摄像机

一.由于CSS3DRenderer是附加组件，必须显式导入import{CSS3DRenderer,CSS3DObject}from'three/examples/jsm/renderers/CSS3DRenderer.js

给你六圆钱·2023-11-07 06:36

基于ThreeJS的3D地球

先开效果图吧一：添加必要的依赖yarnaddthreeyarnaddtweenimport*asTHREEfrom"three"import{OrbitControls}from"three/examples/jsm

你怎么瘦的像条狗一样·2023-11-03 20:57

vue+THREE.js实现月球围绕地球转动

import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'//控制器import

天下___布武·2023-11-03 20:56

【案例】3D地球（vue+three.js）

/map.json';import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";exportdefault{//components

~牧马~·2023-11-03 20:23

three.js加vue2实现.glb渲染，旋转元素，放大缩小，以及元素点击事件

import*asTHREEfrom"three";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader";import{OrbitControls

printf_824·2023-11-01 08:28

v3+three.js鼠标触碰物体高亮显示文字

import{onMounted,ref}from"vue";importStatsfrom'three/examples/jsm/libs/stats.module.js'import*asTHREEfrom"three

少年包青菜·2023-10-30 20:11

v3+three.js触碰物体加载模型边缘高亮

webgl_postprocessing_outline.htmlimport{onMounted,ref}from"vue";import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm

少年包青菜·2023-10-30 20:11

微信小程序加载3D模型

技术栈：Three.js插件：ThreeX要求：模型格式GLB需要挂载在服务器或者是个链接都可以文件目录：jsm是本地依赖包代码：wxmljs//webgl_nodes/webgl_nodes_loader_gltf_sheen.jsimport

⁡⁢⁡⁢⁠Ac·2023-10-30 14:27

threejs(8)-详解光线投射与物体交互

详解光线投射与物体交互import*asTHREEfrom"three";//导入轨道控制器import{OrbitControls}from"three/examples/jsm/controls/OrbitControls

拾荒李·2023-10-28 15:33

threejs(7)-精通粒子特效

newTHREE.PointsMaterial();import*asTHREEfrom"three";//导入轨道控制器import{OrbitControls}from"three/examples/jsm

拾荒李·2023-10-28 15:23

threejs(5)-详解灯光与阴影

advisor/npm-package/gsapimport*asTHREEfrom"three";//导入轨道控制器import{OrbitControls}from"three/examples/jsm

拾荒李·2023-10-26 22:33

threejs(6)-操控物体实现家居编辑器

//导入threejsimport*asTHREEfrom"three";//导入轨道控制器import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js

拾荒李·2023-10-26 21:48

threejs(4)-纹理材质高级操作

纹理重复_缩放_旋转_位移操作//导入threejsimport*asTHREEfrom"three";//导入轨道控制器import{OrbitControls}from"three/examples/jsm

拾荒李·2023-10-25 22:43

three.js学习笔记(二十)——性能优化提示

/style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js

hongsir_12·2023-10-19 11:17

vue-three 引入fbx模型

.fbx文件需放在public目录下image.pngimport{FBXLoader}from"three/examples/jsm/loaders/FBXLoader";mounted(){this.mod

name_howe·2023-10-18 04:05

threejs中dat.gui的使用详细介绍

一、引入vue中引入：import{GUI}from'three/examples/jsm/libs/lil-gui.module.min'二、创建实例constgui=

慢步者_rambler·2023-10-16 17:44

Threejs进阶之三：通过GUI修改gltf模型(摩托车)颜色

这一节我们继续对摩托车场景进行优化，我们通过GUI来控制摩托车各个部位颜色的修改先看下修改后的最终效果引入GUI在motor3d.js中通过import引入GUI插件import{GUI}from'three/examples/jsm

九仞山·2023-10-16 17:42

v3+three.js使用GUI调试器

from"vue";import{GUI}from'three/addons/libs/lil-gui.module.min.js';//实时查看性能importStatsfrom'three/examples/jsm

少年包青菜·2023-10-16 17:38

【JWT】解密JWT：让您的Web应用程序更安全、更高效的神秘令牌

工作原理JWT验证过程JWT刷新二.为什么要使用JWT三.JWT如何使用【工具类】四.案例演示【JWT的强大】1.没有用jwt2.用了jwtweb.xml过滤器（跨域问题）JWT验证过滤器state.jsm

是辉辉啦·2023-10-15 01:22

Vue + three.js入门基础：添加几何体、移动缩放（完整代码）

引入库//先npm安装npmithree--save//后在页面中引入import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm

我要睡觉了~·2023-10-13 14:44

Three.js入门（涉及如何让平面物体变成立体的、添加坐标辅助系、物体移动）

1.在最开始导入轨道控制器：import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'2.创建轨道控制器：constcontro

TeresaPeng_zju·2023-10-10 00:02

three.js

Releases·mrdoob/three.js·GitHub如果使用前端框架，需要先安装three.js，然后引入即可使用npmithree--save除了核心库外，还有一些扩展库在example/jsm

Goat恶霸詹姆斯·2023-10-07 12:11

vue 访问本地文件相对路径文件目录 three.js 加载模型

前面比较顺利，在加载文件时遇到了问题（GLTFLoader）这些我都有import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm

emongol·2023-09-29 22:41

Three.js学习 - 鼠标操作三维场景（二）

引入JS:import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js';添加鼠标监听OrbitControls.js控件支持鼠标左中右键操作和键盘方向键操作场景操作缩放

码代码的肥猫·2023-09-29 11:46

threejs 实现模型拖拽功能

圣京都·2023-09-29 10:44

threejs 反射的实现

引入库//主要import{SSRPass,SSRPassParams}from'three/examples/jsm/postprocessing/SSRPass';import{EffectComposer

憨豆人生·2023-09-25 07:37

ThreeJs 学习之旅(十八)—Realistic render(真实渲染)

/style.css";import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js

Florenza·2023-09-22 19:23

前端开发笔记之three.js基本语法

/three.js/examples/jsm/"}}//vue或react引入three插件npminstallthree--sav

往事随风，唯有技术·2023-09-22 17:03

【前端知识】Three 学习日志（四）—— 相机控件

/examples/jsm/"}}//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from'three/addons/controls/OrbitControls.j

前端Outman·2023-09-22 07:47

three.js——GUI的使用

GUI的使用效果图1、导入gui2、创建一个GUI对象3、通过gui调用方法name:按钮的名称效果图1、导入gui//导入liguiimport{GUI}from'three/examples/jsm

冯浩(grow up)·2023-09-19 12:19

threeJs 样例，webgl2_volume_perlin的修改

/jsm/"}}

从杰·2023-09-19 03:32

vue2+three.js+blender（实现3d 模型引入并可点击效果）

并可以实现拖动，点击的效果：首先安装：npminstallthree相关代码如下：import*asTHREEfrom'three'import{GLTFLoader}from'three/examples/jsm

爱写代码的派大星·2023-09-17 11:49

推荐频道

jsm