threeJs
圣京都
自由 博爱 友爱 公平 共享
展开
-
threejs优化网站集合
Three 之 three.js (webgl)性能优化、提高帧率的思路/方向整理原创 2022-11-08 16:19:00 · 176 阅读 · 0 评论 -
threejs 如何控制模型的移动范围,即对摄像头的控制
控制模型移动范围原创 2022-10-28 16:48:58 · 2473 阅读 · 4 评论 -
threejs 辉光的使用 在vue
threejs 辉光原创 2022-06-24 14:14:06 · 577 阅读 · 1 评论 -
threejs加载GLTF
import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js"; // gltf加载器initModel() { let self = this; var loader = new GLTFLoader(); loader.load("/static/obj/2.gltf", function(gltf) { //创建纹理 self.scene.ad原创 2022-02-16 14:21:42 · 1814 阅读 · 0 评论 -
threejs 实现模型拖拽功能
导入相关插件import { DragControls } from "three/examples/jsm/controls/DragControls"; //拖拽控件 import { TransformControls } from "three/examples/jsm/controls/TransformControls"; //可视化平移控件代码objects 为存储移动的mesh模型。<template> <div id="myThree" ref=原创 2021-11-03 14:34:53 · 5218 阅读 · 6 评论 -
threejs+vue房子模型,实现BSP模型剪切,导入obj+mtl文件
threejs版本选择"dependencies": { "@types/three": "^0.126.1", "three": "^0.126.1", },代码<template> <div id="myThree" ref="myThreeRef" @dblclick="onMouseDblclick"> </div></template><script> import * as THREE f原创 2021-10-22 17:05:22 · 1764 阅读 · 0 评论 -
如何解决threejs+vue 的模型重合问题,threeBSP 没有THREE.Geometry的问题
问题存在的原因的新版本的threejs将对应的Geometry删除,所有会找不到对应的模型。解决方案,将版本降低到Geometry还存在的情况,但是可能会出现geometry.faces的报错,目前暂时不知道解决方案使用新的库进行修改,换使用jthreebspjthreebsp使用这个必须修改threejs的版本为npm install three@0.126.1...原创 2021-10-22 09:34:38 · 2304 阅读 · 5 评论 -
threejs实现点击模型选中以及对选中模型修改材质
利用 groud来实现对模型的存储let group = new THREE.Group();模型加入场景修改 var scene = new THREE.Scene(); var loaderStl = new THREE.STLLoader(); //导入模型 loaderStl.load('离心叶轮.stl', function(geometry) { geometry.name = "李欣" console.log(geometry); var de原创 2021-10-20 14:35:09 · 7480 阅读 · 0 评论 -
threeJs画正方体
Three.js中的基本概念Three.js包含3个基本概念:场景(Scene)、相机(Camera)和渲染器(Renderer)。场景就是需要绘制的对象,相机代表取景的视角,渲染器是绘制的载体(可以挂靠到浏览器的DOM元素中),也就是我们通过相机拍摄场景然后绘制到目标介质中去。具体代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view原创 2020-10-24 08:53:29 · 1899 阅读 · 12 评论