OrbitControls

微信小程序集成three.js--5.加载外部模型

/jsm/loaders/GLTFLoader'import{OrbitControls}from'../../jsm/controls/OrbitControls'
Ltanke·2022-12-30 16:32

微信小程序集成three.js--6.利用raycastor选择对象

/libs/three.weapp.js'import{OrbitControls}from'../..
Ltanke·2022-12-30 16:32

微信小程序集成three.js--VR全景项目源码

/jsm/loaders/GLTFLoader'import{OrbitControls}from'../../jsm/controls/OrbitControls'constapp=
Ltanke·2022-12-30 16:32

微信小程序集成three.js--1.创建各种光源的场景

/libs/three.weapp.js'import{OrbitControls}from'../..
Ltanke·2022-12-30 16:59

Uncaught ReferenceError: OrbitControls is not defined 轨道控制器使用 报错

需要手动导入在文件夹示例里面import{OrbitControls}from'three/examples/jsm/controls/OrbitControls';
_Rookie._·2022-12-25 17:03

three.js中轨道控制器（OrbitControls）详解：

Orbitcontrols（轨道控制器）可以使得相机围绕目标进行轨道运动1、代码示例：（以下我们以vue3.0项目为例）import{onMounted,onUnmounted,ref}from'vue
淡淡烟草味·2022-12-01 14:44

vue框架导入three/examples/js/controls/OrbitControls

