制作H5游戏有多种方法，以下是一些常见的方法和步骤：

原生开发

使用HTML、CSS和JavaScript这三大前端技术进行开发。这种方法可以让游戏充分发挥设备的硬件性能，运行流畅，但开发周期较长，需要投入大量的时间和精力，成本也较高。

借助无代码平台

使用无代码平台如10c.fkw.com广告平台，可以在平台上找到各种游戏模板，根据需求修改游戏的标题、奖品设置、背景图片等元素，快速生成一个精美的H5小游戏。整个过程无需编写任何代码，即使没有技术背景，也能在短时间内完成。

使用第三方引擎

使用第三方引擎如Phaser、Cocos Creator或Unity WebGL，这些引擎为开发者提供了强大的助力，可以简化开发过程，提高开发效率。

制作步骤

需求分析：明确游戏的目标和核心玩法，了解目标玩家的年龄、兴趣和游戏习惯。

策划阶段：包括游戏概念设计、机制设计、故事情节与角色设定。

美术设计：设计游戏中的角色、场景和道具，确保视觉风格统一。

技术选型：选择合适的开发框架和编程语言。

程序开发：实现游戏的各项功能，包括游戏逻辑、动画效果和音效。

测试与优化：进行功能测试、性能测试和用户体验测试，确保游戏的稳定性和流畅性。

上线和推广：将制作好的H5小游戏通过二维码或链接分享至线上，进行推广。

注意事项

在制作H5游戏之前，需要明确游戏的目标受众和市场需求，选择合适的技术栈和开发工具。

游戏设计要简洁明了，易于上手，同时要有一定的趣味性和互动性。

在游戏开发和测试过程中，要注重用户体验，确保游戏运行流畅，无重大bug。

根据以上方法和步骤，你可以根据自己的需求和技能选择合适的方法进行H5游戏的制作。如果缺乏开发经验，建议先使用无代码平台或第三方工具进行快速原型开发，然后再逐步深入到原生开发或第三方引擎的使用。