用jQuery 開發遊戲 —— 25 款 jQuery 遊戲插件

2020-12-16 開源中國

現在是遊戲時間,收集了 25款jQuery開發的遊戲,從數獨、迷宮、推箱子到賽車,還有超級瑪麗哦,嘗試一下吧。

This is a simple puzzle mini game. What you only need to do is sort the random number to be the right place, by clicking a cell around the gray cell.



A simple image puzzle game using jQuery. Rearrange the image elements to form a lovely image. This is simple yet a good game for fun. Relive your childhood memories with this game  .



This article shows how to make a Simple 2 Player Noughts and Crosses game (Not vs PC) using jQuery and jQuery UI JavaScript libraries. The jQuery libraries are very powerful and make development so much quicker. This will give you a basic idea of how you can use it.



jQuery Sudoku wrapped around a PHP grid generator. Sometimes the game tends to be quite difficult as the generator brute forces solvable, unique solution and no-guessing grids (sounds great) but occasionally with complete disregard for a human?s capacity to visually scan the grid and discover that one solvable square.



Who does not love Mario? Mario has been every childs dream game. From the age old Video games to Wii, Mario has left its mark everywhere. Now Mario is all set to land in your browser with the amazing jQuery Mario game. So bliss and have fun with the jQuery Mario game.



Bing-Bong is a Breakout style game, stylized with the cuteness of jQuery. It has a cute and impressive user interface. Turn your boring moments into funny ones with the Bing-Bomg jQuery plugin.



jQuery Angel and Dreams is a cute and simple game. On the screen, bubbles appear at random, click on those random bubbles as soon as you can to save the angel from jumping over it. It is simple yet addictive.



RedLine is an interesting jQuery car racing game. Making use of gameQuery, jQuery and a lot of custom code and images its a side scrolling race game made without any use of flash at all!



Love the Wii fame Guitar Hero? Heres the browser version! Javascript Hero is an interactive game that plays a You tube video and needs the player to press the appropriate keys in sync with the various colored bars shown up on the screen.



The object of the game is to guess the solution code by submitting guesses to the code and asking for a result on those guesses. It is a total guess based game. It is a good game when you want to put your guessing and sixth sense skills at test.



The jQuery Simple Shooting Game is a tiny jQuery experiment. Random images appear on the board and the player needs to shoot on those random images. The aim is to gain as many hits as possible. The images consist of thieves and police men. One must never shoot the police man, but should only shoot the thieves.



This is something I was playing around with for no particular reason. It is completely controlled via jQuery, which is by far the best javascript library out there. It is
really cool as it is simple and lightweight, but needs the player to put the tactical skills to the best use.



Quickly after jCharacterfall, I came up with this game. It looks a bit like jCharacterfall, but is mainly inspired on and JamLegend, RockBand and (obviously)
Guitar Hero. But, instead of tapping to beats, you will have to press the correct character on the correct time in a totally random order. Each correct press will
make the game faster, which makes it harder but you ll be able to earn more points. Just like in the previous game, this one can be pretty fun and addictive, but it
might he



This is a simple typing game experimental using jquery. The main criteria here is to understand how to read Keyboard Character Codes and displaying its
equivalent Character on to screen. You may notice so many bugs in live demo, because this program is not implemented fully as we concentrated on important
code blocks only.



Mad Libs is a fill-in-the-blanks word game where not knowing the word context can lead to some whacky outcomes (and giggling fits). The whole idea behind
jQuery: keep the output simple.



The jQuery Word Game project is a plugin that creates word grids for use in word games. It has a configurable grid size and an optional timer and collects user
submitted words. The plugin ensures the words meet a configurable minimum length, are not duplicated and only use each letter in the grid once. After the timer
counts down to zero, the grid is disabled.



Deepleap is a jQuery based word game. Make words and fight against the clock. Its a thrilling game, it is most interesting when the letters start coming way too
fast, just to challenge one s skills.



After messing about with my good friend JQuery for a few months (nothing intimate) I saw some potential for simple turn-based game development through
integration of PHP and MySQL. Originally I intended to build a mock version of Settlers of Catan called Settlers of Khazakstan, however, considering the game
play can last ~1.5 hours and few people know the rules, I abandoned that project in light of a more basic alternative, chess.



jQuery-based Card Match Game is a simple memory game. It is an amateur project but could be little fun with jQuey. Just click on matching cards and the game is
done.



