大家我是你们的老朋友，今天跟大家唠唠我最近捣鼓的一个小玩意儿——《小女生的游戏》。
事情是这样的，前几天我家那小侄女，天天抱着我的手机刷那些个换装、化妆的小游戏，玩得那叫一个不亦乐乎。我寻思着，与其让她一直玩别人做的，不如自己给她做一个，也好满足一下她那颗爱美的小心心。
说干就干！我先是上网搜罗一堆素材，什么漂亮的衣服、闪亮的饰品、各种发型，恨不得把整个时尚圈都搬到游戏里。然后，就开始琢磨用什么工具来做。本来想着用现成的游戏引擎，但想想只是个简单的换装游戏，用引擎有点杀鸡用牛刀，于是就决定用HTML5 + JavaScript 来搞。
我搭建一个简单的HTML页面，放一个画布（canvas）用来显示人物和服装。然后，用JavaScript来处理用户的点击事件。比如，点击“裙子”按钮，就显示裙子的列表，点击列表里的某一件裙子，就把这件裙子画到画布上的人物身上。
这个过程说起来简单，但做起来可真是费不少劲。人物和服装的图层总是叠放不对，不是衣服盖住人物，就是人物把衣服给遮住。后来我才搞明白，原来是canvas的绘制顺序问题。必须先画人物，再画衣服，画饰品，这样才能保证图层正确。
还有就是服装的适配问题。不同的人物模型，身材比例是不一样的，所以衣服也要跟着调整大小和位置。为解决这个问题，我给每件衣服都定义一个“锚点”，也就是衣服应该放在人物身上的哪个位置。然后，根据人物模型的比例，动态地计算出衣服的实际位置。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
为增加游戏的趣味性，我还加入一些小功能。比如，可以给人物化妆，可以更换背景，可以拍照分享。这些功能虽然简单，但小侄女玩得可开心，每天都要缠着我给她更新新的服装和饰品。
折腾几天，这个《小女生的游戏》总算是初具规模。虽然画面不算精美，功能也不算强大，但毕竟是我亲手做的，也算是满足小侄女的需求。而且通过这回实践，我也对HTML5和JavaScript有更深的理解，感觉自己又get到一项新技能，成就感满满！
这回做《小女生的游戏》的过程，就是一个不断学习、不断尝试的过程。从最初的一窍不通，到最终做出一个勉强能玩的游戏，这其中的艰辛和快乐，只有自己才能体会。下次有机会，我打算再做一个更复杂、更好玩的游戏，大家敬请期待！
