大家今天来跟大家唠唠我最近捣鼓的这个h5页面小游戏，整个过程还挺有意思的，跟大家分享一下我的实战经验。

最开始的想法

我就是想做个简单的小游戏，放到公众号里跟粉丝们互动一下。你知道的，现在大家都喜欢玩点轻松有趣的东西，我就琢磨着能不能搞个小游戏来吸引吸引大家。然后我就开始各种找资料，看看现在流行啥样的h5游戏。

摸索阶段

刚开始真是两眼一抹黑，啥也不懂。我就在网上到处搜教程，看别人是怎么做的。发现好多人都推荐那种定制的小游戏，说是可以结合热点啥的，效果更我还看到有人提到TOM游戏公司，说他们家做h5游戏挺厉害的，有很多大活动的经验。不过我这小打小闹的，就没考虑那么多，还是决定自己先试试。

动手设计

我先想个大概的玩法，就是一个简单的答题游戏，答对可以抽奖。我觉得这个比较容易上手，而且大家也喜欢。然后我就开始设计页面，先用纸笔画个草图，把大概的布局、按钮啥的都画一下。这一步很重要，能让你对整个游戏有个清晰的概念。

• 页面布局：我把页面分成几个部分，最上面是游戏标题和一些说明文字，中间是答题区域，下面是抽奖按钮和一些提示信息。
• 颜色搭配：我选几个比较鲜艳的颜色，想让整个页面看起来活泼一点。

吭哧吭哧写代码

设计完，就该写代码。这块我也不太熟，就找些h5的基础教程，边学边写。我发现网上有很多免费的h5游戏模板，可以直接拿来用，但是我还是想自己写，这样可以更灵活地控制游戏的各个方面。虽然过程有点磕磕绊绊，但好歹是把基本的功能都实现。

测试、修改、再测试

代码写完，就得测试。我把游戏发给几个朋友，让他们帮忙看看有没有bug，提提意见。他们玩之后，提不少建议，比如题目太难、抽奖概率太低等等。我就根据他们的反馈，一点点修改，改完再让他们测试，反复几次，直到大家都觉得没啥问题。

嵌入品牌信息

游戏基本没问题，我就开始琢磨怎么把我的品牌信息加进去。我可不想白忙活一场，总得让大家知道这是我做的游戏呀。我把我的logo放到游戏页面的右上角，还加一些宣传语。我还想个办法，把我的产品放到抽奖环节里，这样大家抽奖的时候就能看到我的产品，哈哈，我是不是很机智？

的发布和推广

一切就绪，我就把游戏发布到我的公众号上。为让更多人看到，我还把游戏链接分享到朋友圈、微信群，还找几个朋友帮忙转发。看着大家玩得挺开心的，我心里也美滋滋的。

这就是我这回做h5页面小游戏的全部过程。虽然不是啥大作，但也是我辛辛苦苦做出来的。希望我的分享能给大家带来一点启发，如果你也想做个小游戏，不妨动手试试，真的挺有意思的！