更新

source/_posts/egret天空盒子浅尝.md

@@ -1,19 +1,27 @@
 ---
 title: egret天空盒子浅尝
-tags: []
 id: '238'
 categories:
-  - - 分享
+ - 分享
+tags:
+ - egret
+ - 天空盒子
+ - QueueLoader
+ - LoaderEvent3D
 date: 2017-11-22 18:35:36
 ---
 
-现在移动端越来越多类VR的推广H5页面需求，egret恰好也有相关的API可以方便我们使用，这就是egret的天空盒子-**egret3d.Sky** 在 Egret 3D 所创建的空间中最外层是由天空盒子来包裹起来的。我们通常使用天空盒子来展现风景，地平线，天空，星空等等空间的“大背景”。天空盒子由一组无缝的贴图包裹起来的盒状空间。当我们的 3D 场景中包含有物体时，天空盒子总是充当其背景。 ![天空盒子](https://image.dengtongyu.com/blog/2017/11/images.jpeg) 环境：egret 5.0.12 IDE：egret wing 3
+现在移动端越来越多类VR的推广H5页面需求，egret恰好也有相关的API可以方便我们使用，这就是egret的天空盒子-**egret3d. Sky** 在 Egret 3D 所创建的空间中最外层是由天空盒子来包裹起来的。我们通常使用天空盒子来展现风景，地平线，天空，星空等等空间的“大背景”。天空盒子由一组无缝的贴图包裹起来的盒状空间。当我们的 3D 场景中包含有物体时，天空盒子总是充当其背景。 
+
+![天空盒子](https://image.dengtongyu.com/blog/2017/11/images.jpeg)
+
+ 环境：egret 5.0.12 IDE：egret wing 3
 
 # 加载天空盒子素材资源
 
-通过**egret3d.QueueLoader**加载器加载资源，然后监听资源加载完成事件**egret3d.LoaderEvent3D.LOADER\_COMPLETE**。
+通过**egret3d. QueueLoader**加载器加载资源，然后监听资源加载完成事件**egret3d. LoaderEvent3D. LOADER\_COMPLETE**。
 
-```
+``` 
 
     /**
      *  加载器
@@ -34,9 +42,9 @@ date: 2017-11-22 18:35:36
 
 # 创建天空盒子
 
-资源加载完成后，用**egret3d.Sky**创建天空盒子，**egret3d.Sky**方法有三个参数， Sky(geometry:egret3d.Geometry, material:egret3d.MaterialBase, camera:egret3d.Camera3D), 分别是3D几何形状，纹理贴图，摄像机。然后把天空盒子添加到3D显示类里。
+资源加载完成后，用**egret3d. Sky**创建天空盒子，**egret3d. Sky**方法有三个参数， Sky(geometry:egret3d. Geometry, material:egret3d. MaterialBase, camera:egret3d. Camera3D), 分别是3D几何形状，纹理贴图，摄像机。然后把天空盒子添加到3D显示类里。
 
-```
+``` 
 
     // 天空盒资源加载完成 创建天空盒
     private onSkyBoxTexture(e: egret3d.LoaderEvent3D) {
@@ -65,7 +73,7 @@ date: 2017-11-22 18:35:36
 
 我们需要通过获取陀螺仪信息来根据手机的旋转，让天空盒子视角旋转对应的角度。
 
-```
+``` 
 
     // 获取设备旋转角度
     private setOrientation() {
@@ -90,4 +98,6 @@ date: 2017-11-22 18:35:36
     }
 ```
 
-最终效果->[传送门](https://demo.dengtongyu.com/pages/boxsky/) 手机扫一扫 ![egret天空盒子demo](https://image.dengtongyu.com/blog/2017/11/下载-2.png)
+最终效果->[传送门](https://demo.dengtongyu.com/pages/boxsky/) 手机扫一扫 
+
+![egret天空盒子demo](https://image.dengtongyu.com/blog/2017/11/下载-2.png)