html5圍住神經貓源碼

A. 圍住神經貓的游戲玩法

1、首先這個游戲的玩法非常的簡單，就是將圖中的那隻貓圍住，不讓它從旁邊跑掉；
2、在游戲開始會有幾個隨機分布的點亮了的格子；
3、你需要點一個圈將貓圍起來，這時候你會發現貓的姿勢會改變；
4、而此時最終的目的就是讓它無路可走
5、最終游戲結束了，看看你用了幾步。 獲勝關鍵：
這個游戲最關鍵的地方就是玩家要用最少的步數將神經貓困住，那麼到底有什麼秘訣呢?
過關攻略：
發現貓其實最喜歡往左邊或者是左上角落跑。
舉個例子，假如說貓是向左邊跑的話，那麼在這條路線的三步距離的點周圍，開局就已經會有兩個點。
而接下來兩步把虛線框內的另外兩個填滿，這樣貓就會在表明「第三步」的那個位置，而這樣玩家就能夠獲得勝利。
舉一反三，其他路線也是一樣的，貓是回走兩條路線，往左或者是往上，玩家如果想要三步就達成目標，那麼在開局的時候，至少有已經有三個點。
也就是說，玩家在開局的時候這條路上一條，在距離中心兩步的地方，至少有3天，只要玩家掌握這點，那麼就可以不斷的更換開局，一直到上述條件都出現位置，那麼就能夠輕松獲得勝利。
最少步數和最優策略
定理1：如果你在貓邊上2格之內布子，除非有很好的地形，不然貓必定從你身邊跑掉。所以在開闊場地，你的棋子至少和貓中間隔2個空格。
設貓的目標是向右上開闊地逃跑。如果你走1，貓向右上走2，你再走5，貓走10……顯然完全攔不住，貓直接往右上方跑走了。
如果你在4布點，貓還是向2移動，你走5的話和剛才一樣了，走10的話貓走5，等等，還是不行。
但是如果在7布點，就不一樣了。貓1，你8，貓5，你11，就攔在了貓前面，逼迫它轉向。如果貓2，你可以13，等等，同樣可以攔住。
定理2：當你在開闊場地布下第一子時，封鎖線會形成於你的這個子和貓中線的靠你那一側。你應當讓盤上已有子力和你的新子位於這條線上。
假設貓只能往右上逃而不能往左下跑。
紅色方塊代表貓的起始點，綠色六邊形代表你的開局第一子。紅色數字代表貓需要那麼多步才能跑過去，綠色數字代表你的子需要那麼多步才能連過去。
顯然，如果某個格子上紅字小於等於綠字，表明貓會比你先到，那麼朝那裡布防就是沒有意義的，會被突破。想像一下你的棋子是在追貓的狗。
而藍線標記的，就是剛好紅字大於綠字的那條線。
所以你在布子的時候不要太激進，和貓靠的太近會被繞過去。要盡可能在封鎖線的我方一側布子，遠遠地形成包圍之勢。
定理3：貓是「貪心」的，所以你的布子方位要擋在貓的前方。
有些人想耍小聰明，不堵前方而堵後面，寄希望於貓犯蠢。根據我們的觀察，這是沒有必要的，貓的走法是「貪心法」——當前局勢下，哪一步最有助於它逃脫，它就走哪一步。注意是當前局勢，它不會玩佯攻，不會有長遠考慮，所以其實是可以預判的。
而且利用這個特點，還可以給貓下陷阱：留一個開口，任貓向那裡逃跑，同時加固別的防線;在最後一刻把那裡封死。

B. 保存圍住神經貓網頁（html5游戲），在本地打不開，http://www.leyue.net/sjm/index.html

如果你需要在本地玩這個游戲，你需要把這個網頁所關聯的所有文件（包括js）都下載到本地並且按原目錄（相對路徑）排列好，然後再運行這個html才行，你只是下載了原html是沒意義的

C. HTML5游戲熱炒：趨勢所向 但爆發點何時到來

