位置: 编程技术 - 正文

Three.js源码阅读笔记(光照部分)(threejs 源码)

编辑:rootadmin
天气越来越冷了,人也越来越懒怠,越来越像呆在温暖的寝室里看小说或者打游戏,也好久没看Three.js源码了。今天天气不错,接着看! 这次从光照部分看起:光照模型,从光线本身角度来看包括环境光、平行光、点光源,从物体表面材质角度看又包括漫反射和镜面反射。 Lights:Light 该对象是其他光照对象的原型/基类,本身继承自Object3D对象/类型。它自身只有一个THREE.Color类型的color属性,就是颜色,这很好理解。 在Three.js中,光照作为一种Object3D对象,是经过Scene.add()方法加入到场景中的,渲染器会自动渲染所加入的光照效果。 Light::AmbientLight 无方向的环境光,并没有比Light类型多一个属性或方法,而仅仅为了语义上的继承而继承自Light,它甚至没有必要是Object3D对象。 Light::DirectionalLight 平行光(有方向的光),使用new运算符构造该函数时需传入颜色hex和光线的“密度”intensity。这个类有这样一些属性: position:一个位置,以该位置为起点,原点为终点的方向是光线的方向。 intensity:光线的密度,默认为1。因为RGB的三个值均在0~之间,不能反映出光照的强度变化,光照越强,物体表面就更明亮。 distance:衰减距离,默认值为0,光照无衰减;如果是非0值,光照会从position位置(实际上是position所处的那个平面)开始衰减,衰减到distance距离之后,光照强度intensity为0。 castShadow:布尔值,控制是否产生阴影,默认为false。如果设为true,对于所有表面都会逐像元地计算其在光照方向上是否被遮挡,这会消耗大量的计算。 onlyShadow:布尔值,控制是否只产生阴影而不“照亮”物体,默认为false。这种模式也许有什么特殊应用吧。 shadowCameraLeft,shadowCameraRight……系列,以position点为中心控制产生阴影的范围? shadowBias:阴影偏心,默认为0。 shadowDarkness:阴影对物体亮度的影响,在0~1之间,默认为0.5。 还有不少属性暂时猜不出含义(真该去补补计算机图形学啊,硬着头皮继续看吧)。 Light::PointLight 点光源,position那肯定就是光源点了。注意点光源的position和平行光的position的区别,前者默认在原点,而后者默认在点(0,1,1),这使得默认的平行光方向和相机的默认朝向一致。 其他两个属性和平行光中一样。PointLight点光源没有关于如何产生阴影的设定。 Light::SpotLight 一种可以在某个方向上产生阴影的点光源,影响MeshLamberMaterial和MeshPhongMaterial类型材质的表面。对阴影如何处理的设定和DirectionLight一致。 总之,光照对象并不承担渲染光照的任务,而仅仅是定义如何渲染光照。Object::Partical 粒子就是一个由材质的Object3D,这很好理解。Object3D对象提供一个坐标(就是粒子的坐标),负责粒子的运动,粒子只需要指定表现它的材质即可。Object::ParticalSystem 粒子系统表现多个粒子的运动,粒子系统本身继承自是Object3D对象。有这样几个属性: geometry属性,每一个节点都是一个粒子,这些共享一个材质。 material属性,即这些节点的材质。 frustumCulled属性,布尔值,如果设定为真,那么在相机视界之外的会被踢出,但还没弄清楚是粒子系统中心坐标在视界外就踢出整个粒子系统还是单个粒子出去了就剔除,猜测多半是后者。 其实这几篇都是涉及怎么定义场景的,至于怎么渲染场景很难有深入。我准备接下来去看Demo的代码,结合者看看WebGLRenderer类的源代码(几千行OMG)。

推荐整理分享Three.js源码阅读笔记(光照部分)(threejs 源码),希望有所帮助,仅作参考,欢迎阅读内容。

Three.js源码阅读笔记(光照部分)(threejs 源码)

文章相关热门搜索词:javascript源码阅读,three.js原理,three.js开发工具,three.js原理,javascript源码阅读,three.js原理,javascript源码阅读,threejs源码解析,内容如对您有帮助,希望把文章链接给更多的朋友!

