前言

有一些会需要在cocos creator 3D里面加光照，让模型更好看一些

cocos creator 3D里面提供了4种光：方向光、球面光、聚光灯、环境光，和一种阴影

其中方向光、球面光、聚光灯是大家都可以加的组件
环境光是在层级管理器中Scene上的固定组件
阴影是在层级管理器中Scene上的固定组件+给元素添加阴影组件

分类

1、方向光

cc.DirectionalLightComponent：

只能有一个(可以加第二个，但是加完后第一个方向光就失效了)，决定整个的光的走向

Color:光源颜色
UseColorTemperature :是否启用色温
ColorTemperature:色温
Illumiance:照度，单位勒克斯（lx）

2、球面光

cc.SphereLightComponent:

可以有多个，照着四面八方，用的时候调整一下颜色的透明度、大小、范围、亮度
注：选择它的时候会有一个发亮的大白球，点别元素就好了，也不用着急，白球在运行后并不会显示，只有挨着模型的地方会有光

Color：光源颜色
UseColorTemperature ：是否启用色温
ColorTemperature：色温
Size：光源大小
Range：光照影响范围
Term：选用的光照强度单位术语
球面光支持两种单位制系统：发光功率（LUMINOUS_POWER）和亮度（LUMINANCE）
LuminousPower：发光功率，单位流明（lm）
当 Term 指定为 LUMINOUS_POWER 时，选用流明来表示光照强度
Luminance：亮度，单位坎德拉每平方米（cd/m2）
当 Term 指定为 LUMININANCE 时，选用亮度来表示光照强度

3、聚光灯

cc.SpotLightComponent:

可以有多个，照着单个一面，和球面光差不多

Color：光源颜色
UseColorTemperature ：是否启用色温
ColorTemperature：色温
Size：光源大小
Range：光照影响范围
SpotAngle：聚光角度
Term：选用的光照强度单位术语
聚光灯支持两种单位制系统：发光功率（LUMINOUS_POWER）和亮度（LUMINANCE）
LuminousPower：发光功率，单位流明（lm）。
当 Term 指定为 LUMINOUS_POWER 时，选用流明来表示光照强度
Luminance：亮度，单位坎德拉每平方米（cd/m2）。
当 Term 指定为 LUMININANCE 时，选用亮度来表示光照强度

4、阴影

要启动需要两步：
①、点上Scene中planarShadows 组件的Enabled，如图：

distance：阴影平面在 normal 法线的方向上与坐标原点的距离
enabled：是否开启 planar shadows
normal：垂直与阴影平面的法线
shadowColor：产生的阴影的颜色值
②、在要显示阴影的元素上加一个阴影组件cc.ModelComponent，并将里面的ShadowCastingMode 设置为 ON ，如图：

这样调节方向光角度可以调节阴影的投射了

5、环境光

ambient
在层级管理器中Scene上的固定组件，可以通过改变环境光的值来调节环境整体光照

groundAlbedo：地面反射光
skyColor：天空颜色
skyIllum：天空亮度

最后

cocos creator 3D学习（一）载入的模型注意事项+画布上查看模型的鼠标键盘操作方法
cocos creator 3D学习（二）总是浮在屏幕最前面的操作按钮及其他
cocos creator 3D学习（三）一些常用的声明
cocos creator 3D学习（四）刚体
cocos creator 3D学习（五）射线—点击按钮

cocos creator 3D学习（六）光照+阴影相关推荐

022 - cocos creator 3D
#cocos creator 3D warning 报错:"project:///assets/main.js,将https中的export注视掉重试一遍知识点 scrollview组件添 ...
麒麟子Cocos Creator 3D研究笔记十：【qfw】开源的Extension Pack for Cocos Creator 3D
零.写在前面愿你活得烈马青葱,不为他人的目光所累 ---嗯! 阿子也不知道这个句子的原始出处,但就想把它分享给大家.专心写好自己的BUG,让别人说去吧! 在进入今天的正文之前,阿子想给大家聊聊最近使 ...
麒麟子Cocos Creator 3D研究笔记五：模型骨骼动画查看器
负一.先说两句本文索引是负一开头,那是因为这一小节是最后加上来的.为了不牵一发动全身,就这样最好了. 写文章每次要自称的时候,麒麟子三个字打着太费劲,以后文章中,我就叫自己阿子吧. 大家从今天 ...
如何用 Cocos Creator 3D 如何实现小姐姐的发丝高光？
Introduction PRB 材质改变了人们对于引擎实时渲染画面的理解,让玩家在游戏中,也能够体验到锈蚀的金属,厚重的皮革,精细的纹理,感受更加真实的世界.在正式发布的 Cocos Creator ...
cocoscreator3d 模型透明_用 Cocos Creator 3D 实现小姐姐的发丝高光
本文作者:武云潇 Cocos Creator 3D 引擎开发工程师 >>作者知乎:YunHsiao Wu >>作者其他文章:<It's not a bug, it's ...
麒麟子Cocos Creator 3D研究笔记十一：实用Shader之单张纹理实现武器动态发光
零.别看广告,看疗效虽然标题叫武器发光,其实它还能实现魔法护盾.动态光柱等效果.别说话,看图! 阿子最近沉迷于学英语和写代码,可HIGH了. 一看时间,竟然已经十天没发稿了. 但这不能怪阿子,要怪就 ...
Cocos Creator 3D后期效果解决方案源码剖析--从入门到融汇贯通
注:本文既有经验上的总结,又有实现方式上的讲解.既有流程上的描述,又有代码细节上的剖析. 全文字数5000+,看的时候最好带上笔和纸. 零.你的序感谢大家的厚爱,KylinsPostEffects上 ...
快速入门 Cocos Creator 3D Shader 上篇
前言 Shader,又名着色器,是控制 GPU 绘制的指令集.从某种意义来说,着色器是一个把输入转换到输出的程序,为图形渲染管线的某个特定部分而运行.图形渲染管线是渲染的核心组件.通过给定虚拟相机.3 ...
麒麟子Cocos Creator 3D研究笔记九：初尝Shader并实现边缘光(RimLight)
零.先看一些图图1:边缘光因子检查图2:黄色,一般用于霸体效果图3:红色,一般用于特殊技能特效图4:白色,一般用于受击效果图5:绿色,一般用于人物,NPC选中时高亮看着群里的小伙伴们都很热 ...

cocos creator 3D学习（六）光照+阴影

目录

前言

分类