分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

【WebGL入门3】相机参数及光照模型

发布时间:2023-09-06 01:49责任编辑:熊小新关键词:WebWebGL

透视相机:PerspectiveCamera( fov, aspect, near, far )

  1、视角fov:这个最难理解,我的理解是,眼睛睁开的角度,即,视角的大小,如果设置为0,相当你闭上眼睛了,所以什么也看不到,如果为180,那么可以认为你的视界很广阔,但是在180度的时候,往往物体很小,因为他在你的整个可视区域中的比例变小了。

  2、近平面near:这个呢,表示你近处的裁面的距离。补充一下,也可以认为是眼睛距离近处的距离,假设为10米远,请不要设置为负值,Three.js就傻了,不知道怎么算了,

  3、远平面far:这个呢,表示你远处的裁面,

  4、纵横比aspect:实际窗口的纵横比,即宽度除以高度。这个值越大,说明你宽度越大。

正投影相机:OrthographicCamera( left, right, top, bottom, near, far )

  1、 left参数

    left:左平面距离相机中心点的垂直距离。

  2、 right参数

    right:右平面距离相机中心点的垂直距离。

  3、 top参数

    top:顶平面距离相机中心点的垂直距离。

  4、 bottom参数

    bottom:底平面距离相机中心点的垂直距离。

  5、near参数

    near:近平面距离相机中心点的垂直距离。

  6、far参数

    far:远平面距离相机中心点的垂直距离。

对于光照模型,和opengl一样,需要注意的是,方向光的position是一个向量,各项的范围都应该在(0,1)之间,其他光源是看作放在空间某个position的一盏灯,所以各项的范围可以很大。

和其他模块一样,需要添加的light就是一个object,声明一盏灯,然后确定类型,位置和颜色。

【WebGL入门3】相机参数及光照模型

原文地址:https://www.cnblogs.com/yanky/p/8822785.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved