OrbitControls

Three.js实现海洋与天空

navigation=ThreeJS&classify=shader&id=waterSkyimport*asTHREEfrom"three";import{OrbitControls}from'three
·2025-07-10 08:36

第二章、three.js开发入门与调试设置；

一、轨道控制器查看物体；1、基本概念轨道控制器（OrbitControls）可以使得相机围绕目标进行轨道运动；2、代码样例//七、创建轨道控制器（相机围绕着物体捕捉视角）constcontrols=newOrbitControls
前端小砖er·2025-06-30 09:18

three.js学习笔记(二十二)——混合HTML和WebGL

/style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/Orbi
weixin_43990650·2025-06-02 02:29

shader 圆形水波纹效果 threejs vue3

import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import
小猫猫改bug·2025-05-23 10:54

ThreeJS 官方案例学习（webgl_animation_skinning_blending）

ThreeJS官方案例学习（webgl_animation_skinning_blending）1.效果图2.源码import*asTHREEfrom"three";//导入控制器import{OrbitControls
每日一问终成大佬·2025-05-12 18:43

Three.js 实现与Echarts 图表结合使用

navigation=ThreeJS&classify=expand&id=combineEchartsimport*asTHREEfrom'three'import{OrbitControls}from'three
优雅永不过时··2025-05-11 03:54

three.js 实现烟雾， 火灾 烟雾 着火的效果

three.js实现烟雾，火灾烟雾着火的效果预览import*asTHREEfrom"three";import{OrbitControls}from"three/addons/controls/OrbitControls.js
优雅永不过时··2025-05-11 03:54

实现一个漂亮的Three.js 扫光地面 圆形贴图扫光

navigation=ThreeJS&classify=shader&id=circleWaveimport*asTHREEfrom'three'import{OrbitControls}from'three
优雅永不过时··2025-05-11 03:22

前后端分开架构下web vuejs三维立体three曲线设计入门

import*asTHREEfrom'three';import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";import
zjqhadoop·2025-04-08 11:11

vuejs入门three曲线图设计

import*asTHREEfrom'three';import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";import
zjqhadoop·2025-04-08 11:11

如何用 Three.js 和 Vue 3 实现 3D 商品展示

