webgl
qq_38694034
这个作者很懒,什么都没留下…
展开
-
webgl中的基本坐标系统
在构造和显示场景的过程中会使用几个不同的笛卡尔坐标系:建模坐标系(几部坐标系): 在各自的坐标系统中构造每一个对象的形状,比如自己构造的车,树,花等模型。世界坐标系:一旦构建好模型后,就可以将对象放到称为世界坐标系的场景参考系的相应位置。这一步涉及到单独的局部坐标系到世界坐标系的指定位置和方向的变化。观察流水线:在描述完场景之后,要将该场景中的世界坐标系经过各种处理转化到一个或多个输出设备的坐标系...翻译 2018-03-14 13:07:38 · 1807 阅读 · 0 评论 -
场景快速切换放大到某一部分
简介我们在做直播的时候,可能场景中某左下角突然出现了一个非常惊人的意外,那么我们怎么能快速的切换到场景的左下角呢?案例实现过程图解 《1》。首先添加全景图,如上所示,场景x轴,z轴分为四个象限,分别在各个象限中添加不同颜色的方块《2》。点击 w键,页面切换到第四象限,也就是红色区域效果如下:《3》点击s键切换到第二象限的位置:《4》同理点击a切换到白色方块,点击d键切换到黄色方块区域: ...原创 2018-03-30 11:13:12 · 460 阅读 · 0 评论 -
three 中 shadow的常用参数
当我们投射阴影的时候如果想调节阴影的清晰度:可以将 shadow.mapSize 设置为更大的值: light.shadow.map.width = light.shadow.map.height = 1024 // 还可以选的值 128,256,512,2048等当我们投射阴影的时候如果想调节阴影的大小:可以设置 shadow.camera 的参数:var d = 50;light.s...原创 2018-04-04 17:28:05 · 1259 阅读 · 0 评论 -
texture中的 anisotropy属性,纹理的各向异性
定义:anisotropy: 沿通过具有最高纹理像素密度的像素的坐标轴取样的数量。默认情况下,此值为1.较高的值会产生比基本mipmap更少的模糊结果,但需要使用更多纹理样本。使用renderer.getMaxAnisotropy()来查找GPU的最大有效各向异性值; 这个值通常是2的幂。这样能实现什么效果呢:如果大家想让物体缩小的时候,任然比较清晰,可以将 anisotropy: 设大;我们看一...原创 2018-04-04 17:36:19 · 4510 阅读 · 0 评论