This is a challenging memory game. The game is started by clicking the number 1. The other numbers will now disappear and be replaced by black squares. Now
click the squares in their former, numbered order. If you click on the wrong square the screen will blink red and you have lost. The square will disappear when the
right one is clicked, when there are no more squares you have won and the game is over.



This video tutorial takes you through the creation of the game of life game in jQuery. This tutorial aims to show how JQuery can help you modify the DOM on the
fly and do some nifty manipulations.



The popular jQuery snake game now in jQuery. This jQuery game has a very classic user interface but it surely does keep you hooked to it.



A Skoban gam completely made using jQuery. This is based on my previous Skoban game which was made using Flash.



Javascript/jQuery and CSS compatibility is finally at a decent state amongst major browsers (IE and ACID3 notwithstanding). At least, similar/the same DOM
manipulation behavior can be reproduced across those browsers. Not only that, but the JavaScript rendering speed of engines other than Trident (IEs) is quite fast.
With these developments, it is actually possible to create playable games. In about 4 hours I have created a demo RPG here using jQuery, JavaScript, CSS, and the
Javascript jQ



This is a step by step detailed tutorial on the creation of breakout game using jQuery. Learn in detail the drawing methods, Coloring, Key configurations and mouse
movement implementation for the jQuery game.

相關焦點

  • 編寫jquery插件的分享
    作為一個前段程式設計師,肯定經常用到一些javascript插件吧,不得不承認,jquery是其中的比較優秀的插件之一,那麼我們有沒有想過我們自己也可以來封裝一個插件呢,下面我給大家分享一些方法,希望對大家有些幫助。
  • 超棒的jQuery矢量地圖生成插件 - JQVAMP
    今天我們將介紹的這款jQuery插件 - JQVMAP 可以方便的幫助你生成漂亮的矢量地圖。在現代瀏覽器中它使用了SVG(Scalable Vector Graphics)技術生成地圖圖片,如果你也需要支持老版本的瀏覽器,例如,IE6/7/8的話,它也可以通過VML來實現,非常不錯的jQuery插件,相信大家一定會喜歡!
  • 10 款基於 jQuery 的切換效果插件推薦
    本文整理了 10 款非常好用的jQuery切換效果插件,包括平滑切換和重疊動畫等,這些插件可以實現不同元素之間的動態切換。 1.
  • 9個有用的jQuery日曆和日期選擇器插件
    【IT168技術】事件日曆和日期選擇器是是我們開發當中經常遇到的問題,這個時候我們就需要用jquery插件來實現,昨天我在做項目的時候,遇到了個問題就是如何顯示倒計時問題,我這個時候就用jquery插件解決的,今天給大家分享9個其他的時間選擇器插件  FullCalendar  FullCalendar
  • jquery 三級聯動插件專題及常見問題 - CSDN
    在開發工作中,有時候需要我們自己去手動開發一個插件,剛好我遇到了這樣的機會,也有時間去完成這個插件,所以就做了一個適合自己的項目的三級聯動下拉插件。
  • 一個幫助你處理延遲重複循環操作的jQuery插件 - timing
    在今天的這篇插件介紹中,我們將介紹一個超棒的jQuery插件,幫助你快速的使用鏈式和延遲代理模式來實現類似的效果。這個插件提供了簡單實用的方法來定義列舉,timeout,interval,延遲,並且使用基於時間的循環,僅僅使用數行就可以實現。如何使用?
  • jquery 社交分享插件專題及常見問題 - CSDN
    通常,一些社交媒體插件都能允許你的用戶分享你網站上的內容到其他的社交平臺,比如說這些社交平臺 上:Facebook, Google, Twitter, Pinterest等等。這裡我們選擇了 15 款最好的 jQuery 社交分享插件。只需要少量的代碼,即可將它們輕鬆的集成到你的網站上,並且能夠幫助你的訪問者分享網站上的內容。
  • jQuery 1.5發布 Ajax模塊重寫
    -1.5.min.jsGoogle:https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js (發稿時為止尚未上線)新版本的主要改進可以參見變更日誌:http://api.jquery.com/category/version/1.5/。
  • 基於 RequireJS 和 jQuery 的模塊化編程——常見問題解析
    中使用jquery插件對於jquery的插件,比較常見的做法都是傳入一個jquery的對象,在這個jquery對象的基礎上添加插件對應的方法。首先需要添加jquery插件的依賴,這裡用兩個插件舉例子——jquery-ui和jquery-datatablesrequirejs.config({    baseUrl: '.
  • jQuery真的過時了嗎?
    Dom的增刪改,Ajax的異步調用,讓我們徹底解放出來,便捷的方法也讓我們用起來無法自拔。目前仍然有許多網站的開發要考慮到ie8的兼容性問題,這個時候任何新框架都無法進行,因為他們已經放棄對ie8的支持,這個時候,我們的利器JQuery就必須承擔起這個重任了,當然了JQuery的好處不只是這個,JQuery號稱最快速的Dom選擇器,用的Sizzle內核。其裡面的方法很多都很方便,尤其是級聯調用,讓我們寫起來更加的順暢,而現代框架就很少有這種級聯調用。
  • 13 款最棒的 jQuery 圖像 360° 旋轉插件
    這些超級棒的 360° 圖像選擇插件允許用戶更詳細的分析產品或者文章。jQuery 圖像旋轉插件可以讓用戶從各種角度進行 360 度的圖像展示,經常在電子商務網站上使用,幫助消費者更好的了解產品,從任意的一個角度觀察欣賞。
  • jquery九宮格抽獎轉盤插件lottery
    xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery
  • 2013年11月 15個最新的jQuery插件
    現如今,jQuery被認為是網頁開發的主心骨。它是一個精煉的JavaScript庫,可以極大簡化頁面在事件處理、動畫、Ajax交互方面的設計和開發工作。隨著越來越多的jQuery插件的出現,開發者們可以很輕易地將所需要的組件整合進他們的導航菜單、logo、表格化布局、簡短的文本,使其擁有指定的大小或是為其創建一系列的滑動效果,以迎合網站的主題。jQuery的出現豐富了網頁的應用和開發,促使了多功能、視覺效果絢麗的網站的出現。
  • 網頁引導-Jquerypagewalkthrough.js
    Jquerypagewalkthrough.js效果預覽碰見網頁引導功能的需求,於是找到了Jquerypagewalkthrough.js這個插件,在github上下載到源碼。/css/jquery.pagewalkthrough.css"><!-- jQuery -->&lt;scripttype"text/javascript"src"./jquery-2.1.1.js"></script><!
  • 30 個最棒的 jQuery 的拖放插件 - OSCHINA - 中文開源技術交流社區
    jQuery 允許用戶為任意 DOM 元素添加可拖放的功能,通過 jQuery 的拖放插件你可以輕鬆實現網頁上任意元素的拖拽操作
  • jquery與js的區別是什麼?js與jquery的用法區別介紹
    在學習js的時候我們肯定能夠接觸到jquery,那麼,js與jquery之間有什麼區別呢?本篇文章將給大家來分享關於jquery與js之間的區別比較,有需要的小夥伴可以參考一下,希望能夠幫助到你們。我們來簡單看一下jquery與js的概念。js是一種腳本語言,常用於網頁客戶端編程,使網頁在客戶端瀏覽器中,實現更多地動態功能,表現出更加豐富的視覺效果。jquery是一個快速、簡潔的JavaScript框架,極大的簡化了javascript編程。
  • jquery ztree入門 - CSDN
    《j2ee 簡單網站搭建:(一) windows 作業系統下使用 eclipse 建立 maven web 項目》《j2ee 簡單網站搭建:(二)添加和配置 spring + spring-mvc 的 mvc 開發環境
  • JavaScript 學習 jQuery&前端小技巧
    --cdn引入(在線)-->    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/core.js"></script>     <!
  • 8 款超絢麗的 jQuery 焦點圖動畫
    本文要分享的就是一些超絢麗的jQuery焦點圖動畫插件,有些不僅基於jQuery,還帶有 CSS3的動畫特效,因此顯得更加炫酷。 1、jQuery實用圖片滑塊焦點圖 支持移動端滑動 今天我們要再來介紹一款jQuery實用圖片滑塊焦點圖,它也支持移動端的觸屏滑動,這款插件並沒有特別的動畫效果,但方便實用。
  • jquery中淡入淡出切換效果函數使用方法?
    jquery是javascript很常用和熱門的一個類庫,前端開發人員必須學習的一個js類庫,接下來來看看怎麼使用jquery中的怎麼切換使用淡入淡出方法。jquery最大的特點就是極大地簡化了 JavaScript 編程。而且使用起來也是很簡單的,比javascript更方便簡單。