北鸟南游的博客 北鸟南游的博客
首页
  • 前端文章

    • JavaScript
    • Nextjs
  • 界面

    • html
    • css
  • 计算机基础
  • 后端语言
  • linux
  • mysql
  • 工具类
  • 面试相关
  • 图形学入门
  • 入门算法
  • 极客专栏
  • 慕课专栏
  • 电影资源
  • 儿童动漫
  • 英文
关于我
归档
GitHub (opens new window)
首页
  • 前端文章

    • JavaScript
    • Nextjs
  • 界面

    • html
    • css
  • 计算机基础
  • 后端语言
  • linux
  • mysql
  • 工具类
  • 面试相关
  • 图形学入门
  • 入门算法
  • 极客专栏
  • 慕课专栏
  • 电影资源
  • 儿童动漫
  • 英文
关于我
归档
GitHub (opens new window)
  • 面试
  • 算法入门
  • 图形学入门
    • threeJs使用
    • webgl基础1-着色器、矩阵变换
    • webgl基础1
    • webgl基础2-颜色、纹理
    • webgl基础3-三维
    • webgl基础4-灯光
  • 极客专栏
  • 慕课专栏
  • vue3+vite封装element组件库
  • 基于云开发模式开发微信小程序
  • 珠峰培训资料
  • theme
  • graphics
北鸟南游
2024-04-27

webgl基础4-灯光

灯光
光源类型

  • 点光源:一个点向周围发光,需要定义点光的位置和方向、颜色
  • 平行光:从无限远的地方发射的光;只需定义光的方向和颜色,与位置无关
  • 环境光:间接光,是光源发出后,经过其他物体反射后照射到物体表面。环境光是均匀照射到物体表面,只需定义光的颜色。

计算公式
环境反射
<环境反射光颜色>=<入射光颜色>*<表面基底色>

漫反射

漫反射中反射光的颜色:取决于入射光的颜色、表面的基地色、还有入射光与物体表面的法向量形成的入射角。
设定入射角为α【可以通过光线方向和法线方向点积来计算】,漫反射光颜色的计算公式
<漫反射光颜色>=<入射光颜色>*<表面基底色>*cosα
cosα=<光线方向><法线方向>
最后漫反射光颜色计算公式
**<漫反射光颜色>=<入射光颜色>
<表面基底色>(** <光线方向><法线方向> )
2种反射同时存在
真实环境中,漫反射和环境反射是同时存在,需要将两者结果加起来,就会得到物体最终被观察到的颜色。
<物体表面反射光颜色>=<漫反射光颜色>+<环境光反射的颜色>

案例演示 jcode (opens new window)

编辑 (opens new window)
上次更新: 2025/04/19, 14:22:11
webgl基础3-三维
001-数据结构与算法之美

← webgl基础3-三维 001-数据结构与算法之美→

最近更新
01
色戒2007
04-19
02
真实real
04-19
03
Home
更多文章>
Theme by Vdoing | Copyright © 2018-2025 北鸟南游
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式