百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

WebGL No. 2 - 光与影

进阶

人数133人在学习该课程,有91人已经完成该课程

时间平均用时1.5

关键词WebGLthree.js

课程概述

作业提交截止时间:04-24

本方向的 QQ 群号:383578356

任务目的

在这一题中,你需要了解 Three.js 中不同类型的光源,并学会将它们添加到场景中。

任务描述

  • 学习《Three.js 入门指南》第 8 章光与影;
    • 理解不同类型灯光的区别和适用场景;
    • 学会为场景添加合适的灯光;
    • 思考灯光的位置对哪些类型的灯光是无所谓的,以及为什么;
    • 思考为什么有些灯光无法形成阴影;
  • 在第 1 题场景的基础上,增加光照效果;
    • 如果你没做第 1 题,也可以随便在场景中创建一些物体;
    • 为物体设置合适的材质(预习第 4 章),使得物体的亮度根据光照有所区别;
  • 创建一个地板平面,并将小车投影到地板上
    • 尝试并思考,一个物体(比如甜甜圈)如何将阴影投射到自身(Self-Shadow,自阴影);
    • 实现软阴影的效果(即阴影的边缘有明暗的渐变)。


(效果图仅供参考,实现类似效果即可。)

学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记

暂无优秀学习笔记~