今天心血来潮,想搞个小游戏玩玩,就琢磨着弄个石头连连看。这玩意儿小时候在那种老式的掌上游戏机上经常玩,规则简单,消磨时间那是杠杠的。
我寻思着这东西应该不难?结果一上手,还真有点门道。我先是找些图片素材,弄一堆花花绿绿的小石头,看着还挺像那么回事。
第一步:摆石头
我先把这些石头图片一个个摆到界面上。用一堆的 <div>
标签,每个 <div>
里面放一个石头图片。这一步还算顺利,就是有点枯燥,摆得我眼睛都花。
- 先找石头图片,各种颜色,各种形状的,得准备
- 然后用
<div>
标签把它们一个个放上去,就像在桌子上摆积木一样。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
第二步:让石头能点
光摆着不动可不行,得让它们能点!于是我开始给每个石头加点击事件。点一下,石头就得有点反应,比如变个色,或者闪一下,这样才知道自己点到它。
我用 <strong>
标签给点击的石头加个边框,这样看起来更明显些。这部分也没啥大问题,就是得细心,每个石头都得照顾到。
第三步:连连看的核心——判断能不能消
这才是最关键的!两个石头能不能消,这可不是随便说算的。我得写一套规则,判断它们能不能连起来。这块儿花我不少时间,试好几种方法,才找到一个比较靠谱的。
我先是给每个石头编个号,这样好区分它们。然后,每次点击的时候,我就检查这两个石头能不能连通。这里面涉及到一些算法,啥寻路,拐弯,搞得我头都大。不过还是搞定,看着两个一样的石头“啪”的一下消掉,还真有点成就感!
第四步:收尾工作
石头能消,还得加点其他的效果。比如,消掉之后,上面的石头得掉下来补位;全部消完之后,得有个提示,告诉玩家你赢之类的。
这些零零碎碎的东西,也花我不少时间。不过总算是把这个小游戏给做出来。虽然看起来很简单,但自己从头到尾做一遍,还是挺有意思的。
这回弄这个石头连连看,也算是复习一下以前学的东西。感觉做游戏这玩意儿,还真得有点耐心,一点点抠细节,才能把东西做出来。以后有空,再琢磨琢磨其他的游戏,看看能不能搞出点新花样来。