js寫的一款前端小遊戲

2021-10-13 11:05:44 字數 2166 閱讀 1624

拖延症晚期的我原本計畫趁著週末寫個年終總結,但是一直沒有什麼思路,想來想去也沒想到要寫啥就胡亂寫了這麼乙個小東西。

一直比較痴迷遊戲行業,可能我不太適合做前端,應該去學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.萌萌的 在這款遊戲裡...