Rowan Liu's Tech
Home
Blog
CSS
JS
lib
Read
About
GitHub
Home
Blog
CSS
JS
lib
Read
About
GitHub
  • 框架
  • Vue ClI 源码探索
  • vue 源码解读

    • Vue.js技术揭秘
    • Flow
    • Vue.js源码目录设计
    • Vue.js源码构建
    • 从入口开始
    • 数据驱动
    • new Vue发生了什么
    • Vue实例挂载的实现
    • render
    • Virtual DOM
    • createElement
    • update
    • 组件化
  • threejs journey

    • three.js
    • 第一章我们做了什么
    • 基本组件
    • 光源
    • 材质
    • 学习使用几何体
    • 高级几何体和二元操作
    • 粒子和粒子系统
    • 创建、加载高级网格和几何体
    • /lib/threejs/webgl/
  • react journey

    • React
    • Ant Design
  • vuepress

    • 评论
  • egg

    • egg init
  • jQuery系列

    • jQuery一个在JavaScript基础之上封装的函数库。
  • nestjs

    • OAuth 2.0
    • [译]Passport 文档(一)入门
    • [译]Passport 文档(二)提供者
    • [译]Passport 文档(三)基本 & 摘要
    • [译]Passport 文档(四)操作

基本组件

Scene(场景)对象最重要的函数、属性总结

  • add(object)
  • children
  • getChildByName(name)
  • remove(object)
  • traverse(function)
  • fog
  • overrideMaterial

知识点

  • 场景是Three.js库中的主要容器,你可以将你想要渲染的对象添加到场景中。
  • 场景并没有很多特殊的选项和属性。它最重要的功能是允许你添加对象,移除对象,以及处理场景的children属性。
  • 可以通过配置fog对象为场景添加fog属性。
  • 几何体和网格关系密切。
  • Three.js库提供了很多标准几何体。
  • 可以编程控制mesh的position、rotation和scale属性。
  • 通过translate属性,可以相对当前位置移动网格。
  • 渲染场景需要一个相机,Three.js库里有两种相机:透视相机和正投影相机。
  • 正投影相机以相同的尺寸渲染所有对象,而不考虑对象与相机间的距离。
Edit this page
Last Updated: 2026/1/12 10:15
Contributors: Rowan Liu
Prev
第一章我们做了什么
Next
光源