易笔记易笔记
首页
文章
分类
标签
首页
文章
分类
标签
AI 1GitHub 1开源 1游戏开发 1Claude Code 1工作流 1AI 编程 1效率工具 1LangChain 1Prompt 1Frontend 1cesium 2CSS 10iOS 1Safari 1css 1font 1typography 1ide 1Flexbox 1JS 3ThreeJS 23D 2PHP 1Vue 8Windows 4KMS 1Vue3 5uni-app 1Form 1Modal 1虚拟滚动 1Vue 3 1Composition API 1ref 1reactive 1美食 1空气炸锅 1烤鱼 1减脂餐 1JavaScript 1浏览器 API 1requestIdleCallback 1性能优化 2组件 1异步组件 1

当素材尺寸(宽和高)不是2的n次方时,贴图效果会较为模糊。 控制台会有如下警告:

THREE.WebGLRenderer: image is not power of two (1638x2166). Resized to 1024x2048

解决方案:对贴图做如下设置

texture.generateMipmaps = false;
texture.wrapS = texture.wrapT = THREE.ClampToEdgeWrapping;
texture.minFilter = THREE.LinearFilter
分类: ThreeJS标签: ThreeJS, 3D
日期: 10/1/2021
使用Blender拆分或合并Mesh

遇到问题

对一个房子模型其中一扇门操作时,发现所有门都被选中,打印后发现所有门是一个Mesh,因此需要Blender工具对门进行拆分。

拆分Mesh

  1. 进入 编辑模式(Tab)
  2. 选中其中一扇门的所有面(用 L 点选)
  3. 按 P → Selection → 分离为新对象

合并Mesh

  1. 确保在「物体模式」(Object Mode)
  2. 选中要合并的两个门:
    • 鼠标左键点击第一个门
    • 按住 Shift + 左键点击第二个门(此时两个都高亮)
  3. 按 Ctrl + J(Join 合并)或菜单栏:Object → Join
分类: ThreeJS标签: ThreeJS, 3D
日期: 10/1/2021