【游戏】JavaScript版连连看

最新推荐文章于 2025-10-06 15:55:08 发布
原创 最新推荐文章于 2025-10-06 15:55:08 发布 · 置顶 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#游戏 #javascript #safari #opera #chrome #服务器

一款模仿QQ游戏连连看的游戏，支持游戏设置如透明度、声音等，并提供地图选择及自定义地图功能，可通过编辑器创建并保存地图至服务器。

仿照QQ游戏里的连连看做的，功能包括：

一.游戏设置
  游戏窗口透明度，游戏声音，背景音乐，游戏速度等设置

二.地图设置
  可选择游戏中要玩的地图

三.自定义地图
  带一个地图编辑器，可以自已定义地图，并保存到服务器上。

游戏地址：http://www.cctvJS.net/Link/


兼容：IE6.0/7.0/8.0  FF3.5  Chrome 4.0  Safari 3.0/4.0  Opera 9.6/10.1

囧
关注
专栏目录
HTML5+JavaScript实现连连看游戏
cnds123的专栏
12-03 1258
HTML5+JavaScript实现连连看游戏
纯Javascript写的连连看小游戏，不使用任何游戏引擎
m0_70494097的博客
01-12 1921
一个连连看小游戏。JavaScript语言，不使用任何游戏引擎，不依赖任何外部程序，无需安装node.js，不需要http服务，只需双击index.html文件即可运行
JavaScript写一个连连看的游戏
dianyan5615的博客
06-22 335
　　天天看到别人玩连连看， 表示没有认真玩过， 不就把两个一样的图片连接在一起么， 我自己写一个都可以呢。 　　使用Javascript写了一个， 托管到github， 在线DEMO地址查看：打开 　　最终的效果图： 　　 　　写连连看之前要先考虑哪些呢？ 　　　　1：如何判断两个元素可以连接呢， 刚刚开始的时候我也纳闷， 可以参考这里：打开； 　　　　2：模板引擎怎么选择呢...
前后端分离的连连看(炉石传说风格)
02-05
（应该是史上最不实用的连连看，学习webapi时的练手之作。毕竟前端足够计算连连看的算法，但是秉着学习精神，还是做一个看看） 前后端分离的连连看，使用炉石传说图片，后端ASP.NET Core WebApi(.NET 6版本)，前端原生JS和JQuery。使用时需要启动WebApi，用VS2022调试或者在LinkGame目录下cmd输入dotnet run，前端页面在LinkGame.Web目录。数据用二维字符数组存储以及传递，后端提供生成和运算，前端Ajax获取数据。具有连线和爆炸效果。连接路径算法上有提升空间。
JS连连看源码完美注释版(原创)
热门推荐
sunxing007的专栏
02-03 1万+
下班无事，也写一个javascript连连看，注释比较完整，想学的朋友可要看了。连连看最难的部分应该是路径搜索，即鼠标点的两点之间看有无可通的路径。 看过有人写的递归写法，心里痒痒，就捉摸了一下，发现不用递归的情况下难度也不大。路径搜索由简到难分析，先分析一条直线上是否可直线连通，再分析一条直线上的两点通过拐两个弯是否可通,最后分析不在一条直线上的情况.在IE6, IE8, firef
中秋连连看小游戏开发完整教程
最新发布
编码世界
10-06 4万+
中秋佳节，月圆人团圆。月饼、玉兔、明月、灯笼——这些传统元素构成了中秋节独特的文化符号。为了让更多人在数字时代也能感受到传统节日的魅力，我设计并实现了这款"中秋连连看"小游戏。连连看作为一款经典的益智游戏，规则简单却不失趣味性，特别适合在节日期间与家人朋友共同娱乐。本项目将传统的连连看玩法与中秋元素相结合，通过纯前端技术（HTML + CSS + JavaScript）实现了一个功能完整、可实际游玩的小游戏。点击两个相同的图案进行配对两个图案之间的连接路径不能超过2个转折点。
前端js实现连连看游戏
个人笔记
03-17 5730
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> *{ margin: 0; padding: 0; } ul{ width: 400px; height: 400px; border: 1px solid goldenrod; margin: 30px auto;
html连连看小游戏论文,JavaScript编写连连看小游戏
weixin_42299560的博客
06-02 677
天天看到别人玩连连看， 表示没有认真玩过， 不就把两个一样的图片连接在一起么， 我自己写一个都可以呢。使用Javascript写了一个， 托管到github， 在线DEMO地址查看：打开最终的效果图：写连连看之前要先考虑哪些呢？1：如何判断两个元素可以连接呢， 刚刚开始的时候我也纳闷， 可以参考这里：打开；2：模板引擎怎么选择呢， 我用了底线库的template，因为语法简单。 本来想用Handl...
php 连连看游戏开发,原生JavaScript实现连连看游戏
weixin_39889329的博客
03-28 187
首先看一下html的布局方式在index.html文件中：[html]连连看分 数0时 间0css文件夹下的index.css文件如下：[css]body {font-size : 16px;font-weight : bold;color : grey;}#whole {border : 1px double #999999;border-width : 5px;width : 800px;...
原生javascript实现连连看游戏
weixin_30783629的博客
02-18 231
<!DOCTYPE html> <html> <head> <title>连连看</title> <meta charset="gbk"> <style type="text/css"> body { text-align: center; } .text {text-alig...
JavaScript连连看游戏
09-15
JavaScript连连看游戏是一种基于网页的休闲益智游戏，利用JavaScript编程语言实现，用户可以在浏览器环境中直接运行。这个游戏的实现涉及到JavaScript的基本语法、DOM操作、事件处理以及数据结构和算法等多个核心...
精选资源
JavaScript编写的经典连连看小游戏
01-23
JavaScript编写的经典连连看小游戏是一种基于网页的娱乐项目，它利用了JavaScript这门客户端脚本语言的特性，为用户提供了互动的游戏体验。连连看游戏的基本原理是通过匹配两个相同图案的方块，当它们之间的连线不...
连连看游戏JavaScript版本
03-18
"连连看游戏JavaScript版本"是一个基于JavaScript编程语言开发的小型休闲游戏。JavaScript是Web开发中的主要脚本语言，常用于实现网页的动态交互效果。在这个项目中，开发者使用JavaScript来控制游戏逻辑，包括游戏...
连连看小游戏网页版
12-01
通过这个连连看小游戏网页版，开发者不仅可以学习到jQuery的基本用法，还能提升在JavaScript游戏开发、DOM操作、事件处理、动画制作以及前端性能优化等方面的能力。同时，它也适合作为教学案例，帮助初学者理解Web...
JavaScript游戏之连连看连线算法实例
阿海的博客
11-24 5273
JavaScript游戏之连连看连线算法实例
【游戏】JavaScript 版俄罗斯方块
Freewind的专栏
04-26 1877
用JavaScript 写的俄罗斯方块, 实现了几个比较简单的功能: 自定义按键, 设置初始速度,难度和方块,换肤功能。布局用的Div+Css演示地址：http://www.cctvJS.net 下载：http://download.youkuaiyun.com/source/430506 程序主要用了三个类, 窗口类、菜单类、游戏类和一个基类。1.基类, 定义了一些常用属性和函数.
javascript + div 做的滚动条
Freewind的专栏
03-08 1749
// JavaScript Document/**//************************************************************名 称: ScrollBar滚动条类作 者: freewind版 本: v1.0时 间: 2008-02-20修 改: 2008-02-21Email: freewind22@163.com
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值