Asroads'Blog 君子不器
小游戏优化内存使用压缩纹理
发布于: 2023-08-28 更新于: 2024-03-02 分类于: game 阅读次数: 

随着小游戏体量增加后，需要进一步对游戏内存优化，一般来说，如果小游戏的设计初期考虑了小游戏平台，一般来说内存都可以接受，但实际的开发工作中，很多游戏是先上线了原生平台，发现游戏数据不错，想继续在小游戏平台分一杯羹。于是就把游戏移植到了小游戏平台。这样的游戏一般存在加载问题，性能渲染问题，内存优化问题，导致手机发热，启动慢，游戏卡等现象，下面说一下如何使用纹理格式。

目前来说，小游戏纹理很成熟了，截止目前，微信、抖音、QQ 都支持ASTC纹理格式，虽然说，小游戏使用纹理整体来说不算麻烦，但是牵扯到好几个细节操作，还是记录一下，便于后面查阅。

文章内环境

  • Cocos Creator 2.4.11
  • Mac电脑
  • CDN
  • 微信/抖音/QQ 小游戏平台

具体步骤

  1. 新建一个Cocos Creator项目，然后随便找几张图片 这里测试使用Png格式

    image-20230828172008893

  2. 如上图所示 添加两个选择 分别为 ASTC 6X6 和 PNG格式

  3. 重新构建游戏，就可以看到我们构建的文件里素材存在两个后缀格式

    image-20230828172142110

  4. 此时，我们就可以通过预览游戏看到游戏正常使用纹理（上面的设置为 优先使用ASTC）

优化构建步骤

由于我们项目没有使用 纹理格式，牵扯到小游戏和原生分支合并到问题，于是，便考虑到，能否在构建前 改变png 到 meta 文件信息，构建结束后，再重置回去。于是便使用脚本实现。

下面说一个简单的脚本：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
#!/usr/bin/env python3
# -*- coding: utf-8 -*-

import os
import json
import subprocess
import time
import sys

def update_meta_file(file_path):
    try:
        print(f"Processing file: {file_path}")
        with open(file_path, "r") as file:
            data = json.load(file)
            data["platformSettings"] = {
                "minigame": {
                    "formats": [
                        {"name": "astc_6x6", "quality": "medium"},
                        {"name": "png", "quality": 80},
                    ]
                },
                "default": {"formats": [{"name": "png", "quality": 80}]},
            }

        with open(file_path, "w") as file:
            json.dump(data, file, indent=2)
            # print(f"Updated file: {file_path}")
    except json.JSONDecodeError as e:
        print(f"Error parsing JSON in file {file_path}: {e}")
    except Exception as e:
        print(f"Error updating file {file_path}: {e}")


def update_meta_file_2(file_path):
    try:
        print(f"Processing file: {file_path}")
        with open(file_path, "r") as file:
            data = json.load(file)
            data["platformSettings"] = {}

        with open(file_path, "w") as file:
            json.dump(data, file, indent=2)
            # print(f"Updated file: {file_path}")
    except json.JSONDecodeError as e:
        print(f"Error parsing JSON in file {file_path}: {e}")
    except Exception as e:
        print(f"Error updating file {file_path}: {e}")


def recursive_update(directory):
    for root, _, files in os.walk(directory):
        for file in files:
            if file.endswith(".png.meta") or file.endswith(".jpg.meta"):
                file_path = os.path.join(root, file)
                update_meta_file(file_path)


def recursive_update_2(directory):
    for root, _, files in os.walk(directory):
        for file in files:
            if file.endswith(".png.meta") or file.endswith(".jpg.meta"):
                file_path = os.path.join(root, file)
                update_meta_file_2(file_path)


