个人博客 个人博客
首页
  • 前端
  • 后端
  • Git
  • Docker
  • 网络
  • 操作系统
工具
阅读
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

董先亮

前端react开发
首页
  • 前端
  • 后端
  • Git
  • Docker
  • 网络
  • 操作系统
工具
阅读
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 待整理
  • 相机
  • 核心
  • 几何体
  • 辅助对象
  • 灯光
  • 材质
  • 数学库
  • 物体
  • 控制
  • 常用方法
  • 三方库
  • 加载器
  • 纹理贴图
  • PBR
  • 相关网站
  • 场景
    • Scene
      • background
      • environment
      • traverse
    • getObjectById
    • getObjectByName
  • 全景投影方式
  • HDR
  • 渲染器
  • Geometry和BufferGeometry区别
  • WebGL
  • UV介绍
  • 数学知识
  • 着色器案例
  • blender
  • 后期处理
  • 缓冲区
  • 后期处理与分层渲染
  • 叠加渲染
  • Threejs
NeverStop1024
2022-09-21
目录

场景

# Scene (opens new window)

# background (opens new window)

场景的背景,可以是Color (opens new window)、Texture (opens new window)、CubeTexture (opens new window)

# environment (opens new window)

给场景中所有物体添加默认贴图

// 把材质的envMap去掉,添加scene.environment,效果相同
const sphereGeometry = new THREE.SphereBufferGeometry(1, 20, 20);
const material = new THREE.MeshStandardMaterial({
  metalness: 0.7,
  roughness: 0.1,
    // envMap: envMapTexture,
});
const sphere = new THREE.Mesh(sphereGeometry, material);
scene.add(sphere);

// 给场景添加背景
scene.background = envMapTexture;
// // 给场景所有的物体添加默认的环境贴图
scene.environment = envMapTexture;
1
2
3
4
5
6
7
8
9
10
11
12
13
14

v3Mzn9_ldd3cy

# traverse

遍历场景中所有物体(包括子物体)

# getObjectById

根据id查找物体

# getObjectByName

根据名称查找物体

编辑 (opens new window)
上次更新: 2022/11/02
相关网站
全景投影方式

← 相关网站 全景投影方式→

最近更新
01
mock使用
07-12
02
websocket即时通讯
07-12
03
前端面试题
07-09
更多文章>
Theme by Vdoing | Copyright © 2022-2023 NeverStop1024 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式