![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
threejs
伪成年_young
博客笔记,记录开发中所想所得......
展开
-
threejs射线拾取对象THREE.Raycaster()
let pickPosition={ x:-100000 , y:-100000 }//初始化射线位置//通过屏幕位置,获取射线位置getPickPosition(event){ let width =window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth let height =window.innerHeight || document.documentElement.c原创 2022-03-23 17:33:08 · 1094 阅读 · 0 评论 -
threejs性能优化,clone(),Object3D(),remove()
在绘制threejs场景的过程中,可能需要很多相似的几何体,如果每次都创建新的,会影响性能,所以建议使用克隆。//创建网格var scene = new THREE.Scene();createNewMesh(){ var geometry = new THREE.BoxGeometry(100, 100, 100); //创建一个立方体几何对象Geometry var material = new THREE.MeshLambertMaterial({ color: 0x原创 2022-03-23 16:44:05 · 1072 阅读 · 0 评论 -
threejs中添加GLTF模型
1、引入GLTF加载器import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';2、加载模型getGltfModel(){ const loader = new GLTFLoader(); loader.load( '模型绝对位置.../model/Unity2GLTF.gltf', function ( gltf ) { let root = gltf.scene this.scene.add( root原创 2022-03-23 15:19:52 · 3456 阅读 · 0 评论 -
threejs基本使用方法
1、基本使用案例import * as THREE from "three";//有些功能需要单独引入,如下://1、轨道控制器,可以使得相机围绕目标进行轨道运动。import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls.js';//2、第一人称控制器import { FirstPersonControls } from 'three/examples/jsm/controls/FirstPersonContro原创 2022-03-23 11:41:58 · 1569 阅读 · 0 评论