`
zhouning13
  • 浏览: 2975 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

用JQuery写的网页版连连看

阅读更多
比较闲的时候,做了个连连看,做成了JQuery的插件的形式,不需要flash,使用JQuery的平移效果,自己完成的动画效果(使用的google首页的图片)。由于个人素材有限,所以比较简单。
欢迎大家指教。
现在托管到Google上了。地址:http://code.google.com/p/jsgame-llk
svn下载地址:https://jsgame-llk.googlecode.com/svn/trunk

分享到:
评论
21 楼 JavaLanguageFun 2010-03-31  
敬仰中 , 下下来好好研究一下!
20 楼 06softwaregaojie 2009-08-08  
不错,虽然简单了点。继续努力啊
19 楼 zhouning13 2009-07-31  
xiaoxie2007 写道
很好!
不过想问一下:为什么运行起来还这么占CPU呢?这个游戏不应该这么占CPU吧?是不是算法出现问题了?

我只能说IE太垃圾了,运算不算很多都这么慢,占很多CPU。换成火狐一点都不卡。
同时也看出IE和火狐对头信息的处理不同,google的响应头包中包含Content-Type:text/plain
在IE下就优先响应了html里面的Content-Type:text/html,而火狐就优先响应了Content-Type:text/plain
18 楼 xiaoxie2007 2009-07-30  
很好!
不过想问一下:为什么运行起来还这么占CPU呢?这个游戏不应该这么占CPU吧?是不是算法出现问题了?
17 楼 七月十五 2009-07-27  
玩不过去很正常,难道每把都能玩过去的?
玩连连看来要智慧的

代码其实不多,有空研究下代码
谢谢楼主分享
16 楼 zouzou 2009-07-27  
很有意思,不错
15 楼 yanghaiskys 2009-07-27  
想法不错,不过还是有很多bug
14 楼 banrui 2009-07-27  
感觉很牛,呵呵,学习了!
13 楼 javaheqiang 2009-07-26  
后面有baug。两种图标交叉排就不行了。
12 楼 rmn190 2009-07-24  
谢谢楼主的分享!

不错, 看到我当初刚学Java时的劲头了。
11 楼 softkid 2009-07-23  



玩到这里死了啊   楼主排列图标应该要增加检验的逻辑吧

还不错  学习学习
10 楼 02221021 2009-07-22  
IE卡? 楼主是不是也用了图片当背景啊
9 楼 InnocentBoy 2009-07-21  
真的很不错!很有想法!虽然比较简单。
8 楼 kimmking 2009-07-20  
<p>bug:  如下,玩不了了~~~</p>
<p> </p>
<p> </p>
<p><img src="http://www.iteye.com/upload/picture/pic/40708/eb6a9f03-93eb-3118-82df-50a298f2d275.jpg" alt=""> </p>
7 楼 kimmking 2009-07-20  
zhouning13 写道
ynw520 写道
玩到这里死了。。。。。

怎么死了,能描述一下吗?
因为每步操作较多,可能在IE下会比较卡,在FireFox下好多
谢谢你参与测试

http://jsgame-llk.googlecode.com/svn/trunk/jsgame-llk/index.html

在线地址~~
6 楼 zhouning13 2009-07-20  
ynw520 写道
玩到这里死了。。。。。

怎么死了,能描述一下吗?
因为每步操作较多,可能在IE下会比较卡,在FireFox下好多
谢谢你参与测试
5 楼 ynw520 2009-07-14  
玩到这里死了。。。。。
4 楼 erikchang 2009-07-10  
zhouning13 写道
eclipse2008 写道
能否再复杂一点,很好玩。

能,特地的把皮肤做成插件了。
但是在单位无法上网,只能上javaeye,所以素材极其少,值能从一个帖子
google首页动画效果里扒了google的图片做动画效果。如果有人能支持一些美工工作,我会开发更多皮肤和插件

不错,可以细加工一下,最好给核心代码加上注释给大伙分享一下!
3 楼 zhouning13 2009-07-10  
eclipse2008 写道
能否再复杂一点,很好玩。

能,特地的把皮肤做成插件了。
但是在单位无法上网,只能上javaeye,所以素材极其少,值能从一个帖子
google首页动画效果里扒了google的图片做动画效果。如果有人能支持一些美工工作,我会开发更多皮肤和插件
2 楼 eclipse2008 2009-07-10  
能否再复杂一点,很好玩。

相关推荐

    基于Jquery的网页版连连看

    【标题】基于Jquery的网页版连连看 【正文】 在互联网的早期,游戏通常是桌面应用程序的形式,但随着浏览器技术的发展,网页游戏逐渐成为了一种流行趋势。"基于Jquery的网页版连连看"就是一个典型的例子,它利用...

    JQuery 网页连连看

    test-1.html 直接对连连看引擎的测试页面,...test-2.html 直接对连连看引擎的测试页面,只包含一个连连看地图,采用默认的风格,尺寸大小是10行8列,依次使用了右移、下移、左移、上移四个插件,显示连连看debug信息。

    连连看(网页版)

    在这个"连连看(网页版)"项目中,我们主要探讨的是如何使用网页开发技术来实现这个游戏。网页开发通常涉及HTML、CSS和JavaScript等核心技术,这些语言共同构建了一个交互式的、视觉上吸引人的用户体验。 首先,...

    jQuery 趣味的连连看小游戏,完整开源代码.rar

    在这个数字化的时代,将连连看与前端技术相结合,创建出互动性强、视觉效果良好的网页版连连看小游戏,无疑为玩家带来了全新的体验。本文将详细探讨一款基于jQuery、CSS、Flash和图片技术实现的连连看小游戏,并对...

    JQuery 连连看Demo

    "jQuery 连连看Demo"是一个利用jQuery技术实现的在线连连看游戏,展示了jQuery在创建交互式网页应用方面的强大能力。在这个Demo中,我们可以学习到如何利用jQuery来构建一个动态、用户友好的游戏界面。 1. **DOM...

    连连看jquery版

    在《连连看jQuery版》中,开发者可能使用二维数组来表示游戏棋盘,每个数组元素对应一个图标。玩家每次点击都会触发一个JavaScript事件,该事件会触发检查和消除匹配对的函数。这些函数会遍历棋盘,检查所选图标周围...

    连连看小游戏网页版

    连连看小游戏网页版是一款利用jQuery库开发的在线游戏,它为玩家提供了与传统电脑版相似的游戏体验,且具有良好的浏览器兼容性,支持IE、Firefox、Chrome等主流浏览器。这款源码设计灵活,允许用户根据自己的需求...

    jquery表情连连看40关卡.zip

    《jQuery表情连连看40关卡游戏详解》 在当今的网页游戏中,JavaScript(简称JS)作为客户端脚本语言,以其强大的交互性和易用性深受开发者喜爱。"jQuery表情连连看40关卡"就是一款利用jQuery库开发的趣味益智游戏,...

    canvas小游戏-连连看

    2. **jquery-1.11.2.min.js**:这是jQuery库的旧版本,尽管现代项目倾向于使用更轻量级的库或原生JavaScript,但jQuery简化了DOM操作和事件处理,使得代码更易读。 3. **map.js**:这个文件包含了连连看的游戏地图...

    三国杀版连连看源代码

    【标题】:“三国杀版连连看源代码” 【描述】:这款“三国杀版连连看”游戏是基于HTML5的canvas技术,完全使用JavaScript语言进行开发的。HTML5的canvas是一个强大的绘图工具,允许开发者在网页上进行动态图形渲染...

    完美js版连连看

    【标题】"完美js版连连看"所涉及的知识点主要集中在JavaScript编程语言和网页游戏开发上,特别是使用jQuery库来增强交互性。JavaScript是Web开发中的核心语言,它主要用于实现客户端的动态效果和用户交互。在这个...

    基于js的连连看代码和展示

    在连连看项目中,我们可以使用jQuery选择器快速定位棋盘上的方块元素,使用`.on()`方法绑定点击事件,使用`.addClass()`和`.removeClass()`改变方块的样式以表示其状态变化。 游戏逻辑的实现包括以下几个关键部分:...

    html5连连看小游戏

    在连连看游戏开发中,使用jQuery可以快速选择和操作DOM元素,实现游戏界面的动态响应。例如,通过`$(selector).click(function() {...})`可以为所有图案绑定点击事件,`$(element).addClass('selected')`用于添加...

    js游戏连连看代码

    7. **前端框架与库**:虽然这个项目没有提及具体的前端框架或库,但在实际开发中,开发者可能会选择使用jQuery、React、Vue等工具来简化DOM操作,提高代码的可维护性和复用性。 8. **错误处理与调试**:良好的...

    js 连连看游戏源码

    首先,这个游戏的亮点在于它完全依赖于JavaScript,没有使用任何额外的JavaScript框架,如jQuery或React等,这使得源码更为简洁,便于理解和学习。开发者通过纯JavaScript语言来构建游戏逻辑,控制游戏的运行流程,...

    Web游戏 金馆长连连看 基于HTML+CSS+JavaScript

    开发者通常会使用一个或多个JavaScript库,如jQuery,来简化DOM操作,提高代码的可读性和效率。同时,为了适应不同设备和浏览器,开发者还需要考虑响应式设计和兼容性问题。 总结来说,“金馆长连连看”游戏展示了...

    PHP+js的连连看

    【PHP+JS实现的连连看】是一个基于Web的休闲益智游戏,主要使用PHP作为后端语言处理逻辑,JavaScript作为前端脚本语言负责用户交互。这款游戏的开发涉及到多个技术领域,包括网页布局、数据交互、游戏逻辑以及用户...

    超级宝石连连看html5源码

    JavaScript库和框架,如jQuery或Vue.js,可能被用来简化DOM操作和实现更复杂的动画效果。 游戏的本地运行意味着源代码可以直接在支持HTML5的浏览器中打开,无需任何额外的安装步骤。这得益于HTML5的离线存储机制...

    js记忆翻牌连连看游戏代码.zip

    在这个"js记忆翻牌连连看游戏代码.zip"压缩包中,包含了一个使用JavaScript和相关技术实现的经典游戏——连连看。这个游戏以其简单易懂的规则和挑战性深受用户喜爱,而通过JavaScript实现,可以将其融入网页,增加...

Global site tag (gtag.js) - Google Analytics