if __name__ == "__main__":
    target_directory = "../assets/"  # 使用相对路径，表示当前目录下的assets目录
    # 改meta
    print(f"开始——————————————————————————————批量修改meta文件!!!")
    recursive_update(target_directory)
    time.sleep(1)  # 休眠1秒

    # 执行构建
    print(f"结束——————————————————————————————执行构建脚本")

    build_args = list(sys.argv.copy())
    isBackMeta = False
    if "--publish" in build_args:
        print("发布版本")
        build_args.append("--gitcheck")
        build_args.append("false")
        isBackMeta = True
    else:
        print("开发版本")
    print("build_args", build_args)
    #command = "./build.py --env 2 --server 18 --release"
    build_args = " ".join(build_args[1:])
    command = f"./build.py {build_args}"
    subprocess.run(command, shell=True)

    time.sleep(1)  # 休眠1秒
    if isBackMeta:
        # 还原
        print(f"——————————————————————————————批量还原meta文件")
        recursive_update_2(target_directory)
        print(f"——————————————————————————————结束")

注意 上面脚本内 的 build.py 其实内容就是 构建游戏的具体命令 这里考虑到篇幅，不再展示

CDN自动解压

如何设置智能压缩配置

看到上面图片，我们发现，ASTC的体积和没有压缩的png 图片大小几乎相当，但是PNG 格式说可以压缩的，如果使用了ASTC 格式那么将带来一个问题，就是传输下载时间变长。于是便有了这个CDN自动解压。

我们这里使用的是腾讯云服务。智能压缩配置

image-20230828173613116

如何检查智能压缩配置生效

这里给出 几个个网站 都可以在线验证 如果失效了 搜索 gzip test tool

下面给出 可以成功支持 和 不支持的 结果

image-20230828174300529

image-20230828174321542

CDN预热

如果项目传到CDN的资源服务器后，如果最开始下载的人，会因为CDN节点没有预热，资源下载节点少，而引发用户下载时长比较长，需要我们对资源进行预热。

缓存预热

功能介绍

腾讯云 CDN 提供资源预热功能，可将指定资源主动从源站加载至 CDN 加速节点并缓存。当用户首次请求资源时，可直接从 CDN 加速节点获取缓存的资源，无需再次回源。

操作指南

登录 CDN 控制台，单击左侧目录的刷新预热，进入后可按需提交 URL 预热任务：

  • 内容分发网络 CDN 与 全站加速 ECDN 域名的 URL支持混合填写提交。
  • 支持输入内容和上传 txt 文件两种提交方式。
  • 支持指定预热区域：预热地域对应域名的加速区域，请按需选择。

img

微信小游戏高性能模式

微信小游戏平台推出了高性能模式。高性能模式下，安卓端拥有更好的渲染性能和表现，无需特殊适配，iOS 端需要进行一定的适配以保证两种模式兼容。

开通高性能模式开关

开通高性能模式的方式为：登录微信公众平台 -> 首页能力地图模块 -> 点击进入”生产提效包” -> 点击开通高性能模式。 开通成功后，过配置 game.json 的 iOSHighPerformance 为 true 则可进入高性能模式，通过去掉此开关可以正常回退到普通模式，以便两种模式对比

1
2
3
4
5
6
7
8
9
10
{
    "deviceOrientation": "portrait",
    "networkTimeout": {
        "request": 15000,
        "connectSocket": 15000,Cocos 微信小游戏内存与性能优化指南（iOS端）
        "uploadFile": 15000,
        "downloadFile": 25000
    },
    "iOSHighPerformance": true
}

image-20230828180218542

注意，使用这个功能 需要Cocos Creator版本 大于 2.4.9

总结

astc 纹理对下降内存和提高加载速度是有效的，但是手机具体是否支持 astc 比较复杂，和手机 的 soc(cpu、gpu)，安卓系统版本等等相关。 最好导出多种格式的图比如 png 和 astc 等，让 引擎自动判断使用的图片格式。构建后 发现 astc 和 png 数量对不上，其实是引擎内置的png 图片导致的，故而可以忽略。

拓展知识

--- 本文结束 The End ---