拖延症晚期的我原本計畫趁著週末寫個年終總結,但是一直沒有什麼思路,想來想去也沒想到要寫啥就胡亂寫了這麼乙個小東西。
一直比較痴迷遊戲行業,可能我不太適合做前端,應該去學c++…
首先當然是選擇一張背景圖,作為整個場景中的地圖,而且要大要高畫質。布局到頁面中。
然後通過可視區值展示這張的一小部分。我這裡用的是寬600,高420的,超出直接隱藏掉。
現在角色有了,地圖也有了,我們應該讓人物動起來了,我的做法是讓人物固定在視窗的中心位置,當人物移動的時候通過移動背景來讓人物看起來有動的效果。
所以我這裡在監聽鍵盤事件的時候做了兩件事,第一是更換人物的貼圖,讓人物有動起來的姿勢,第二是改變背景圖的位置,看起來確實就是在跑。
;// 當前按鍵
// 初始化視窗
newgames()
;getele()
;// 初始化場景, 場景要放在視窗中
const scene =
newscene
(bgi, client)
;// 初始化人物,人物也要放在視窗中
const person =
newperson
(, client)
// 監聽按鍵
window.
addeventlistener
('keydown'
,(e)
=>})
// 監聽按鍵
window.
addeventlistener
('keyup'
,(e)
=>
})不同的按鍵給人物不同的動作,其實都是通過貼圖來完成的。
然後這裡加入血槽等級,人物名稱,血量值。
人物這裡是乙個class類,可以通過例項化的方式建立很多個人物,然後讓他們滿螢幕的亂跑,我這裡通過例項化的時候判斷人物是否是機械人,通過隨機數的方式定義人物自己的動作。
技能就比較難看了,也是網上隨便找的效果圖,看淡了,有就行要求別那麼高。
打鬥也很簡單,就是角色在放技能的時候計算周邊其他的角色的距離,從而判定是否擊中,然後讓血量降低。公告系統,這些都有寫,不過定時器太多造成了記憶體洩露我還得想想怎麼優化一下。
自取鏈結
純js寫小遊戲
html部分 css部分 大盒子容器 div1 彈動的小球 ball 底部小滑塊 slide 頂部磚塊的父級盒子 brick 頂部磚塊 brick div js部分 window.onload function if ball.offsettop 0 if ball.offsettop 580 小球...
關於一款c 貪吃蛇小遊戲
好久不資瓷了。首先宣告,這個東西為 窩不會寫這個。如下 include include include include using namespace std char ch w o int i 10,j 10,a 100 100 b 100000 c 100000 u 0,gh 0,i1 0,j1...
一款有趣的遊戲
今天分享一款有趣的遊戲 不思議迷宮。在這個遊戲裡,你將扮演乙隻可愛的岡布奧小怪物,擊敗各路大怪物,進行迷宮冒險。1.刺激的 這款遊戲最大的特色在於每關隨機生成的冒險地圖,作為第一人稱的你,需要利用道具 人物屬性來解決不同的怪物,十分考驗你的聰明才智。節奏快,不停過關,輕鬆玩 2.萌萌的 在這款遊戲裡...