3.1创建Vue3项目并安装依赖3.2创建`ThreeDViewer.vue`组件四、加载3D商品模型4.1安装`GLTFLoader`4.2加载GLTF模型五、增加交互功能5.1旋转和缩放5.2添加`OrbitControls
前端极客探险家·2025-04-03 17:52

VUE项目引入Threejs加载模型文件

*asTHREEfrom"three";//引入Threejsimport{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader";import{OrbitControls
BUSTER丨·2025-03-06 04:15

粒子代码模块

top:0;left:0;width:100%;height:100%;}import*asTHREEfrom"https://cdn.skypack.dev/[email protected]";import{OrbitControls
倾听醉梦语·2025-03-05 02:04

在vue中使用threejs

记录在vue中使用threejs步骤：一、安装npminstallthree--save安装完成如下图：二、引入//引入threejs核心模块import*asTHREEfrom"three"//引入OrbitControls
慢步者_rambler·2025-02-15 22:46

Three 之 three.js （webgl）基础 第二个入门案例之汽车模型加载和简单模型展示

基础第二个入门案例之汽车模型加载和简单模型展示目录Three之three.js（webgl）基础第二个入门案例之汽车模型加载和简单模型展示一、简单介绍二、实现原理三、GLTF加载器（GLTFLoader）四、材质(Material)五、轨道控制器（OrbitControls
仙魁XAN·2025-02-06 00:21

ThreeJS实现波纹粒子效果

今天我们来用ThreeJS的库实现一个波纹粒子效果，我们用到的ThreeJS的库有CanvasRenderer.js，OrbitControls.js，Projector.js，stats.min.js
weixin_30500473·2025-01-27 20:23

threejs 复习笔记

import*asTHREEfrom'https://unpkg.com/[email protected]/build/three.module.js'import{OrbitControls}from'https
·2025-01-23 17:20

前端three.js的Sprite模拟下雪动画效果

一、效果如图所示：二、原理同下雨一样三、完整代码：index.jsimport*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls
qq_35430208·2024-09-15 20:02

three.js 加载STL模型补充遇到的问题

旋转问题three.js在开发的时候找到的指导文档提到的都是场景相机渲染初始化，相机控制器默认是轨道控制器OrbitControls。
代码搬运工娃哈哈呀娃哈哈·2024-09-08 02:49

3.js - 鸡蛋托

import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'import{GUI
一嘴一个橘子·2024-09-06 12:58

【Three.js基础学习】19.Custom models with Blender

/style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import
蚕食我的耐心·2024-08-29 08:33

若依/vue2引入threejs展示glb/gltf模型，以及画布截图功能

相关代码如下：1.安装依赖//"three":"^0.162.0",npminstallthree2.引入依赖，初始化画布并渲染模型//1.引入import*asTHREEfrom"three";import{OrbitControls
怎么吃不饱捏·2024-08-23 18:40

threejs 坐标系与三角函数的实践应用

有空的老铁关注一下我的抖音：效果：沿着圆弧批量创建多个小球//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm
汉武大帝··2024-02-08 19:30

three.js 箭头ArrowHelper的实践应用

效果：代码：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-02-08 19:30

three.js 匀速动画(向量表示速度)

效果：代码：1.匀速动画(向量表示速度)//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls
汉武大帝··2024-02-08 19:30

Three.js学习4：添加轨道控制器

轨道控制器（Orbitcontrols）可以使得相机围绕目标进行轨道运动。在Three.js里，轨道控制器可以通过鼠标左右键、鼠标滚动控制画面的上下左右旋转、移动、缩放，可以从多个角度观测目标物体。
stones4zd·2024-02-04 05:42

使用three.js加载3D模型

安装依赖yarnaddthreeply文件可从网上查找，加载对应的文件地址也可以换成线上地址varscene,mesh;import*asTHREEfrom'three'import{OrbitControls
懒惰的狮子·2024-02-03 17:29

three.js CSS2DRenderer、CSS2DObject渲染HTML标签

有空的老铁关注一下我的抖音：效果：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-02-02 11:18

three.js CSS3DRenderer、CSS3DSprite渲染HTML标签

有空的老铁关注一下我的抖音：效果://引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-02-02 11:18

three.js 中 OrbitControls.js 文件

import{EventDispatcher,MOUSE,Quaternion,Spherical,TOUCH,Vector2,Vector3}from'three';//Thissetofcontrolsperformsorbiting,dollying(zooming),andpanning.//UnlikeTrackballControls,itmaintainsthe"up"directi
汉武大帝··2024-02-02 11:48

three.js CSS3DRenderer、CSS3DObject渲染HTML标签

有空的老铁关注一下我的抖音：效果：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-02-02 10:14

Threejs API——`OrbitControls`相机控件

文章目录API用法APIOrbitControls相机控制用法导入import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import
博客zhu虎康·2024-02-01 09:42

three.js学习笔记(二十一)——页面加载进度条

/style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/e
hongsir_12·2024-01-30 20:36

threejs-day3(摄像机/阴影/雾/渲染目标/自定义缓冲几何体)

/three";import{OrbitControls}from"../..
小杰66·2024-01-29 13:30

three.js 鼠标选中模型弹出标签

效果：请关注抖音代码：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-01-29 05:54

three.js使用轨道控件OrbitControls控制相机(vue中使用three.js65)

使用轨道控件OrbitControls控制相机1.demo效果2.OrbitControls介绍3.实现要点3.1vue中引入OrbitControls控制器3.2创建轨道控件实例3.3render中更新轨道控件
点燃火柴·2024-01-29 04:43

THREE.js控制器OrbitControls控制物体旋转

因为OrbitControls控制器控制的是相机移动，移动后旋转的也是相机，观察物体时移动后旋转会跑到其他位置，做了一点小修改使之变为物体自身旋转。
艾黎先生·2024-01-29 04:12

three.js 轨道控制器的常用属性和初始化（OrbitControls）

2.初始化控制器（常用属性详解）首先引入外部包初始化varcontrols=newTHREE.OrbitControls(camera,renderer.domElement);//建立控制器controls.target
three小白白·2024-01-29 04:12

【Three.js】轨道控制器（OrbitControls）的使用

目录引入使用1、创建轨道控制器2、交互事件3、控制物体自动旋转4、启用阻尼（惯性）5、禁止平移6、禁止旋转完全禁止旋转禁止垂直旋转禁止水平旋转7、禁止缩放控制相机缩放范围8、设置轨道控制器焦点9、将控制器重置为某个状态10、其他方法引入轨道控制器可以使得相机围绕目标进行轨道运动。轨道控制器功能不可以通过three模块来直接访问，需要从example/jsm子目录下导入。import{OrbitCo
叶子yes·2024-01-29 04:42

threejs demo

/build/three.module.js"}}import*asTHREEfrom'three';import{OrbitControls}from'.
前端大颖颖·2024-01-22 12:55

three.js从入门到精通系列教程016 - three.js通过OrbitControls对立方体实现旋转和缩放

three.js从入门到精通系列教程016-three.js通过OrbitControls对立方体实现旋转和缩放/*通过OrbitControls.js可以对Threejs的三维场景进行缩放，平移，旋转操作
smartsmile2012·2024-01-21 16:41

three.js 缓动算法.easing(渐入相机动画)

效果：淡入，靠近物体代码：设备A设备B整体保存图片//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls
汉武大帝··2024-01-19 09:16

three.js 点按钮,相机飞行靠近观察设备

效果：点击按钮或直接点击模型都可以实现运动效果代码：设备A设备B整体保存图片//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples
汉武大帝··2024-01-18 16:13

【Three.js】第四章 Local Server本地服务器

例如，在以后的课程中，我们将需要访问OrbitControls该类，这在核心类中是不可用的。其次，当打开这样的HTML文件时，您的浏览器不会让JavaScri
顽皮宝·2024-01-18 11:16

WEB 3D技术 three.js 点光源

/style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/exam
-耿瑞-·2024-01-15 04:00

three.js 使用 tweenjs绘制相机运动动画

onStart：动画开始执行触发onUpdate：动画执行过程中，一直被调用执行onComplete：动画正常执行完触发//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls
汉武大帝··2024-01-14 19:04

three.js 变形动画原理示例

效果：代码：开始//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-01-14 19:34

three.js : tweenjs创建threejs动画

效果：代码开始//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js
汉武大帝··2024-01-14 19:34

three.js 关键帧动画

效果：代码：循环播放播放一次保持播放结束效果结束动画暂停2倍速循环播放控制动画播放特定时间开始(2秒)播放速度播放速度动画播放(拖动任意时间状态)//引入轨道控制器扩展库OrbitControls.jsimport
汉武大帝··2024-01-14 19:00

three.js 创建三维模型

安装three.jsnpminstallthree--save引入import*asTHREEfrom'three';//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls
inkbamboo·2024-01-14 17:48
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他