沧海一粟

实现微信订阅号强制关注，联合关注解决方案

Crafty.js是一个比较简单轻量的Html5游戏框架，个人比较喜欢，是因为它足够简便（如果你只需要制作简单的小游戏，例如微信h5中的各种游戏）。遗憾的是，Crafty.js的社区活跃的人越来越少，文档和新的版本也对不上号，所以有的API只能是从源码中获取使用方法了。这次使用他自带的一个RPG示例加工升级而来，先看下大致的样子：四周的灌木是防止人物越出屏幕，中间的没有碰撞检测

准备素材，主要是几个菱形块图片以及鼠标移上去的效果图片（鼠标移上去，替换一张蓝色透明图片）先上效果，鼠标移到菱形区域显示产品名称思路1. 首先将几个菱形图片绝对布局，使其在相应的位置2. 对每个图片进行图片热点设置，热点区域为图片中菱形区域3. 写脚本使得鼠标以上菱形区域后显示另外一张图片以下是代码