2015-08-08

小遊戲:艾瑪的能力

8/9更新:增加後面的簡易程式寫法

0
PAUSE
一開始是暫停狀態,按P開始玩。如果按鈕沒反應,用滑鼠點一下畫面。
操作方式
  P:暫停
  M:發射
  方向鍵 or WASD:移動

沒有Game Over或終止條件,是無限玩下去的
「敵人中彈時閃爍」有做,但不是所有瀏覽器都支援
自機碰敵人不會受傷,因為沒有做自機和敵人的碰撞計算
音效和敵人爆炸還沒有做
測試過的瀏覽器:IE 11、Opera 31.0

使用的程式語言:
就是我艾瑪啦!
除了畫面上的角色是我,遊戲本身也是由我來執行哦。
好像聽過有人說Javascript是微不足道小東西,尤其沒辦法做遊戲,是嗎?別小看我艾瑪的實力。
對了要注意,我是Javascript,跟Java不一樣的,別叫錯名字。




有沒有人覺得自己不是程式設計師,所以電子妖精離你很遙遠呢?這次就請艾瑪出來秀一下。

覺得靜態的網頁不夠看,想做點動態的話,要用的程式語言就是Javascript,每個網頁瀏覽器都有內建Javascript解譯器,所以大家其實常常不知不覺受到艾瑪的幫助,寫Javascript程式也不需要特別的工具,有記事本和網頁瀏覽器就行了,艾瑪其實是與大家距離很近的電子妖精。

blogspot靈活度很高,可以直接嵌入HTML、Javascript、CSS,所以能做到變化多端的效果,這次就試驗一下在blogspot做小遊戲。
以後可以做小遊戲或小劇場之類的,只是現在還沒想到題材。



最後,教大家一個簡單的電子妖精魔法,叫艾瑪出來小試身手。

1.打開一個純文字編輯器,如Windows的記事本或Notepad++,MS Word並不是純文字編輯器。
2.複製以下內容到文字編輯器。
<html><body>
<input type="button" value="0" onclick="onClick(this)">
<script type="text/javascript">
count=0
function onClick(t){
  count++
  t.value=count.toString()
}
</script>
</body></html>
3.存檔,附檔名要用.htm,例如test.htm。
4.在剛剛存的檔案上用滑鼠點兩下,會自動用網頁瀏覽器開啟。
5.網頁上會有個小按鈕,按這個按鈕,看發生什麼事。

沒有留言 :

張貼留言