【作品分享】Crownforge:合成自走棋网页游戏,Cocos Creator 3.8.7,首屏加载从 33 秒优化到 16 秒

大家好,分享一个用 Cocos Creator 3.8.7 做的网页小游戏,目前在 Playgama 上公开测试。

玩法:把相同的兵拖到一起合成更高等级,排好阵型后点开始,战斗自动进行。战斗中可以释放陨石、治疗、冰冻技能。敌人有护甲类型,伤害类型选对比单纯堆等级更重要。支持电脑和手机(横屏),目前只有英文。

试玩:Crownforge: Merge Army — Playgama

国内网络如果打不开或加载很慢,可能是被拦截了,请开启 VPN 后再试。

开发过程中 AI 帮了很多忙,关卡数值是用一个自动跑完整循环的机器人来调的。

这次主要想聊一下首屏加载优化。Playgama 测出来第一版要 33 秒才到可玩画面,现在是 15.9 秒:

  1. 原来 game_ready 之前会预加载所有界面 prefab,现在改成 game_ready 之后在后台加载,用 in_game_loading_started / stopped 包起来。
  2. HUD prefab、3D 场景、地图改为和单位图片并行加载,原来是串行的。
  3. 在项目设置里关掉了 8 个用不到的引擎模块(spine、dragon-bones、physics-2d、tiled-map、video、webview、particle-2d、intersection-2d),cc.js 从 2.7 MB 降到 1.9 MB,spine 的 wasm 也没了。

目标是 10 秒以内,接下来瓶颈主要在贴图:地图底图一张 PNG 就有 1.7 MB。想请教各位:Web 平台上大家一般怎么压缩贴图?PNG8、WebP,还是有更好的做法?画质和体积怎么平衡?

欢迎试玩和吐槽,特别想知道大家第一次卡在哪一关。

4赞

游戏发到这上面能赚钱不

2赞

这是试玩广告

1赞

是的,如果我的游戏通过他们的beta测试并正式发布,收入将来自应用内购买和应用内购买奖励,一旦达到一定门槛,他们将通过国际支付方式支付。

这是我的测试版,这样我可以在正式发布前收集用户数据并改进游戏。 :smiling_face_with_three_hearts:

可以试一下tinypng压缩图片.转成webp也不错的.
aa (1).png.zip (458.9 KB)
其实怎么压缩图片,请教AI更好.

2赞

谢谢,我会试试你的方法。 :smiling_face_with_three_hearts:

游戏还不错,就是转场时间太久了,不知是网络还是什么问题。国内直连

1赞

这网站的服务器在国外,国内会慢一点,所以用梯子比较好.
我用梯子这挺快的.

1赞

或许是因为该平台的服务器位于中国境外,所以你可以使用 VPN 来提高速度。 :smiling_face_with_three_hearts:

我玩到了你截图的第二章,感觉第一章的地图不如第二章的地图好看。美术素材也是你用ai自己做的吗,像素+高饱和的美术风格很棒 :+1:
开头的镜头晃动来讲述背景做的很厉害。
游戏的数值感觉比较一般,引导玩家进行合成后,我很期待合成后会明显变强一些,但没有感受到。而且教程引导玩家合成后,到下一回合我想试试继续合成,发现武将数量和金币数量都不够,只能又打了3回合才能够合成。

1赞

如果是图片分辨率很大的话,那我觉得可以考虑切成多块分块加载,或者先加载一张分辨率很低的模糊图片等资源加载好在显示真实地图,看取舍吧

1赞

非常感谢您的反馈;我会在以后的版本中改进。希望您能继续玩我的游戏,并给我更多建议。 :smiling_face_with_three_hearts:

关于游戏画面,我使用的是免费资源;部分图标和图像是使用人工智能生成的。

哦,我之前没想到这一点。这真是个好办法。非常感谢! :star_struck:

我说怎么截图的美术一致性非常高且还不错.
原来是这位越南的playable ad 开发者,以前的分享游戏demo整体一致性就非常好

1赞