用户界面
启动应用程序时，浏览器在左边显示游戏区，包括互动地图及需要标记的位置，在右边显示选择列表，包括可选游戏及当前分数。若用户此前玩过该游戏，他将看到最高分(百分比)以及游戏已被玩过多少次。如图所示，游戏还显示当前浏览器是否连接至互联网。若处于联网状态，还将出现一个游戏更新的按钮“Checkfornewgames!"0在游戏过程中，用户需要找到指定地点，并单击地图猜出指定地点的位置。每次鼠标单击后地图上都会出现一面小旗帜，标记用户单击的位置。同时，会有一个圆圈标记正确的目标位置。旗帜和圆圈颜色相同，并被明显地绘制在地图上.若两者重合合，则意味着目标被成功标记，任务完成。成功标记的目标会被添加至已找出的目标列表中，并以勾号标记，反之则以X号标记。此列表使用与地图中一样的颜色(见图)。
所有地点被标记后，程序将赞扬用户或鼓励他们下次努力——取决于得分。之后用户可以从选择菜单中选择一个新游戏，或重载页面再次运行当前游戏。
管理界面
如前所述，游戏具备让你设定新目标的模式(clicktick_creator.html)。管理界面从GoogleMaps中载入地图，并允许你设定缩放比例、截选地图，并在地图上定义数个点。在开始布置这些点之前，你需要通过Record按钮来固定地图。一行与每个点对应的JavaScript代码将显示在浏览器右侧，列出以像素为单位的坐标及对应点的标识。
这部分页面内容被定义为可编辑，因此可在HTML页面上直接修改标识。在标记了所有点并选择了对应的标识后，管理员需要复制JavaScript代码并将其保存在一个JavaScript文件中，这个文件会在HTML页面的head中引用。这项工作的更多细节可以在管理后台的指引文档中找到。
最后一步是让新游戏离线可用，
宁波网站建设认为这只需要在appcach文件中加人创建好的JavaScript文件。为了在静态GoogleMaps地图上找到正确地址，你需要使用调试选项来调用一次游戏，将“debug=l”字符串添加到管理后台的URL中就可以轻松搞定。在这个模式中，所激活图像的URL会在游戏区下方显示。
如果你有兴趣进一步了解管理界面中用到的GoogleMapsAPI、Canvas及JavaScript的工作机制，可参考以下地址的源代码：
Fhttp://html5.komplett.cc/code/chap_storage/click2tick_creator.html从HTML代码开始，然后研究manifest设置，最后是JavaScript部分。
本文由乐华网络编辑，转载请注明出处
宁波网站建设www.leseo.net