npmInstallimports-loaderandexports-loader在webpack配置文件（webpack.config.js）当中modules.rules加入：{test:require.resolve("three/examples/js/controls/OrbitControls
wxj_web·2022-11-05 01:07

Three.JS VR看房

代码import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";import
yzhSWJ·2022-10-29 20:52

vite+vue3+ts+Threejs 实现vr全景看房

import*asTHREEfrom'three'import{TextureLoader}from'three'import{OrbitControls}from'three/examples/jsm
sheen~向阳·2022-10-29 20:51

vr全景看房的方案 three.js

core/Raycaster一.客户端，加载六张图及按钮位置，点击按钮删除旧的图及按钮，加载下一组图//@isanaliasto/srcimport*asTHREEfrom"three";import{OrbitControls
lxsssss·2022-10-15 01:50

vue+threejs写物体动画之物体缩放动画效果

下面是演示gif：代码说明准备一个id容器，用于插入渲染器节点引入threejs及需要的模块，并在mounted方法中调用initThreejs方法OrbitControls轨道控制器，用于画面响应鼠标的操作
·2022-10-06 16:35

THREE--demo15（拖放控制器）

效果源码import{useEffect,useRef}from'react'import*asTfrom'three'import{OrbitControls}from'three/examples/
梅花三·2022-09-29 19:40

uniapp 3D模型加载

注意：需要引入three.js,只支持Gbl文件的模型使用到renderjs，因为app不支持docment的操作import*asTHREEfrom"three";//OrbitControls是对Threejs
晓丶生·2022-09-16 16:17

three.js添加3d模型

导入依赖import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";//
xi12·2022-09-14 08:05

THREE.OrbitControls参数设置

1、控制视角(仰视角、俯视角、水平方向视角)2、控制鼠标缩放大小3、控制旋转速度…this.controls=newOrbitControls(this.camera,this.renderer.domElement)this.controls.mouseButtons={LEFT:THREE.MOUSE.ROTATE,MIDDLE:THREE.MOUSE.DOLLY,RIGHT:THREE.MO
风如白话·2022-09-05 19:31

ThreeJS学习记录（三）监听鼠标点击和移动

监听鼠标移动，几何体变大变小监听鼠标点击，弹出信息使用方法：Raycasterimport*asTHREEfrom'three'import{OrbitControls}from'three/examples
·2022-07-12 16:33

three.js实现3d全景看房示例

threejs安装与使用3D世界的三剑客场景（scene）相机（camera）透视相机正交投影相机渲染器（renderer）世界雏形造物几何体（geometry）材质（material）渲染循环轨道控制器（OrbitControls
·2022-07-09 17:09

three贴图地面，雾气，克隆，贴图，打印所有模型，模型光源

import*asTHREEfrom'three';import{GLTFLoader}from'three/examples/jsm/loaders/GLTFLoader'import{OrbitControls
大得369·2022-03-19 23:16

使用Three.js 实现虎年春节3D创意页面

本文包含的知识点主要包括：ShadowMaterial、MeshPhongMaterial两种基本材质的使用、使用LoadingManager展示模型加载进度、OrbitControls的缓动动画、TWEEN
·2022-03-09 12:30

基于three.js开发可视化应用经验总结

文章目录背景简介技术方案介绍及对比WebglThree.jsWEBGL和Three.js的关系具体应用过程星空背景流线汇聚效果行政分区环形选择器Three.js中使用TWEEN插件实现动画使用orbitcontrols
lovelygugu·2022-02-19 07:55

【转】Three.js mousedown不触发

但是试了好久mousedown事件怎么都不触发，最后发现是和OrbitControls冲突了。
长夏丶低吟·2021-06-11 17:25

自定义一个基础工具类

包含基础场景和相机设置、窗口自适应、调试工具类（适用于同一个项目需要使用多个场景的情况）import*asTHREEfrom'three'importOrbitControlsfrom'@/lib/tools/orbitControls'importStatsfrom
FayHu·2021-06-06 17:44

three.js中OrbitControls.js的属性与方法

构造函数参数数说明newTHREE.OrbitControls(object:Camera,domElement:HTMLDOMElement)object:控制的相机domElement：可选的，指定在特定的元素
Zmikoo成长之路·2021-04-26 11:55

vue使用threejs加载glb或者gltf模型，以及踩坑

需要在组件内引入下列的东西import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'import
·2021-04-02 19:05

threeJS加载gltf模型

模型初体验主要代码模型网站主要代码import*asTHREEfrom'three'import{GLTFLoader}from'three/examples/jsm/loaders/GLTFLoader'import{OrbitControls
喵喵虫·2020-12-12 20:21

高德地图嵌入到threejs全景中的踩坑指南

项目中用到了THREE.OrbitControls,还要内嵌HTML结构(高德地图),我这边采用的是THREE.CSS3DObject.这导致了一个问题--由于OrbitControls必须将事件绑定到
weixin_33810302·2020-09-17 00:59

THREE.js 利用OrbitControls实现摄影机切换

其构造函数如下：OrbitControls(object:Camera,domElement:HTMLDOM
Arururururu·2020-09-14 23:13

Three.js学习笔记-OrbitControls.js让摄像机围绕目标旋转

varcamera=newTHREE.PerspectiveCamera(45,window.innerWidth/window.innerHeight,1,10000);varcontrols=newTHREE.OrbitControls
fewbadboy·2020-09-14 23:35

Three.JS模块化引入轨道控制器OrbitControls.JS（ES6语法）

模块中引入OrbitControlsthree.js模块化开发亲测可用的引入方式报错:UnabletopreventDefaultinsidepassiveeventlistener查询博客得知解决办法three.js模块化开发项目中用到Three.js来构建场景，现在想用ES6语法将代码重构一遍，投入模块化开发的怀抱。同时也将这个过程中的经验记录下来，当作知识点备用。环境是vue-cli^4.1
端午的一天·2020-09-14 22:21

three.js学习：react + OrbitControls is not a constructor 问题处理

1.在当前页引入OrbitControlsimport"three/example/js/controls/OrbitControls"2.进入three/example/js/controls/OrbitControls
贝茵斯都·2020-09-14 22:47

threejs 第三天加载一个静态模型

,window.innerWidth/window.innerHeight,1,2000);camera.position.set(100,200,300);varcontrols=newTHREE.OrbitControls
falconlulu·2020-09-12 18:31

如何在vue中使用three.js并实现基本模型的加载与动画实现

asTHREEfrom“three/build/three.module.js”;importStatsfrom“three/examples/jsm/libs/stats.module.js”;import{OrbitControls
嘻嘻哈哈走天下·2020-09-12 16:58

threejs修改滚轮移动的缩放倍数

这篇博客里实现了“鼠标上下滑轮实现放大缩小”的效果：//监听鼠标滚动事件canvas.addEventListener('mousewheel',mousewheel,false);（1）搜索本项目已经使用的OrbitControls.js
luxiaopengyou·2020-09-12 16:42

VUE Three.js 加载FBX模型并根据模型大小定位摄像机初始位置并可以全屏并可以有测量长度功能....并封装成组件

cnpminstallthree就好至于FBX导入相机控制就单独引入就好比如：import{FBXLoader}from'three/examples/jsm/loaders/FBXLoader'import{OrbitControls
火柴颜·2020-09-11 21:28

@vue/cli使用threejs时遇到的问题

如：网上有很多用vue2.0+版本，而开发版本是vue3.0+版本；three有使用的是107之前的版本，而插件使用的是107+版本；怎么使用three的内部插件如：OrbitControls。
luoxingchen·2020-09-11 02:54

three.js 小坑(一)

1.设置setClearColor:0xff0000,这种本来就是可识别的,不需要添加引号2.OrbitControls:如果在render时重新指定了camera的target,那么会影响OrbitControl
洋洋袁·2020-08-24 08:26

Three.js实战--修改OrbitControls的按键

Three.js实战--修改OrbitControls的按键在Three场景中我们经常会用到OrbitControls的控制方式，但这种控制方式下，鼠标左键为旋转视角，鼠标中键为拉伸视角，鼠标右键为平移视角
北冥木鱼·2020-08-21 13:33

vue用Three.js点精灵绘制森林

首先需要一个页面：import*asTHREEfrom'three';import*asOrbitControlsfrom'three-orbitcontrols';import{TextureLoader
Charlie。·2020-08-19 15:25

ThreeJs案例三 控件旋转缩放放大

1、实现步骤1、引入控件文件2、创建控件对象varcontrols=newTHREE.OrbitControls(m_Camera,m_Renderer.domElement);//创建控件对象3、为控件对象添加事件监听函数
@lazypet~·2020-08-15 00:48

threejs：鼠标拖动物体旋转、平移、缩放

例程来源：Three.js零基础入门教程第1.1和1.3节js库：OrbitControls.js实现代码：functionrender(){renderer.render(scene,camera);
陈学俊·2020-08-15 00:48

Threejs根据鼠标动态改变controls的target（缩放中心点）

好久没更新博客了，记下一笔最近看到很多公司的产品的鼠标交互部分，controls的缩放中心不是固定的，比如这个，这个鼠标的交互方式跟我们平常用到的OrbitControls或者TrackballControls
pengpai123·2020-08-14 23:31

Three.js入门学习笔记08：OrbitControls.js插件-鼠标控制模型旋转，放大缩小，平移等

学习参考https://blog.csdn.net/qq_30100043/article/details/79606355一.引入1.引入OrbitControls.js文件，在three.js官方下载压缩包里找到二
jbwhysy·2020-08-14 23:32

THREEJS的鼠标事件实现（中心旋转，放大缩小等）

最近使用threejs自带的TrackballControls.js或者OrbitControls.js发现一个问题：在场景中在一个平行光，当移动物体时，背面始终是黑的，因为没有光照，（本质就是因为使用自带的滚动求
bianbianbian1·2020-08-14 22:36

three.js鼠标控制物体旋转

移动旋转物体可以使用Three.js提供的OrbitControls.js，也可以手动写控制器。原理：获取鼠标点击的位置与移动的距离，根据移动的距离计算出大概旋转的角度。
weixin_34166847·2020-08-14 03:46

threejs 实现3d全景 鼠标 旋转

1、引入，请修改OrbitControls对应的地址2、创建对象functioninitControls(){controls=newTHREE.OrbitControls(camera);controls.addEventListener
feng_hai_·2020-08-11 11:29

Three.js OrbitControls.js让摄像机围绕目标旋转

varcamera=newTHREE.PerspectiveCamera(45,window.innerWidth/window.innerHeight,1,10000);varcontrols=newTHREE.OrbitControls
蜗牛速度额·2020-08-07 20:45

vue+threejs通过OrbitControls控制模型

最近在学习threejs，因为都是在html写的，所以自己想结合vue去实现threejs的3D模型，然后遇到了许多坑[说多了都是泪]其他的坑就不多说了下面实现一下引入OrbitControls控制模型参考了
攻城狮YanGo·2020-08-05 11:13

[webGL学习]基于three.js构建WebGL实例第一讲

我们主要做些的基本功能：创建一个场景，相机，渲染器，控制器（OrbitControls）。我们也将创建简单的定向光，加上一些对象（不同的几何形状）的阴影。
刘玉刚·2020-08-01 09:51

threeJS 双场景双相机创建立方体环境贴图和全景贴图

/js/three.module.js";import{OrbitControls}from"./js/OrbitCo
Kinghiee·2020-07-29 11:42

three.js轨道控制器OrbitControls.js

学习交流欢迎加群：789723098，博主会将一些demo整理共享轨道控制器OrbitControls.js是一个相当神奇的控件，用它可以实现场景用鼠标交互，让场景动起来，控制场景的旋转、平移，缩放，下面介绍轨道控制器的代码实现方式
Bruce_wjh·2020-07-29 11:49
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他