React VR 开发指南:从基础到首个应用构建
1. React VR 中的光照组件
1.1 定向光(DirectionalLight)
定向光类似于太阳光,从一个特定的方向照射场景。可以通过旋转来改变其照射方向。示例代码如下:
<DirectionalLight
intensity={.9}
style={
{ transform: [{ rotateZ: 35 }] }}
/>
在实际应用中,如果发现定向光与场景中的其他元素不协调,可尝试调整其变换语句,使背景光照与场景光照相匹配。
1.2 点光源(PointLight)
点光源就像传统的灯泡,光线从一个点向各个方向传播。为了避免模拟大气效果(如衰减、雾、云等)导致的渲染缓慢,点光源和聚光灯都有 decay 和 distance 属性。
- distance :表示光的照射距离,非零值时,在该距离处光强度为零。
- decay :表示光的衰减频率,2 是符合物理现实的光衰减值,0.1 会产生更锐利的衰减,适用于艺术效果。
示例代码:
<PointLight
intensity={1}
style={
{ transform: [ { translate: [0, 0, -5] }]
超级会员免费看
订阅专栏 解锁全文
10

被折叠的 条评论
为什么被折叠?



