真正省事原生支持骨骼动画的HTML5引擎仅有Phaser 3（需插件）、PixiJS（靠spine/dragonbones扩展）和Cocos2d-html5（内置DragonBones）；Three.js需手动绑定SkinnedMesh与Bone，无现成解析器。
HTML5 游戏引擎里做骨骼动画，不是靠手绘帧序列，而是靠运行时骨骼驱动网格变形——核心在于数据格式兼容性与引擎绑定逻辑，不是“能不能做”，是“用哪个格式、怎么喂给引擎”。
哪些引擎原生支持骨骼动画（且不用自己写解析器）
真正省事的只有几个：Phaser 3（需插件 spine-plugin 或 dragonbones-plugin）、PixiJS（靠 @pixi-spine/core 或 pixi-dragonbones）、Cocos2d-html5（内置 DragonBones 支持）。Three.js 虽然能跑，但得自己接 THREE.SkinnedMesh + THREE.Bone，没现成动画数据解析。
- Phaser 3 默认不带骨骼支持，
scene.load.spine()会报TypeError: this.load.spine is not a function，必须手动import SpinePlugin并game.plugins.install('spine', SpinePlugin) - PixiJS v7 的
@pixi-spine/core不兼容旧版 Spine JSON 输出（v3.8 以前），加载时会卡在skin: null报错，得用 Spine Editor 导出时勾选Export with skin - Cocos2d-html5 只认 DragonBones JSON，不认 Spine；反过来，Spine 插件在 Cocos 里直接报
Invalid data format
Spine 和 DragonBones 数据怎么导出才不翻车
导出不是点一下“Export”就完事。关键在骨架结构是否扁平、皮肤是否内嵌、坐标系是否匹配引擎预期。
- Spine 导出选
JSON格式时，必须关掉Binary选项（否则 Pixi/Phaser 加载失败），同时打开Nonessential（否则缺失bones层级信息） - DragonBones 导出 JSON 必须选
Texture Atlas（不是单图模式），且Atlas文件和JSON必须同名、同目录，否则factory.parseDragonBonesData()返回null - 两个工具默认 Y 向上，但 Phaser 3 是 Y 向下，角色会倒立——得在 Spine Editor 里开
Flip Y，或 DragonBones 中设置armature.y = -armature.y
加载后动不起来？先查这三件事
常见现象是纹理显示了、骨架结构也 log 出来了，但 animationState.setAnimation() 没反应，或者动作卡在第一帧。
立即学习“前端免费学习笔记（深入）”；
- 检查动画名称是否拼错：
state.setAnimation(0, 'run', true)中的'run'必须和 Spine/DragonBones 项目里定义的动画名完全一致（区分大小写，空格也不行） - 确认时间步进是否被阻断：Phaser 3 中若用了
scene.time.scale = 0（比如暂停逻辑），骨骼动画也会停；PixiJS 需手动调spine.state.update(deltaMS)，漏掉就冻结 - 纹理没绑定成功：DragonBones 的
factory.addTextureAtlasData()必须在parseDragonBonesData()之后、buildArmatureDisplay()之前调用，顺序错就白加载
性能敏感场景下的取舍建议
网页端骨骼动画的瓶颈不在渲染，而在骨骼矩阵计算和顶点更新。10 个角色同时播 3 层动画（idle + weapon + particle），低端安卓机容易掉帧。
- 能用序列帧的地方别硬上骨骼：UI 动画、非交互 NPC、背景元素，
Phaser.Animations.generateFrameNumbers()+sprite.anims.play()更轻量 - Spine 运行时比 DragonBones 小约 30%，但 DragonBones 的 JSON 更易调试（纯文本结构清晰）；若团队有 Flash 动画师，优先 DragonBones
- 避免在每帧里反复调
setSkin()切换装备——提前建好多个ArmatureDisplay实例，用visible = false控制显隐，比 runtime 切 skin 快得多
真正卡住人的往往不是“怎么播动画”，而是“为什么数据加载了却没进动画状态机”。多打两行 console.log(state.getCurrent(0))，比重装插件快十倍。
