- 博客(7)
- 收藏
- 关注
翻译 【Babylonjs】相机
六、相机 在BabylonJs里的众多相机中使用最多的有两种——万能相机(the Universal Camera)一般用于第一人称的活动,弧形旋转相机( the Arc Rotate Camera )是一种轨道相机。随着WebVR的到来,它们可能发生改变。 对于用户使用的所有相机都需要将其与画布关联起来。camera.attachControl(canvas, true); ...
2018-05-15 15:55:49 5451
翻译 【Babylonjs】位置、旋转、尺寸缩放
四、位置、旋转、尺寸缩放 BabylonJs的3D场景中通过特定的方法传入数值来调整物体的位置、旋转与尺寸缩放。 无论使用什么方法,它们都需要一个参照系,一种描述位置、旋转或缩放的方法以及帮助可视化应用这些效果的东西。可视化可以帮助使用者建立一个不对称的形状。参考框架 BabylonJs一般使用世界坐标系(World axes)和局部坐标系(Local axes)两种坐标系作为参...
2018-05-15 15:54:24 8963
翻译 【Babylonjs】材质
五、材质 使用材质可以使你能够覆盖物体网格的颜色和纹理,它们需要在被光线照射下才能被看到。一种材质可以用来覆盖你所希望改变的物体的网格。对光线的反应 不管材质是颜色还是质地,它对光的反应都有不同的方式。漫反射(Diffuse)—— 在光线下观察的材料的基本颜色或质地;镜面,也叫高光(Specular)—— 光线给材质的亮点;发光(Emissive)—— 发光材料的颜色或质地,如自发光;...
2018-05-15 15:52:47 4241
翻译 【Babylonjs】参数化形状
三、参数化形状这些形状或网格是由参数或数学数据决定的。他们包括线(lines)、一个系统的线路、带(ribbons)、管(tubes)、型材(extrusions)、加工形状和不规则多边形。线(lines)线在3D场景中是由一系列线段头尾相接而来。线在3D空间中被描述为一系列的点的合集。现在有三个点(0, 0, 0), (0, 1, 1), (0, 1, 0),它们可以形成两个线段。Babylon...
2018-05-15 15:51:50 2202
翻译 【Babylonjs】认识基本元素
二、认识基本元素 每个形状都有它自己的名字,例如立方体(box 或者 cuboid)、球体(sphere)、圆柱体(cylinder)、圆锥体(cone)、规则多边行(regular polygons)、平面(plane)以及特殊的水平面——地面(ground)。还包括一些形状例如圆环(torus)、圆环结(torus knot)以及多面体(polyhedra)。等到你学习了下一节的内容就可...
2018-05-15 15:49:49 1748 2
翻译 【Babylonjs】起步
简介 babylon.js是由微软爸爸出品的WebGL框架,能够通过HTML5 canvas在网页构建一个3D的场景。使用的是左手坐标系,文档中还有部分使用TypeScript来编写当然他们都有对应的JS版本。相对于ThreeJs更适合用来做游戏,因为它的碰撞检测十分易用。它的场景中参数比ThreeJs更多一些,有好有坏吧。起步html, body { overflow:hidden...
2018-05-15 15:47:35 6615
原创 【Cesiumjs】坐标转换
1、世界坐标 —— Cartesian3 笛卡尔空间直角坐标系平时我们常见的某个点的经纬度就是在WGS84坐标系下某个点的坐标,它的坐标原点在椭球的质心;而笛卡尔坐标系主要是用来做空间位置的变化如平移、旋转和缩放等等,它的坐标原点在椭球的中心。 初始化 let cartesian = new Cesium.Cartesian3(x,y,z);经纬度转世界坐标1、直接转...
2018-05-15 15:43:20 1881
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人