JavaScript游戲之是男人就下100層代碼打包
這次的游戲的編寫難度比之前的都高很多。本次鄙人用了js的繼承以及設計模式的工廠模式，也算是一個突破。。。
游戲的大致設計思路：
1，玩家類Player：一個人能左右移動，以及上下移動的小人。
擁有的基本方法：{
左右移動 : 單純的鍵盤左右移動，
向下移動 : 屬于向下加速度移動，每次移動都會加一個重力加速度的值，
向上移動 : 其實是跟著方塊一起向上移動， 勻速向上運動，
彈跳 : 就是玩家先向上一個減速度運動，然后，當速度小于1時，像下加速度運動
}
2，方塊基類BlockBase：所有方塊的基類，擁有公共的方法以及接口。
擁有的基本方法：{
移動 : 方塊的向上勻速移動，
檢測玩家是否在方塊上 : 判斷玩家是否停留在方塊上
}
以及一些抽象的接口函數(shù)，只有名字，需要在子類中實現(xiàn)，具體看源碼。
3，各種子類，如 普通方塊類NormalBlcok、彈跳方塊類FlipBlock等
繼承的實現(xiàn)方式如下：
在構造函數(shù)中：BlockBase.call(this);繼承非prototype的屬性與方法
在函數(shù)外部：子類方塊.prototype = new BlockBase(); 繼承基類的prototype的屬性與方法
4， 工廠類BlockFactory：負責生產方塊，以及擊中處理方塊
擁有的基本方法：{
生成方塊 : 重點的方法，就是隨機生成一塊方塊
}
其實我也不知道怎么說，還是看源碼吧。里面我注釋得很具體了。
還有，bug肯定是會有的，希望大家諒解。。。
最后獻上預覽吧。希望大家多多拍磚，能讓我多些提高。最好在代碼的編寫上。
方向左右控制移動，界面是做得比較丑。。。大家見諒。
演示代碼：http://demo.jb51.net/js/DownFloor/index.html
完整源碼打包>> /201011/yuanma/DownFloor.rar
相關文章
這其實是一個很簡單的實現(xiàn)，create一個新的div元素，然后append到文檔的body上，經過一定時間的延遲，做自由落體運動，著地后fade消失。 不多說，直接上代碼。2010-01-01
easyui window refresh 刷新兩次的解決方法(推薦)
下面小編就為大家?guī)硪黄猠asyui window refresh 刷新兩次的解決方法(推薦)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了JS運動相關知識點,總結分析了JavaScript運動所涉及的相關知識點與注意事項,并附帶了一個JavaScript彈性運動的實例供大家參考,需要的朋友可以參考下2016-01-01
本篇文章主要介紹了ES6 Promise 擴展always方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
有時候需要刪除網站的cookies，一個一個太麻煩，這個可以批量的刪除所有的cookies，需要的朋友可以參考下。2010-11-11
這篇文章主要介紹了JavaScript中this函數(shù)使用實例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
今天小編就為大家分享一篇關于使用javascript做時間倒數(shù)讀秒功能的實例，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
下面小編就為大家?guī)硪黄狫s獲取圖片原始寬高的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
JS實現(xiàn)訪問DOM對象指定節(jié)點的方法示例
這篇文章主要介紹了JS實現(xiàn)訪問DOM對象指定節(jié)點的方法,結合實例形式分析了javascript針對DOM元素節(jié)點屬性相關操作技巧,需要的朋友可以參考下2018-04-04
大家好，本篇文章分享的是四種好玩的黑客背景效果JS代碼，感興趣的同學趕緊來試試吧，覺得還不錯的話記得收藏一下哦，方便下次瀏覽2021-11-11