转自：https://ldc.layabox.com/doc/?nav=zh-ts-4-0-14

为什么要释放资源

在LayaAir3D游戏开发中，资源释放非常重要。3D资源包括了模型、贴图、材质、动画等，为了达到好的画面效果，文件会比2D大很多，而3D引擎基本上所有资源都会放入GPU中进行计算渲染，因此占用很多的显存。当游戏关卡不断加载，游戏不断深入，放入显存中的资源越来越多，如果不释放资源，那么游戏最后终将崩溃。

显存不像内存，内存有垃圾回收机制，而显存不一样，必须手动释放，因此显存的资源释放必须受到重视！

观察图1、图2中统计工具中的显存大小

图1为游戏启动后加载的第一个场景，面数为30527，占用显存69.2M。

https://official.layabox.com/laya_data/Chinese/LayaAir_TS/3D/beginners/assetsDispose/img/1.png(图1)

图2为游戏加载的第二场景，面数只有7455，但加载后显存资源却有118.91M。这是什么原因呢？面熟少，场景小，贴图其实也比图1中场景少很多，光照贴图也小很多，但显存资源却更大了！

这就是因为第一关场景资源并未被释放掉，它的资源还在显存中，因此显存占用变大了。如果不手动清除，游戏继续切换其他场景，当达到一定量后，手机显存将被耗光，游戏卡死、闪退、发热等现象就会频繁出现。

https://official.layabox.com/laya_data/Chinese/LayaAir_TS/3D/beginners/assetsDispose/img/2.png(图2)

加载资源时处理原则

通过上图的例子我们可以看到LayaAir3D引擎处理资源与显存的关系，为了达到游戏性能优化目的，在加载资源时也要注意一些原则。

1、加载资源时不要一次性把所有资源全部加载，只加载需要的资源（分段加载模式）。3D资源加载完成后会根据资源后缀名称直接创建出3D显示对象，比如.ls会创建出Scene，.lh会创建Sprite3D对象等，创建好的对象资源哪怕是没有放到舞台上，也会直接放入显存当中，因此资源过多会占有大量显存。

2、合理管理显存，经常反复使用的资源在显存中不需要释放，而不反复使用的资源在使用完成后立即释放以节省性能开销。比如主角资源，3D道具资源，玩家经常使用，可以一直存放在显存中，提取速度快；而一些大型场景，在切换时可以释放掉资源，场景关卡贴图、模型资源都较大，释放后能省几十上百兆大小的显存开销。

释放显存资源方法

释放显存资源有两种方法，一种是通过对象来释放显存资源，但遍历资源对象太麻烦，在此不做推荐。另外一种是通过资源地址来释放显存资源，从资源管理角度上来说，通过资源地址方法更加灵活，可以配置JSON数据表来管理。

切换场景和释放资源的过渡界面

在加载资源和切换场景时，我们在IDE中制作一个进度显示界面用于过渡，如图3所示

https://official.layabox.com/laya_data/Chinese/LayaAir_TS/3D/beginners/assetsDispose/img/3.png(图3)

IDE发布后，编写一个控制类，逻辑代码参考如下：

1. class AssetLoadView extends ui.ProgressBarUI{
2. private progress:number = 0;
3. constructor() {
4. super();
5. }
6. public init():void{
7. this.progress = 0;
8. //进度增加的帧循环
9. Laya.timer.loop(20,this,this.onLoop);
10. }
11. private onLoop():void{
12. //进度增加
13. this.progress++;
14. //最高100%进度
15. if(this.progress > 100){
16. this.progress = 100;
17. this.tips.text = "游戏加载完毕，即将进入游戏...";
18. Laya.timer.clearAll(this);
19. this.removeSelf();
20. }
21. else{
22. this.pro.value = this.progress/100;
23. this.tips.text = "游戏正在加载中，当前进度为："+this.progress+"%!";
24. }
25. }
26. }

通过资源地址表释放显存资源

在主类中，我们以鼠标双击舞台方式切换场景，使用资源地址释放显存资源的方法，并加载新场景。

通过资源路径列表方法灵活，可以通过配置表的方式，表里增加删除资源也很方便。比如美术在导出场景时，新建一个JSON表，将此场景中切换后不需要的资源路径都放到J表中，有用的资源不入表，资源就不释放，比如一些公用的NPC、道具、特效等游戏元素资源。

Tips：资源包括：场景光照贴图lightmap、材质.lmat、模型.lm、各种类型贴图.png或.jpg、动画.lani、骨骼.lav等资源。

下面我们来介绍一下资源表方法，首先在导出的资源文件目录中建立json文件并编辑需释放的路径资源，形成一个Json数组，名字与.ls文件一致，方使逻辑调用，本例中为 loveScene.json。如图5、6。

https://official.layabox.com/laya_data/Chinese/LayaAir_TS/3D/beginners/assetsDispose/img/5.png(图5)

https://official.layabox.com/laya_data/Chinese/LayaAir_TS/3D/beginners/assetsDispose/img/6.png(图6)

Json编辑完成后，可用检查工具检测格式是否正确。然后创建主类代码如下：

