开发者成长日志
记录日常开发心得 · 分享技术学习笔记

📖 开发笔记

抖音小游戏接入完全指南 & 踩坑记录

📅 2026年5月 · 预计阅读 8 分钟

前段时间尝试做了一款抖音小游戏，从 Cocos Creator 开发到接入抖音平台，再到审核上线，一路踩了不少坑。这里把整个过程梳理出来，希望能帮到同样想入坑的朋友。

一、开发环境准备

我使用的是 Cocos Creator 3.x + TypeScript 开发。抖音小游戏支持 Cocos Creator 直接发布为抖音小游戏工程，这点比较方便。

💡 注意：抖音小游戏的引擎版本建议使用 Cocos Creator 3.6 以上，对抖音平台的适配更完善。低版本可能会有一些 API 兼容问题。

二、接入抖音开放平台

首先需要在 抖音开放平台 注册开发者账号，创建小游戏应用。这个过程需要实名认证，审核通常 1-3 个工作日。

三、常见踩坑记录

坑1：屏幕适配问题

抖音小游戏在不同的手机上屏幕比例差异很大（全面屏、刘海屏等）。我一开始用固定分辨率设计，结果在异形屏上 UI 全乱套了。

⚠️ 解决：使用 Cocos Creator 的 Widget 组件做自适应布局，设计分辨率用 720 x 1280，适配策略选 FitHeight + FixWidth。同时在抖音小游戏的初始化配置中设置 designWidth 和 designHeight。

坑2：分包加载与首包体积

抖音小游戏的首包体积限制是 4MB（主包）。我的游戏资源超了，导致上传失败。后来把音频、图片等资源放到了分包中。

💡 做法：在 game.json 中配置 subPackages 字段，把不常用的关卡或资源拆到子包中。启动时只加载主包，进入对应页面时再加载子包。

坑3：审核被拒的常见原因

四、上线后的数据

目前我的小游戏日均 DAU 大约在 200-500 之间，虽然不多，但作为个人开发者的第一个作品，已经很满意了。后续打算继续优化玩法，增加更多关卡。

Cocos Creator 使用心得

📅 2026年4月

从 Unity 转到 Cocos Creator 做 2D 小游戏，最大的感受就是轻量。Cocos Creator 的编辑器启动快，打包也快，非常适合做轻量级的 2D 游戏。

几个小经验：

后续会继续深入学习 Cocos Creator 的 3D 功能，看看能不能做一些 2.5D 效果的游戏。

🎮 我的作品

🕹️ 跳一跳 · 抖音小游戏

📅 2026年4月 上线 · 技术栈：Cocos Creator + TypeScript + 抖音小游戏 SDK

我的第一款抖音小游戏。操作简单——按住蓄力、松手跳跃，控制角色在平台之间跳跃前进。目前累计玩家约 5000+。

Cocos CreatorTypeScript抖音小游戏2D

📌 开发感悟：第一款游戏不用追求大而全，核心玩法做好、操作手感调优到位，比堆砌功能更重要。这款游戏从开发到上线用了大约两周时间（下班后 + 周末）。

🃏 记忆翻牌 · H5 小游戏

📅 2026年3月 · 技术栈：原生 JavaScript + CSS3

一个经典的内存翻牌配对游戏，纯前端实现。用来练手 CSS3 3D 翻转动画和 JavaScript 游戏状态管理。

JavaScriptCSS3 动画H5

🌐 个人网站 · 本站

📅 2026年5月 · 技术栈：HTML + CSS + JavaScript · 部署：阿里云 OSS

就是你现在看到的这个网站！全静态页面，托管在阿里云 OSS 上，域名备案已完成。使用磨砂玻璃设计风格 + CSS 动态流光效果。

本站的定位就是 个人开发者成长日志，记录我在技术路上的点点滴滴。

阿里云 OSS静态网站ICP 备案

📚 学习路径

以下是我作为个人开发者自学技术的路径规划，目前还在持续学习中。分享出来供大家参考。

🟢 第一阶段：前端基础（已完成）

🔵 第二阶段：游戏开发（进行中）

🟣 第三阶段：全栈拓展（计划中）

⚠️ 个人感悟：学习技术不要贪多求快，找一个方向深入下去比什么都学一点更有价值。我选择游戏开发作为主方向，是因为它能很快看到成果，有正反馈，更容易坚持下去。

📖 近期书单

🖥️Cocos 游戏开发
☁️云原生 & 函数计算
📡全栈架构
🎨前端艺术

✧ 记录日常开发心得与技术学习笔记 ✧

本站为个人技术学习成果展示网站，无商业服务、用户交互、留言评论或付费功能。

黑ICP备2026002813号

开发者成长日志 · 日拱一卒