HTML5游戲是一個趨勢，對現狀而言，這僅是一個趨勢。規則簡單、進程快、時間短，成為HTML5游戲被迅速認可的主要原因。通過社交網路的分享，獲取更廣泛的傳播，產品變成商業的邏輯正源於此。在資本市場的推波助瀾後，留下的只有HTML5游戲從業者的迷惑——何時才是爆發點。

基於HTML5技術開發的《圍住神經貓》在微信朋友圈瘋狂轉發的時候，從業者似乎看到了已故蘋果CEO喬布斯所指引的方向已經到來——「沒有人願意使用Flash，全球已經開始步入HTML5時代」。

作為生態鏈上的一環，HTML5游戲引擎公司白鷺時代市場營銷中心副總裁張翔最近在向外講述這樣一個利好消息：經緯創投王華東說非常看好 HTML5游戲，這兩年至少三五家公司能上市，300億的市場;程天總他說順為也可能會拿出幾億美元投資H5領域。然而他同樣明白，這個市場並非平穩發展。「從2012年開始就有很多人進入H5游戲行業，不過由於各方面的原因，HTML5的發展受到很多阻礙。」

HTML5的數據在一場行業會後被公開,HTML5的游戲規模經過短短一年的發展，現在已有1.2億左右的用戶規模，據預測，今年用戶將突破 1.71億。但這仍原遠低於手機游戲用戶的整體規模，騰訊互娛運營部總經理崔曉春在華為2015年分析師大會上表示，2015年中國手機游戲用戶超過6 億。此外，另一組數據也可以證實HTML5的虛火。日前一場行業會議上從業者披露，《愚公移山》月流水剛突破200萬，《古龍群俠傳》用戶剛突破200 萬。這與動輒過千萬，甚至過億原生App手游相距甚遠。

與App手游相比，HTML5游戲更加依賴渠道，但卻難以尋找到新的出路。南京泥巴怪創始人秦川表示，HTML5可能接觸到一些手游沒有覆蓋的人群，比如朋友圈的分享，工具類APP的游戲頻道，或者瀏覽器的推薦，但已經形成規范運營和實際收入的渠道還是佔少數。

關於HTML5游戲難以從趨勢轉為產業的四點原因：

缺少明星產品帶動產業健康發展

在朋友圈等社交網路迅速傳播的HTML5游戲，能夠稱之為明星產品的少之又少。缺乏成功產品的帶動，開發者的信心被打擊，進而難以使得這類游戲產品迅速上量。

2014年7月末一夜爆紅的《圍住神經貓》，因為設計符合移動端傳播的規律，而游戲規則簡化到只需用戶點擊，使得其迅速得以傳播。然而同樣是一夜之間，產品已經消失在用戶的視野。在這之後雖然仍有一些小游戲在社交網路病毒式傳播，但是難以被人記住，甚至更多有著濃厚的商業廣告痕跡。即使有產品獲得較好的成績，如《尋找房祖名》2日點擊超6000萬次、《愚公移山》月流水已達100萬左右，但整個行業的最大問題仍是變現能力有限，這決定了 HTLM5游戲市場的發展速度。

觸控科技高級技術總監林順表示，手游可以通過設置付費點，增值道具等一系列手段完成付費形成閉環，且通過日常運營來提高用戶粘性和留存率，但HTML5游戲壽命短，用戶利用碎片化時間進行即時游戲，熱度通常不超過7天，一旦興趣點轉移，無需卸載變直接流失。

事實上，HTML5游戲可以理解為移動端的網頁游戲，這使得另一個影響產業健康發展的因素出現。類比PC端網頁游戲即可發現，由於開發技術門檻較低，這使得山寨品開始出現。「神經貓」熱度尚未衰減時，各類「圍住XXX」的山寨也開始出現在社交網路。神經貓的創造者秦川就估計：山寨神經貓大約分走了500萬的訪問量。同樣為點擊類操作的休閑游戲，開發類似《瘋狂猜圖》這樣的App游戲尚需要10萬元左右的成本，而《圍住神經貓》的開發僅需要一個程序員、一個工程師合力開發一天的時間。

