Javascript貪食蛇小游戲

来源:http://www.cnblogs.com/roucheng/archive/2016/03/18/tss.html
-Advertisement-
Play Games

試玩:http://hovertree.com/game/9/ 貪吃蛇是一種風靡全球的小游戲,就是一條小蛇,不停地在屏幕上游走,吃各個方向出現的蛋,越吃越長。只要蛇頭碰到屏幕四周,或者碰到自己的身子,小蛇就立即斃命。和別的游戲不同,貪食蛇是一個悲劇性的游戲。許多電子游戲都是打通關到底,游戲操作者以勝


試玩:http://hovertree.com/game/9/

貪吃蛇是一種風靡全球的小游戲,就是一條小蛇,不停地在屏幕上游走,吃各個方向出現的蛋,越吃越長。只要蛇頭碰到屏幕四周,或者碰到自己的身子,小蛇就立即斃命。和別的游戲不同,貪食蛇是一個悲劇性的游戲。許多電子游戲都是打通關到底,游戲操作者以勝利而告終。而貪食蛇的結局卻是死亡。“貪食蛇”,要命的就在一個“貪”字上。所以,有時候真的需要及時收手,不要逼人太甚。如果沒有餘地,就算你的手再快,面臨的結局也是——崩盤。

HTML代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>貪食蛇 - 何問起</title>
<link rel="stylesheet" type="text/css" href="http://hovertree.com/game/9/hovertreesnake.css">
</head>
<body>
<div id="hovertreecontainer">
<canvas width="300" height="300" id="hovertreecanvas"></canvas>
<div>
已得分:
<input type="text" id="hewenqiscore" placeholder="0">
</div>
<script type="text/javascript" src="http://hovertree.com/game/9/hovertreesnake.js"></script>
<h3>何問起貪食蛇</h3> <a href="http://hovertree.com/game/">更多游戲</a>
</div>
</body>
</html>

轉自:http://hovertree.com/h/bjaf/2rp37fq9.htm

更多特效:http://www.cnblogs.com/roucheng/p/texiao.html


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Atitit.複合文檔的格式 標準化格式 1. Docfile1 2. Iso Cdf cd file1 3. Zip1 4. Ooxml1 5. Odf :OpenDocument Format2 5.1.1. 本質2 6. 參考3 paip.docfile二進位複合文檔 前言Docfile Do
  • 本文分為技術篇、產業篇、應用篇、展望篇四部分 2006年項目成立的一開始,“Hadoop”這個單詞只代表了兩個組件——HDFS和MapReduce。到現在的10個年頭,這個單詞代表的是“核心”(即Core Hadoop項目)以及與之相關的一個不斷成長的生態系統。這個和Linux非常類似,都是由一個核
  • 首先,描述一下問題。由於需要後臺取出數據,遍歷展示在table中,大體如下: 後臺取出的是 Map<String , List<Object>>,下麵是我寫得比較朴素一點的寫法: 以上方法,如有不妥之處,請予以指正。望與大家多多交流。 當然jquery的$.each(map,function(key
  • 本節教程將繼續帶領大家完善教學demo 將要學習的demo效果圖如下所示 1. 如何導入完整項目 本節示例demo請參考下載地址,可以導入到設計器中學習。 2. 完善主框架在上一節教程搭建主框架中大家已經學會瞭如何主框架,本節教程使用上一節未完成的demo。 我們分析一下demo機構,通過點擊Bot
  • 相信每一個前端工程師都或多或少遇上過“亂碼”這位仁兄,無論你的基礎有多麼扎實,在生產的過程中都免不了偶爾和“亂碼”兄弟喝上幾杯茶吧。作為一個前端工程師,你是如何指定一個頁面的編碼的呢?你知道瀏覽器是怎麼識別編碼的嗎? 首先,一個很簡單的例子,用遇簡的HTML頁面來看看各瀏覽器下有什麼不同: 最簡HT
  • 大家先看一段簡單的jquery ajax 返回值的js 代碼 function getReturnAjax{ $.ajax({ type:"POST", http://www.cnblogs.com/wlmemail/admin/%22ajax/userexist.aspx", data:"user
  • JS and Jquery 都能獲取頁面元素的寬度,高度和相對位移等數值,那他們之間能相互轉換或替代嗎,寫法又有哪些差異呢?本文將詳細為你介紹。 1.Js獲取瀏覽器高度和寬度document.documentElement.clientWidth ==> 瀏覽器可見區域寬度 document.doc
  • 瀏覽器可以被認為是使用最廣泛的軟體,本文將介紹瀏覽器的工作原理,我們將看到,從你在地址欄輸入google.com到你看到google主頁過程中都發生了什麼。 將討論的瀏覽器 今天,有五種主流瀏覽器——IE、Firefox、Safari、Chrome及Opera。 本文將基於一些開源瀏覽器的例子——F
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...