美文网首页Three.jsThree.js学习记录系列
Three.js 学习记录(1)----预备知识

Three.js 学习记录(1)----预备知识

作者: Threejs开发者 | 来源:发表于2018-02-22 11:58 被阅读11次

一、Three.js的四大组件

1、场景(scene)

场景就是舞台,可以把显示的东西放在场景的任何位置.
THREE.Scene = function()

2、相机(camera)

拍摄场景里的对象将其展现在浏览器中。

  • 透视相机:符合人们的心理习惯,近大远小的观察习惯。
  • 正投影相机:远小近大,与人眼睛观察一致。
//定义一个相机
THREE.PerspectiveCamera = function(fov,aspect,near,far)

视锥体几个参数:

camera
  • 视角:可理解为眼皮的和水平夹角的大小。
  • 近平面:相机最近的看到的最近距离
  • 远平面:相机能看到的最远距离
  • 纵横比:宽度/高度

3、渲染器

计算的过程称为渲染。WebGLRenderer()。

4、几何体

网络模型,出现在场景中的对象。

最后几个组件的关系:

threeobject

相关文章

  • Three.js 学习记录(1)----预备知识

    一、Three.js的四大组件 1、场景(scene) 场景就是舞台,可以把显示的东西放在场景的任何位置.THRE...

  • three.js快速指南

    最近开始学习three.js来做一些3D效果,对于学习过程中的一些知识点做必要的记录,方便后续查阅参考。 thre...

  • 大疆文档(3)-开发流程

    本节全篇为开发流程,内容较多,只记录android部分 开发流程(1) 预备知识 使用DJI Mobile SDK...

  • 学习的逻辑框架

    1 学习的定义:获取知识技能,更新思维方式。 2 学习的准备:预备知识图系(路标)、基础逻辑 3 通用的逻辑:无论...

  • 预备课 记录1

    01 记录【预备课】感悟: 终于等到魔法主播班开课了,可没想到第1节课的名字竟然是静观,这好像和想象中的声音...

  • 全面屏适配

    简单记录一下,预备知识来源:安卓屏幕完美适配方案——独家秘笈 先来点预备知识 屏幕尺寸(in) 手机对角线的物理尺...

  • 2019-11-07 检查gcc交叉编译器预定义宏(ARM32/

    预备知识1 预备知识2https://www.veryarm.com/872.html Ubuntu 安装64位a...

  • 致自己

    重新出发,唤醒生命,开启未来教育! 1.思盲点,解痛点之一 解惑小升初衔接 学科知识预备、学习技巧预备、心里成长预...

  • 3D世界

    前言最近在学习three.js,以下是我的笔记。 相关概念了解 1.WebGL与Three.js 1.1什么是We...

  • 【 数据结构 & 算法 】—— 二叉树、图

    思维导图 预备知识:二叉树定义(★) 预备知识_二叉树定义.cpp 预备知识:二叉树的深度遍历(★) 预备知识_二...

网友评论

    本文标题:Three.js 学习记录(1)----预备知识

    本文链接:https://www.haomeiwen.com/subject/zmnatftx.html