硬體和網路發展並未推動HTML5爆發

早在2010年，Zynga收購了HTML5游戲引擎開發商Dextrose，隨後發布了第一款HTML游戲《Mafia Wars Atlantic City》，這帶動了Facebook、EA，甚至是迪士尼的跟進。然而，僅用了不到一年時間，這些崛起的HTML5游戲公司就開始紛紛宣告失敗、倒閉。彼時失敗的原因被歸結於網路上無法支持、渲染技術本身不夠成熟、沒有合適的分發渠道等多種因素。《圍住神經貓》製作人秦川日前向媒體表示，「歸結起來就是天時地利人和。」

經歷兩年的基礎設施積累，2014年10月，W3C HTML工作組正式發布了HTML5的推薦標准。與之同步的是，智能手機的性能升級，以及網路進入4G帶來的高速帶寬。但從現實來看，HTML5卻並未如預期的那樣迅速爆發，甚至連Web App取代原生App的呼聲也日漸稀薄。

秦川表示，「我頭疼的問題，確實手機首先性能參層不齊，其次H5在原生基礎上性能再差一層。」游戲發展從輕度游戲到重度游戲，這是技術發展， 「我們可以做重度游戲，但是重度只能少數機器上跑，其實投產比低，所以我們盡可能適配大量的游戲，讓很多人都可以玩這一款游戲。」

事實上，更有游戲開發者向騰訊科技表示，目前HTML5的坑很多，比如在適配的過程中，不僅要滿足高配置系統的運行，而且要滿足低端智能手機使用者的體驗。這樣的問題在網路方面同樣出現，因為並非所有用戶都在使用4G網路，甚至在一些地區用戶仍使用2G網路進行。

收入低導致行業普遍觀望

盡管整個產業並不成熟，但對開發者來說，HTML5游戲的快速開發和迅速發布，比起原生App要更容易切入市場，尤其是巨頭林立的手游市場。 DataEye《2014年Q4HTML5游戲數據報告》顯示，目前六成從業者已經投入或准備投入HTML5游戲，近7成HTML5游戲的用戶集中在微信平台。不過，「HTML5游戲的未來很美，但現在很苦。」掌趣科技聯席CEO胡斌說，很多公司由於收入低的問題在觀望。在他看來，如果能有三個月流水達 180萬的游戲出現，會吸引更多的CP切入嘗試。

收入低的主要原因是HTML5游戲本身的特性。其主要以輕度游戲為主，雖然有一些廠商希望類似頁游一樣打造中重度游戲實現億元級產品，但是後者的通道暫時沒有打通，用戶的碎片時間短暫，市場難以培育相應玩家。

但值得注意的是，一些輕度HTML5游戲正在朋友圈瞬間興起，其本身並不具備更多游戲本身的特性，而是幫助企業營銷而獲取廣告和開發收入。這類產品的出現，使得開發者可以通過流量實現廣告變現，但其出現正在摧毀原本就很脆弱的HTML5良型生態。

資本關注技術多過游戲本身

市場應該看空HTML5游戲，原因是這只是資本在旺盛的手游熱後，正在需找新的出路，真正吸引資本的實際上技術，而非游戲開發者。正如張翔所講述的，資本正在關注這以市場。順為已經計劃支持至少10個以上HTML5團隊，而王華東認為在兩三年內有多家HTML5技術公司在國內外上市。但顯然這些團隊並非是單純的游戲CP。HTML5游戲的開發者似乎也意識到問題的現狀，《愚公移山》製作人陳陳表示，資本對HTML5 CP的關注度很高，但是錢不多。「一很洶涌把你淹沒掉，但是你們公司沒有做好准備。」

