文章分类 - three.js

Three-js-3D模型的自适应大小

摘要：// // Boilerplate var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); var 阅读全文

posted @ 2023-02-02 11:01 过好每一天2022 阅读(543) 评论(0) 推荐(0) 编辑

物理引擎-oimo

摘要：#引入模块 import * as Oimo from "oimo"; #创建世界 let world = new Oimo.World({ timestep: 1 / 60, iterations: 8, broadphase: 2, // 1 brute force, 2 sweep and p 阅读全文

posted @ 2023-02-02 11:01 过好每一天2022 阅读(147) 评论(0) 推荐(0) 编辑

THREE-中动画保存JSON的转化动画的问题

摘要：#问题：使用线程保存动画JSON数据 1.使用worker进行保存时，变量必须可复制。可以使用 AnimationClip toJSON 转换字符串方法。注意： 1.将一个AnimationClip 对象直接通过JSON.stringify( )转换成json对象后再用 json对象重建An 阅读全文

posted @ 2023-02-02 11:01 过好每一天2022 阅读(93) 评论(0) 推荐(0) 编辑

模型居中2-0

摘要：模型居中 const box = new THREE.Box3().setFromObject(object) const size = box.getSize(new THREE.Vector3()).length() const center = box.getCenter(new THREE. 阅读全文

posted @ 2023-02-02 11:01 过好每一天2022 阅读(11) 评论(0) 推荐(0) 编辑

模型对象缓存0-1-版

摘要：<template> <div></div> </template> <script> import * as THREE from 'three' import Dexie from 'dexie' import Worker from './model.worker.js' export def 阅读全文

posted @ 2023-02-02 11:01 过好每一天2022 阅读(11) 评论(0) 推荐(0) 编辑

模型居中

摘要：object.updateWorldMatrix不是函数 ##我的目标是将加载的GLTF对象放在屏幕中央。这是我正在使用的代码： this.gltfLoader.load("/corolla.gltf", (object) => { const box = new THREE.Box3().setF 阅读全文

posted @ 2023-02-02 11:01 过好每一天2022 阅读(18) 评论(0) 推荐(0) 编辑

Three-小地图-解决帧率过低问题

摘要：###问题：我们使用的是在一个场景内使用两个视像头，一个正交摄像头，一个透视摄像头透视相机：渲染人眼正常看到场景面正交相机：从模型上边渲染的视角：当作小地图缺点：场景内模型过多，渲染两遍，帧率过低 ###解决方法 a. 一个渲染器：负责渲染 b. 主 scene ：有两个相机，透视&&正阅读全文

posted @ 2023-02-02 11:01 过好每一天2022 阅读(200) 评论(0) 推荐(0) 编辑