位置: 编程技术 - 正文

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)

  • 小微企业税收优惠政策2023年
  • 注册会计师考试时间2023
  • 利润表主营业务成本怎么算
  • 企业所得税营业收入和增值税销售收入
  • 增值税发票四舍五入
  • 企业收到税收返还会计分录
  • 结转本期会计分录
  • 辅助材料属于成本吗
  • 股权转让中土地增值是否交纳个人所得税
  • 上月增值税未申报本月能开票吗
  • 机票上exempt yqcny是什么意思?
  • 税控盘减免在哪里填报
  • 汇算清缴补交的税怎么做凭证
  • 收付实现制下预收款算收入吗
  • 固定资产评估费计入什么会计科目
  • 采购商品产生的费用有哪些
  • 合同签订中,可以撤销吗
  • 基金预算收入核算的内容包括
  • 医生规培生补贴每年多少钱
  • 总分公司企业所得税合并申报
  • php中运算符
  • linux系统中怎么创建目录
  • linux 速度
  • 盈余公积科目是什么科目
  • 强化税收风险意识
  • 最高像素的镜头是多少
  • linux架构师是做什么的
  • php strftime
  • 了解的反义词
  • php实现原理
  • php怎么定义全局变量
  • thinkphp6验证
  • 个人以不动产投资成立一人有限公司
  • 基础的数据类型
  • mysql客户端怎么使用
  • mysql常见操作
  • 社保所属期怎么填
  • 开始送加盟费
  • 购物赠品的处理流程
  • 公司自有房产出租给员工如何处理
  • 企业所得税的营业收入包括营业外收入吗
  • MySQL的主从复制基于什么实现的?
  • 报废车怎么处理最划算
  • 个人所得税手续费返还增值税申报表怎么填
  • 接收商业承兑汇票有风险吗
  • 哪些项目可以计提汇兑损益
  • 公司抽奖奖品设置
  • 会计费用类科目明细
  • 年度所得税费用
  • 摘要界面在哪个位置
  • 进项税加计抵减的分录怎么做?
  • 营改增后建筑业怎么开票
  • 金税盘技术维护费
  • 金税盘税费减免分录
  • 给客户购物卡如何充钱
  • 会计账簿按用途分类可以分为
  • mysql 5.7.11 winx64安装配置方法图文教程
  • MySQL 5.6 (Win7 64位)下载、安装与配置图文教程
  • mysql不同数据库不同数据表导入数据
  • sql汇总查询
  • mysql 5.7.33安装
  • iis如何重新配置
  • 微软新品发布
  • Windows Server 2008与2012建立林信任详细步骤
  • ubuntu怎么安装包
  • mac更改复制快捷键
  • xp 控制面板
  • win10连无线网络受限
  • linux安装sshpass
  • win7 esd安装文件怎么安装教程
  • window10使用ie8
  • 微软为什么这么贵
  • opengl画简单图形
  • 用python写多线性模型
  • go语言websocket
  • python随机发红包代码
  • jquery控制元素的显示与隐藏
  • 福建闽江人才服务中心可靠吗
  • 辽宁省大连市国家运动员
  • 广西税务12366如何交社保
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设