與此同時，《圍住神經貓》背後開發引擎白鷺某聯合創始人就曾表示，HMTL5游戲在朋友圈大火後，我們只要跟投資人說《神經貓》用我們產品開發的，投資人就會說「哦，明白了」。事實上，張翔近日在其主持的圓桌論壇上，與經緯創投合夥人王華東、順為資本合夥人程天進行對話中猛料，其已獲得深創投和經緯創投等機構B輪融資，估值超10億元。此前，白鷺時代於2014年11月獲得順為資本千萬美元的A輪融資。顯然，產業上游遠比游戲開發者更容易轉到第一桶金。

D. 圍住神經貓2攻略 3步圍堵圖文攻略 詳解怎麼玩

首先要明白，神經貓的行進路線。是以原點為極坐標，往四周擴散的。如果周圍沒橙色圈干擾的話，神經貓將會沿直線行進，一般以向左或斜上行進居多。

E. 求一個包含html5,css,js，技術的靜態網頁demo

下載下來就是了

F. 什麼是H5頁面

H5是HTML5的簡稱。

HTML5是HTML最新的修訂版本，是一種超文本標記語言。H5有兩大特點：首先，強化了Web網頁的表現性能。其次，追加了本地資料庫等Web應用的功能。

發展

H5頁面就是利用html5製作出來的頁面，尤其在微信中發展迅速，藉由微信這個移動社交平台，正在走進更多人的視野，比如從引爆朋友圈的H5小游戲《圍住神經貓》，到顛覆傳統廣告的大眾點評H5專題頁《我們之間只有一個字》，各種H5游戲和專題頁紛紛嶄露頭角。

為活動推廣運營而打造的H5頁面是最常見的類型，形式多變，包括邀請函、賀卡、測試題等形式。

G. Web前端開發知識點之HTML5的應用

今天小編要跟大家分享的文章是關於Web前端開發知識點之HTML5的應用。正在從事web前端工作的小夥伴們來和小編一起看看一看吧，希望本篇文章能夠對大家有所幫助。

HTML5的應用


HTML5憑借著增加的新功能和新特性，以及對開發當今流行的移動應用的適應性，一經面世，就受到了開發人員及用戶的青睞。


①HTML5開發游戲


HTML5新增了canvas對象，可在瀏覽器中繪畫圖像，無須額外地安裝插件即可實現原來Flash的功能。因此，可利用這個新增加的功能，輔以JavaScript,CSS等進行HTML5游戲的開發，尤其是移動端小游戲的開發。由於移動設備的便攜性，設計精巧的HTML5小游戲可通過各種移動應用介面或者瀏覽器進行載入，因此，HTML5游戲藉助各種社交平台(如微信朋友圈、微博或其他社交網站)瘋狂傳播，一度風靡。例如，2014年大火的「圍住神經貓」，藉助朋友圈的分享，無須下載，即點即用，收獲了一大批忠實粉絲，上線3天即創造了用戶量500萬、訪問量超1億的神話，甚至還帶動了有關神經貓的各類周邊產品。


②HTML5進行網路營銷


網路營銷是建立在互聯網基礎上，藉助互聯網來更有效地滿足顧客的需求和願望，從而實現企業營銷目標的一種手段。HTML5頁面設計美觀、功能強大、互動性強、適合移動端操作，營銷設計人員們趨之若鶩，一時間，基於HTML5創建的各類營銷宣傳頁十分流行，甚至有了簡稱為H5營銷的概念。H5營銷通常用於活動運營、品牌宣傳、產品介紹及總結報告等，其形式多樣，可以是游戲、邀請函、賀卡、測試題等。究其根本，HTML5無非是HTML的更高版本，它在今天的互聯網營銷中能受到如此青睞，一是互聯網的快速發展，特別是移動社交平台的傳播優勢使得人們越來越注重網路營銷;二是設計效果美輪美奐，並且通過HTML5實現各種外觀及互動設計更加便捷，因此各種H5營銷更能吸引眼球，抓住人心。例如，微信曾為搶紅包推出的專題頁面《從此看盡中國人的名與利》，創意巧妙新穎，畫面設計細膩，文案發人深省，堪稱設計典範。淘寶曾在「雙十二」推出的預售推廣專題頁，操作簡單，然而頁面呈現效果流暢、生動，將HTMI5技術發揮得淋漓盡致。


