📜  BabylonJS-VectorPosition和旋转

📅  最后修改于: 2020-10-27 03:31:20             🧑  作者: Mango


在浏览器中运行下面给出的演示链接。在下面给出的演示中,我们绘制了x,y和z轴。在x,y和z轴上分别在正向和负向上绘制了数字。在浏览器中运行相同的代码,根据需要更改值,然后绘制形状,网格,放置它们并查看它们在x,y和z轴上的渲染方式。x,y和z轴上提到的数字是:看看如何完成网格的定位将很有帮助。

演示版


      BabylonJs - Basic Element-Creating Scene
      
      
   

   
      
      
   

输出

向量

让我们定义沿x,y和z轴的坐标。

演示版


      BabylonJs - Basic Element-Creating Scene
      
      
   

   
      
      
   

输出

上面的代码行生成以下输出-

在此演示中,我们使用了bird.png图像。图像存储在本地的图像/文件夹中,也粘贴在下面以供参考。您可以下载您选择的任何图像并在演示链接中使用。

图片/bird.png

鸟

顶点坐标

演示版


      BabylonJs - Basic Element-Creating Scene
      
      
   

   
      
      
   

输出

上面的代码行将生成以下输出:

矢量模式

矢量旋转

现在让我们看看向量旋转的原理。

演示版


      BabylonJs - Basic Element-Creating Scene
      
      
   

   
      
      
   

输出

上面的代码行生成以下输出-

矢量旋转