连连看小游戏项目梳理

待我称王封你为后i 2022-01-11 08:57 263阅读 0赞

## 项目难点: ##

### 进行游戏面板的加载 ###

#### 如何保证每个元素都能找到配对的元素并且游戏可以开始进行？ ####

### 元素是否可以相互抵消的判断 直接通过game.js 文件中定义的judge() function进行判断 ###

#### 直接相连的元素,需要拐一个弯的元素,需要拐两个弯的元素 如果有拐角的话,拐角的线是怎么画出来的 -> 路径是怎么找到的？ ####

直接相连的元素: 属于同一行和同一列上的  
需要拐一个弯的: 在一个矩形的对边的位置上, 找到矩形的另外一组对角线,判断before-el以及el-after是否可以直接相连  
需要拐两个弯的: 属于同一行和列上并且有遮挡的 将before 向  
showLine() function  
必须保证相连且中间没有元素阻挡

### html文件 和 js文件的功能分配问题 ###

#### js文件之中直接生成html语句来进行 DOM元素的生成？？ // 这种写法应该不是正规的写法吧？ ####

#### 需要清楚 html文件的结构才方便进行 js文件的书写,这样会 ####

#### js文件的相互调用关系 ####

### 项目文件内容梳理: ###

**config.js:** 写的是一些辅助配置参数 比如 行数 列数 执行的时间  
itemDirectionHTML 是干嘛用的？

**event.js:** 写的是所有的监听事件 依赖于 game.js

定义了3个on() 如何进行区分和调用？ on() 只是用来监听事件的  
第一个on() 监听的是gridContainer上发生的 click事件  
先用 e.target定位触发event的对象是否是img 标签  
后两个简单的btn直接监听'click'事件

**view.js:** 写的是show disapper等与界面显示直接有关的function 比如初始化所有元素, 消除元素,展示相连的线

将元素消失只是用了一个 hidden的css属性？

game 和 view又是怎么扯上关系的?  
在Game.setup方法之中定义this.view = new View()

核心的逻辑都在event.js之中了 因为是离用户最近的地方，用户只通过点击来进行操作

转载于:https://www.cnblogs.com/kong-xy/p/10702876.html

发表评论取消回复

表情：

评论列表（有 0 条评论，263人围观）

还没有评论，来说两句吧...

相关阅读

相关基于C#制作一个连连看小游戏

基于C#制作一个连连看小游戏，实现：难易度选择、关卡选择、倒计时进度条、得分计算、音效播放等功能。

Bertha 。/ 2024年04月22日 15:24/ 0 赞/ 64 阅读

相关连连看游戏——Java

整理一下以前学习时找到的程序。转载：https://blog.csdn.net/A1344714150/article/details/84800161?depth\_1-

柔光的暖阳◎/ 2023年07月11日 11:22/ 0 赞/ 128 阅读

相关基于MFC的连连看小游戏设计与实现

![c79b65b9f2d2bd59d3f6e608631ff8f7.png][] ![e49294db08474c095d4660c44d4548e0.png][] ![

太过爱你忘了你带给我的痛/ 2022年09月09日 06:54/ 0 赞/ 179 阅读

相关基于MFC的连连看小游戏设计与实现

![c79b65b9f2d2bd59d3f6e608631ff8f7.png][] ![e49294db08474c095d4660c44d4548e0.png][] ![

布满荆棘的人生/ 2022年09月08日 14:56/ 0 赞/ 182 阅读

相关基于MFC的连连看小游戏设计与实现

![c79b65b9f2d2bd59d3f6e608631ff8f7.png][] ![e49294db08474c095d4660c44d4548e0.png][] ![

约定不等于承诺〃/ 2022年09月07日 12:27/ 0 赞/ 209 阅读

相关连连看游戏

“连连看”相信很多人都玩过。没玩过也没关系，下面我给大家介绍一下游戏规则：在一个棋盘中，放了很多的棋子。如果某两个相同的棋子，可以通过一条线连起来（这条线不能经过其它棋子），而

骑猪看日落/ 2022年08月27日 14:42/ 0 赞/ 207 阅读

相关 “连连看”小析

“连连看”小析一.缘起近段日子与几位同事聊到了“连连看”这个小游戏，感觉还颇有些趣味，虽然其本身规则并不繁琐，但玩起来确实很能让人投入。出于自己

谁践踏了优雅/ 2022年07月16日 16:48/ 0 赞/ 204 阅读

相关一个简单网页游戏--丑陋的连连看

主页面 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

墨蓝/ 2022年06月03日 03:05/ 0 赞/ 186 阅读

相关连连看小游戏项目梳理

项目难点: 进行游戏面板的加载如何保证每个元素都能找到配对的元素并且游戏可以开始进行？元素是否可以相互抵消的判断直接通过game.js 文件中定义的j

待我称王封你为后i/ 2022年01月11日 08:57/ 0 赞/ 264 阅读

相关连连看

Problem Description “连连看”相信很多人都玩过。没玩过也没关系，下面我给大家介绍一下游戏规则：在一个棋盘中，放了很多的棋子。如果某两个相同的棋子，可以通过

浅浅的花香味﹌/ 2021年12月24日 17:37/ 0 赞/ 240 阅读