第一篇 总览

开发环境:Mac OS 10.13.4 | Windows 10
开发工具:vscode
书籍:《Threejs 开发指南》
代码仓库:https://github.com/josdirksen/learning-threejs

一个简单的动画效果分析实现过程分析:

  • 定义场景(scene),相机(camera)和渲染器(renderer)
  • 创建平面
    ** 定义平面大小
    ** 设置平面外观(颜色和透明度)
  • 添加材质、光源和阴影效果
    ** 基本材料对光源没有反应,只会使用指定的颜色来渲染物体
    ** 设置阴影
    **** 哪个物体投射阴影castShadow = true;、哪个物体接受阴影 receiveShadow = true;
  • 创建动画,动起来
    ** 引入 requestAnimationFrame() 方法
    **** setMode() 0是fps,1是画面渲染时间
  • 适配场景对浏览器的自适应
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 更新:【面试题含答案】http://bbs.9ria.com/thread-288394-1-1.html 高频问...
    好怕怕阅读 4,827评论 3 52
  • 最先执行的方法是: 1、(激活时的初始化代码)Awake,2、Start、3、Update【FixUpdate、L...
    困卡阅读 4,326评论 0 8
  • 111. [动画系统]如何将其他类型的动画转换成关键帧动画? 动画->点缓存->关键帧 112. [动画]Unit...
    胤醚貔貅阅读 13,256评论 3 89
  • 1.什么是渲染管道? 是指在显示器上为了显示出图像而经过的一系列必要操作。 渲染管道中的很多步骤,都要将几何物体从...
    爱机车的异乡人阅读 638评论 0 1
  • 夏季来临,今天的室外温度达了40摄氏度。在百色又到了可以免费蒸桑拿的日子。 原计划今天“六一”的游园安排在下午3点...
    爱吃鱼的小白羊阅读 214评论 2 1