mmiaoChong的博客

threejs得WebGLRenderer+CSS3DRenderer结合使用

threejs在使用input加载glb模型出现问题，glb有别与gltf

threeJS使用OutlinePass场景变暗

问题描述：在使用webpack5+three.js写vue3插件时候，在加载hdr环境贴图使用的绝对路径无法正确加载main.js?be46:51335 THREE.RGBELoader Bad File Format: bad initial token // 加载hdr图片失败main.js?be46:65347 SyntaxError: Unexpected token < in JSON at position 0 // 加载模型失败 at JSON.parse (<an

项目场景：在windowserver2008上面发布threejs模型网站问题描述：出现静态资源找不到：Failed to load resource: the server responded with a status of 404 原因分析：出现404是因为路径或者解析不了第一步查看项目部署的静态文件开启了没有如果没有开需要开启重启服务看是否成功。第二步如果上面还不行那就看访问的网站如果index页面可以加载进来，就是有些文件无法加载。那就有可能是因为无法解析请求。

文章目录前言threeJS选中模型问题geometry/bufferGeometry 二者都可合并bufferGeometry ：geometry：完整代码前言在加载gltf模型的时候，为了提高性能和单击可以选中单个楼栋想让建模人员合并成一个mesh，3DMax无法把单个项目合并成一个文件，所以就是想合并gltf里面的meshthreeJS选中模型问题

系列文章目录threeJS单击模型高亮文章目录系列文章目录前言一、引入依赖文件二、使用步骤1.创建效果组合器（EffectComposer）2.创建场景通道（RenderPass）3.创建物体边缘发光通道（OutlinePass）4.创建自定义着色器通道（ShaderPass）5.必须要在animate函数中执行6.全部代码总结前言threeJS书中有后期颜色处理，有特定的组件可供使用提示：以下是本篇文章正文内容，下面案例可供参考一、引入依赖文件import * as THREE fr

threeJS自带的obj/fbx转json文件听说在blender上面安装导出json插件一直失败。最后在threeJS文件中发现有转化包文章目录threeJS自带的obj/fbx转json文件前言一、第一步：下载threeJS官方案例包二、全局安装esm2.把obj2three文件找放到obj/mtl文件复制过去3.在obj2three文件下执行命令总结前言 前一段时间我把obj转gltf成功。gltf文件还是挺大的，加载还是需要时间，最后给gltf文件压缩用drac解压加载。可以第一次

学习目标：threeJS加载大型obj模型缓慢卡顿问题解决学习内容：提示：obj模型转gltf模型学习产出：1：使用objTo3d-tiles来转化obj模型 [插件地址](https://github.com/PrincessGod/objTo3d-tiles.git)转化会出现no such file那是mtl文件图片找不到或者mtl名字不对注意事项：

threeJS加载GLTF模型初体验主要代码模型网站主要代码import * as THREE from 'three'import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'export default { name: 'Index', data() { re