③HTML5開發WebApp


WebApp就是運行於網路和標准瀏覽器上，基於網頁技術開發實現特定功能的應用。Web
App與一般Web網站的區別在於：一般Web網站使用網頁技術做信息的展示，包括文字和媒體文件等，而WebApp更側重於執行某個任務。Web
App具有跨平台特性，用戶不需要下載，不需要頻繁升級更新，且可進行動態的更新。使用HTML5的描述文件功能，可實現應用的離線使用。雖然Web應用使用的基礎就是網路通暢，然而無法保證應用永遠不掉線。而離線應用可以保證Web
App應對間歇性的網路中斷時，不會中斷任務，用戶體驗如同原生App。此外，HTML5新增的本地存儲功能、音視頻播放功能以及更多的API，可更便捷地實現豐富的功能和良好的交互。


HTML是一門不斷發展的語言，HTML5的標准制訂不僅契合當今Web發展的現狀，而且又為HTML的後續發展增添了新的設計理念。當下，HTML5應用普及流行，雖然還有一些限制，如HTML5頁面泛濫後人們的審美疲勞以及Web
App本身的普及度並未達到預期等。但是，正如HTML是不斷發展的，Web的開發也會持續向前發展。


以上就是小編今天為大家分享的關於Web前端開發知識點之HTML5的應用的文章，希望本篇文章能夠對大家有所幫助，想要了解更多web前端知識記得關注北大青鳥web培訓官網，最後祝願小夥伴們工作順利。


文章來源：原創凱哥的故事

H. 目前有哪些比較成熟的 HTML5 游戲引擎

cocos2d 應該是IOS平台最火的游戲引擎之一，保險起見加個『之一』總是沒有錯了哈。而cocos2d-js則是官方新推出不久的JS版本，之前還有個cocos2d-html5，也不知道為什麼又推出cocos2d-js，有什麼區別呢看還有c++版本之類的，萬一你以後要改其它編程語言，還可以繼續使用cocos2d。大公司，好像要上市，團隊作品，文檔很全。開發完可以轉換成原生應用，打包之後你的游戲也就和html5沒什麼關系了，調用的都是高級介面，牛逼閃閃。egret 最近也火到不行，自從出了那個圍住神經貓之後……雖是新團隊，但也是企業級產品，據說團隊都是來自各界精英，大部分是從Flash陣營轉過來的。用的是typescript作為開發語言，而且和cocos2d-js一樣 也可以轉換成原生應用。生命力很旺盛，假以時日必成大器。還有跟騰訊X5瀏覽器合作，恐怕會是微信游戲開發不二之選。不過看過一些用egret開發的案例，感覺有點Low，也許是圍住神經貓給人留下的第一印象吧。比起egret，Sirius2D 展示的一些案例，效果都杠杠的，但是對於他們團隊的了解並不是很多，也沒有像egret那樣搞在線培訓，我個人對這引擎還是挺有好感的，但就是不知道它明天會不會死，今天還一度打不開官網…… 拜託也努力一點好嗎看lufylegend 應該是《HTML5 Canvas游戲開發實戰》作者開發的，這個感覺倒是挺努力的，但是Canvas怎麼拼得過WebGL。。。

I. HTML5圍住神經貓

源碼簡介 相關最新源碼
HTML5圍住神經貓游戲網頁版是一款基於HTML5 canvas、egret_loader.js和jquery.min.js等技術製作的圍住神經貓網頁版游戲源碼。
游戲玩法：

游戲隨機出現灰色圓點和橙色圓點，屏幕中央為一隻扭動的神經貓。游戲要求通過觸擊灰色圓點從而變成橙色，使橙色圓點將神經貓四周全部包圍起來，進而使其不能再行移動即為勝利。

J. unity3d製作 圍住神經貓 ，求大神

你可以看一下
「極客學院」，
裡面有用
Android
和
HTML5
兩種方式實現了圍住神經貓