OrbitControls 第2页

three.js实现电子围栏效果（纹理贴图）

实现步骤围栏的坐标坐标转换为几何体顶点，uv顶点坐标加载贴图，移动图例代码import{ref,onMounted}from"vue";import*asTHREEfrom"three";import{OrbitControls

是云呀！·2024-01-05 13:35

WEB 3D技术 three.js 法向量演示性讲解

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

-耿瑞-·2024-01-04 23:23

three.js: gltf模型设置发光描边

效果：代码：发光描边//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js

汉武大帝··2024-01-04 12:09

three.js gltf后处理颜色异常(伽马校正)

效果：应用了伽马校正，好像效果不明显代码：发光描边//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls

汉武大帝··2024-01-04 12:34

three.js加载全景hdr（官网案例）

three.js加载全景hdr（官网案例）效果代码import{ref,onMounted}from"vue";import*asTHREEfrom"three";import{OrbitControls

是云呀！·2024-01-04 06:58

three.js 多通道组合

action=onClickhttps://blog.csdn.net/webMinStudent/article/details/130786714//引入轨道控制器扩展库OrbitControls.jsimport

汉武大帝··2024-01-03 11:01

three.js实现点击选中模型，模型描边高亮效果

判断模型是否选中EffectComposer.js进行后期处理，添加描边高亮效果import{ref,onMounted}from"vue";import*asTHREEfrom"three";import{OrbitControls

是云呀！·2024-01-03 08:53

three.js实现点击选中模型

鼠标点击的位置创建一条射线intersectObjects判断射线有没有与模型相交import{ref,onMounted}from"vue";import*asTHREEfrom"three";import{OrbitControls

是云呀！·2024-01-03 08:53

three.js给模型添加标签三种方式对比（矩形平面，精灵图，CSS2DObject）

给模型添加标签三种方式对比（矩形平面，精灵图，CSS2DObject）vue3实现，代码如下代码import{ref,onMounted}from"vue";import*asTHREEfrom"three";import{OrbitControls

是云呀！·2024-01-03 08:46

WEB 3D技术 three.js通过光线投射完成几何体与外界的事件交互

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

-耿瑞-·2024-01-01 22:23

Vue ThreeJs实现银河系行星运动

预览可通过右上角调整参数，进行光影练习代码import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'import

jingzhi1230·2023-12-29 19:01

vue2 threejs基础知识

savedat.gui纹理素材下载地址例子1自转和公转时间动画缓冲几何图形//引入three包最新版import*asTHREEfrom'three'//鼠标控制器需要threejs高版本import{OrbitControls

时光浅止·2023-12-29 18:02

Three.js 全景图（标注偏移、显示不全的问题记录）

vr全景的功能，过程中遇到了标注偏移、标注图标显示不全的问题，在此做个记录1.VR全景实现原理构建three.js基本要素（场景、相机、渲染器）在场景中创建一个球体将相机放置在球体内部，添加轨道控制器（OrbitControls

vagabond_·2023-12-29 18:32

vue中使用three.js加载3d模型，绑定 mouseup 和 mousedown 事件不起作用

vue中使用three.js加载3d模型，绑定mouseup和mousedown事件不起作用在Three场景中，如果想要对鼠标进行操作就要引入OrbitControls.js文件，在这种控制方式下，鼠标左键为旋转视角

qq_37656005·2023-12-29 18:29

Three.js基础入门介绍——Three.js学习三【借助控制器操作相机】

Three.js基础入门介绍——Three.js学习二【极简入门】中介绍了如何搭建Three.js开发环境并实现一个包含旋转立方体的场景示例，以此为前提，本篇将引进一个控制器的概念并使用”轨道控制器”（OrbitControls

小猪猪哟·2023-12-28 19:39

three.js使用精灵模型Sprite渲染森林

效果：源码：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js

汉武大帝··2023-12-25 20:51

three.js后处理(发光描边OutlinePass描边样式

效果：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js

汉武大帝··2023-12-25 20:47

three.js实战模拟VR全景视图

import{onMounted}from"vue";import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/con

说学逗唱攻城狮·2023-12-23 12:54

three.js聚光源SpotLight例子

这里创建了SphereGeometry球缓冲几何体，使用的材质是兰伯特网格材质MeshLambertMaterial，并对球缓冲几何体使用了纹理贴图效果，添加了聚光源，全部代码如下：//引入轨道控制器扩展库OrbitControls.jsimport

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

three.js实现管道漫游

https://live.csdn.net/v/345285虫洞风格管道风格开始漫游结束漫游importDrawerfrom"@/components/Drawer.vue";//引入轨道控制器扩展库OrbitControls.jsimport

汉武大帝··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中文网14入门案例

Three.js中文网import*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls/OrbitControls.js

夏暖冬凉·2023-12-15 17:49

Three.js中文网1-12入门案例

Three.js中文网import*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls/OrbitControls.js

夏暖冬凉·2023-12-15 17:41

Threejs之相机基础

Three.jsv0.155.0正投影相机正投影相机-Canvas尺寸变化包围盒Box3地图案例(包围盒、正投影)相机动画(.position和.lookAt())不同方向的投影视图旋转渲染结果(.up相机上方向)管道漫游案例OrbitControls

开心就是最好·2023-12-15 11:43

three.js导入fbx模型文件

/build/three.module.js';import{OrbitControls}from'.

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

vue2+three.js实现页面引入3d模型并进行简单模型控制

赵大太阳·2023-11-30 17:58

VUE+Three.js引用外部模型

1，安装three和three-orbitcontrolsnpmi-sthreenpmithree-orbitcontrols2，在public下面创建static放置模型文件文件目录3，在页面引入threeimport

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

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

方法就是用于构建三角形的核心方法；这一篇来介绍如何使用BufferGeometry()来描绘一个几何体//three.jsimport*asTHREEfrom"three";//导入轨道控制器import{OrbitControls

MatchaEmerald·2023-11-21 09:03

three.js相机调用reset方法复原但无法完全复原

this.orbitControls.reset()二、原因1.设置了阻尼系数：注释掉阻尼系数就好了//this.cameraControls.enableDamping=true;//

琹箐·2023-11-18 23:13

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

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

且白·2023-11-17 11:54

Three.js - 使用着色器材质绘制立方体（三十）

/file/three.js-dev/build/three.module.js'import{OrbitControls}from'./file/three.j

nie-ny·2023-11-16 12:27

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项目中使用ThreeJs加载外部的obj模型文件

npminstallthreenpminstallthree-orbitcontrolsnpminstallthree-obj-mtl-loader2、实现代码import*asThreefrom'three'importOrbitControlsfrom'three-orbitcontrols'import

北辰//·2023-11-11 15:23

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

//tween.js依赖yarnadd@tweenjs/tween.js2.封装组件draw.vue放在components中import*asTHREEfrom'three';//三维import{OrbitControls

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

集装箱货物装箱3D模型

使用three，three-orbitcontrols写一个3D的模型，显示货物在集装箱中的分布情况，点击对应的模型会显示模型的信息/*eslint-disablereact/no-array-index-key

qq_2417580538·2023-11-09 02:23

ThreeJs CSS2DRenderer、OrbitControls 鼠标事件问题

一、场景A：在ThreeJs3D场景中国使用CSS2DRenderer渲染Html元素，OrbitControls功能失效原因分析：CSS2DRenderer渲染器会在页面渲染出一个Div，里面包含自定义的

小卡雷尔·2023-11-07 06:09

threejs 添加 CSS2DRenderer 导致 OrbitControls 控制器不能移动

threejs添加CSS2DRenderer导致OrbitControls控制器不能移动标签渲染器CSS2DRenderer会创建出一个div元素，有时因为位置原因导致OrbitControls不能移动

超级小白猿·2023-11-07 06:38

基于three.js构建3D全景图

以最简单的方式实现3D全景色import*asTHREEfrom'three'import{OrbitControls}from'.

我的征途是星辰大海1992·2023-11-06 23:39

three.js 航拍全景图(+陀螺仪)

3.标注完成后点击上传按钮)import*asTHREEfrom"three";import{OrbitControls}from"three/example

西瓜味白桃汽水·2023-11-06 23:04

Three.js之加载外部三维模型

参考资料建模软件绘制3D场景…加载.gltf文件(模型加载全流程)知识点注：基于Three.jsv0.155.0三维建模软件gltf格式加载.gltf文件OrbitControls辅助设置相机参数：相机位置

开心就是最好·2023-11-05 16:51

基于ThreeJS的3D地球

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

你怎么瘦的像条狗一样·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

React Three.js 增加hdr环境贴图和背景图片的方法

from'react'import{Canvas,useThree,useLoader}from'@react-three/fiber'import*asTHREEfrom'three'import{OrbitControls

VRlook·2023-11-01 17:59

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

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

printf_824·2023-11-01 08:28

Three.js - 光源（九）

创建基本场景import*asTHREEfrom'https://threejs.org/build/three.module.js'import{OrbitControls}from'https://

nie-ny·2023-10-31 09:16

Three.js相机控件OrbitControls

Three.js相机控件OrbitControls通过Three.js的相机控件OrbitControls.js可以对Threejs的三维场景进行缩放、平移、旋转操作，本质上改变的并不是场景，而是相机的参数

郭隆邦技术博客·2023-10-31 09:14

推荐频道

OrbitControls