1. class LayaAir3D_AssetsDespose {
2. private scene:Laya.Scene;
3. private camera:Laya.Camera;
4. private role:Laya.Sprite3D;
5. private progress:AssetLoadView;
6. constructor() {
7. //初始化引擎
8. Laya3D.init(1334,750,true);
9. //画布垂直居中对齐
10. Laya.stage.alignV = Laya.Stage.ALIGN_MIDDLE;
11. //画布水平居中对齐
12. Laya.stage.alignH = Laya.Stage.ALIGN_CENTER;
13. //等比缩放
14. Laya.stage.scaleMode = Laya.Stage.SCALE_FIXED_AUTO;
15. //自动横屏，游戏的水平方向始终与浏览器屏幕较短边保持垂直
16. Laya.stage.screenMode = "horizontal";
17. //开启统计信息
18. Laya.Stat.show();
19. //加载2D资源
20. Laya.loader.load("res/atlas/comp.atlas",Laya.Handler.create(this,this.on2DComplete));
21. }
22. private on2DComplete():void{
23. //实例化加载进度页面
24. this.progress = new AssetLoadView();
25. this.progress.init();
26. this.progress.loadTitle.text = "资源加载与释放示例";
27. //加载第一关场景角色3D资源（不能全部加载，否则太占显存）
28. Laya.loader.create([{url:"LayaScene_loveScene/loveScene.ls"},
29. {url:"LayaScene_girl/girl.lh"}],Laya.Handler.create(this,this.on3DComplete));
30. }
31. private on3DComplete():void{
32. //实例化场景
33. this.scene = Laya.loader.getRes("LayaScene_loveScene/loveScene.ls");
34. Laya.stage.addChild(this.scene);
35. Laya.stage.setChildIndex(this.scene,0);
36. //实例化摄像机
37. this.camera = new Laya.Camera();
38. //移动摄像机位置
39. this.camera.transform.translate(new Laya.Vector3(-1,2,15));
40. //设置摄像机视野范围（角度）
41. this.camera.fieldOfView = 25;
42. this.camera.transform.lookAt(new Laya.Vector3(-1,0,0),new Laya.Vector3(0,0,0));
43. this.scene.addChild(this.camera);
44. //实例化角色添加到场景
45. this.role = Laya.loader.getRes("LayaScene_girl/girl.lh");
46. this.scene.addChild(this.role);
47. //双击游戏画面切换场景
48. Laya.stage.on(Laya.Event.DOUBLE_CLICK,this,this.onChangeScene);
49. }
50. private onChangeScene():void{
51. //去除双击事件监听
52. Laya.stage.off(Laya.Event.DOUBLE_CLICK,this,this.onChangeScene);
53. //切换场景加载界面
54. this.progress.init();
55. this.progress.loadTitle.text = "正在切换场景，请稍后";
56. Laya.stage.addChild(this.progress);
57. //移除摄像机与角色
58. this.scene.removeChild(this.camera);
59. this.scene.removeChild(this.role);
60. //列表释放显存资源方法（释放的资源配置表）
61. this.assetsDispose("LayaScene_loveScene/loveScene.json");
62. //销毁之前场景
63. this.scene.destroy();
64. //加载第二关场景资源到游戏中
65. this.scene = Laya.Scene.load("LayaScene_scene02/scene02.ls");
66. Laya.stage.addChild(this.scene);
67. //摄像机的位置与对准目标
68. this.camera.transform.position = new Laya.Vector3(-1,1,8);
69. this.camera.transform.lookAt(new Laya.Vector3(-1.5,0.5,0),new Laya.Vector3(0,0,0));
70. //添加摄像机与角色到新场景
71. this.scene.addChild(this.camera);
72. this.scene.addChild(this.role);
73. this.role.transform.position = new Laya.Vector3(-1,0,-3.5);
74. //设置场景层级在最下层
75. Laya.stage.setChildIndex(this.scene,0);
76. //现有显存中的资源
77. console.log("现有显存中的资源：",Laya.Loader.loadedMap);
78. }
80. private assetsDispose (assetsUrl:string):void{
81. //加载盘释放的资源配置表
82. Laya.loader.load([{url:assetsUrl,type:Laya.Loader.JSON}],
83. Laya.Handler.create(this,this.onAssetsOK,[assetsUrl]));
84. }
85. private onAssetsOK(assetsUrl:string):void{
86. //获取加载的数据（Json数组转化成数组）
87. var arr:any = Laya.loader.getRes(assetsUrl);
88. for(var i:number = arr.length - 1;i>-1;i--){
89. //根据资源路径获取资源（Resource为材质、贴图、网格等的基类）
90. var resource:Laya.Resource = Laya.loader.getRes(arr[i].url);
91. //资源释放
92. resource.dispose();
93. }
94. }
95. }
96. new LayaAir3D_AssetsDespose;

观察上述代码assetsDispose(assetsUrl:String)方法，加载完配置表后，我们通过Laya.loader.getRes(arr[i].url)方法直接获取资源产生的对象（创建时会根据url后缀名产生不同的类型对象，getRes方法可直接读出来），它们都是Resource类的子类，因此对象调用dispose()方法后就可释放资源。

释放完资源后，还可通过Loader.loadeMap属性查看现有缓存中的资源。

编译运行上述代码我们可以看到图4效果，释放完成并加载新场景时，显存占用比之前小很多了。之前未释放资源时为118.91M，释放后显存只占了59.68M。

https://official.layabox.com/laya_data/Chinese/LayaAir_TS/3D/beginners/assetsDispose/img/4.png