98Percent-CSDN博客

翻译【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

三、参数化形状这些形状或网格是由参数或数学数据决定的。他们包括线（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

WEBGL