Three.js源码阅读笔记(物体是如何组织的) 这是Three.js源码阅读笔记第三篇。之前两篇主要是关于核心对象的,这些核心对象主要围绕着矢量vector3对象和矩阵matrix4对象展开的,关注的是空间中的

Three.js源码阅读笔记(Object3D类) 这是Three.js源码阅读笔记的第二篇,直接开始。Core::Object3DObject3D似乎是Three.js框架中最重要的类,相当一部分其他的类都是继承自Object3D类,比如场景类

Three.js源码阅读笔记(基础的核心Core对象) Three.js是一个比较伟大的webgl开源库,它简化了浏览器3D编程,使得使用JavaScript在浏览器中创建复杂的场景变得容易很多。Github上众多webgldemo令我兴奋不

标签: threejs 源码

本文链接地址:https://www.jiuchutong.com/biancheng/379214.html 转载请保留说明!

上一篇:JavaScript初学者应注意的七个细节详细介绍(javascript零基础入门)

下一篇:Three.js源码阅读笔记(物体是如何组织的)(three.js typescript)

  • 失控发票账务处理
  • 工程施工的材料购进计入哪里
  • 进项大于销项怎么结转分录
  • 财务费用余额方向怎么填
  • 权益性支出与收益性支出区别
  • 申报个税的收入是什么收入
  • 煤矿企业维简费税务规定
  • 非正常损失会计利润调整
  • 坏账的处理方法包括
  • 一般纳税人进项发票认证操作流程
  • 销项负数发票怎么填报增值税报表
  • 房地产开发公司取名
  • 当月税负率怎么算
  • 公司还没有成立,前期的费用怎么开发票呢
  • 技术服务费收入属于提供劳务收入吗
  • 非上市公司股权转让
  • 分红 实缴比例
  • 增值税小规模申报表
  • 固定资产出售时增值税怎么处理
  • 冲减材料采购成本
  • win11怎么设置最佳能效模式
  • php创建二维数组
  • ipad os 16
  • 政府补助退回的账务处理
  • 公司的对公账户
  • 最薄的平板电脑是哪种
  • swoole windows版本
  • 委托境外机构研发费加计扣除80%
  • 债券利息计算方法
  • 付境外人员劳务费
  • 蓝桥杯第十四届模拟赛第三期
  • 蓝桥杯官网报名2020
  • 毕业设计烦死了
  • 社保新参统委托代发银行
  • 股东投资款怎么存入公司
  • 残疾人就业保障金怎么申报
  • 维修费开票属于信息技术服务吗
  • CentOS6.9下mysql 5.7.17安装配置方法图文教程
  • 购货销售折让会计分录
  • 股东之间股权转让流程
  • mysql存储过程语句
  • mysql中如何设置默认值
  • 一般纳税人企业所得税税率多少
  • 劳动保护费是否可以抵扣
  • 外贸会计的工作内容
  • 过路费发票可以抵扣进项税吗
  • 汇算清缴调增的工资怎么做账
  • 投标保证金退还
  • 销项减进项税额
  • 预付调整到其他应付款
  • 服务类公司有成本吗
  • 产品成本核算有哪些方法
  • 融资租入固定资产的入账价值
  • sqlserver 版本号
  • mysql在cmd命令操作
  • linux统计重复次数
  • windows7更新80072efe
  • win8蓝屏代码大全
  • ubuntu for windows
  • linux获取进程启动时间
  • ubuntu wine安装的软件怎么运行
  • 在mac设备上用到什么
  • 电脑任务栏中没有网络图标
  • win7电脑连不上wifi怎么解决
  • win7系统登录QQ失败提示QQ软件已被破坏或部分文件已经丢失的解决方法
  • url是什么文件怎么打开
  • opengl教程48讲
  • app的文件名
  • linux基本命令的使用方法
  • 一键配置天赋的台词
  • 超实用的八个开车技巧
  • unity网格地形
  • javascript基础笔记
  • 终于实现的图片
  • python图片验证码输入错误不能点登陆
  • javascript define的用法
  • 如何查询税务情况
  • 进口消费税怎么入账
  • 当前税务干部队伍不足
  • 宣传费是否要交消费税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设