2014年7月8日 星期二

[Web] 自製 HTML5 2D Game & Engine


上面這個 demo 遊戲的網址在 這裡 還有另一個疊疊樂遊戲在 這裡
是由自製的 HTML5 2D Game Engine - KIKI 製作的
其實現在有不少好用的 HTML5 graphics library 或 game library 可以用
不過這是2011年左右的作品, 當時還沒有也還不知道這些 library
只是一頭熱的鑽下去研發了這個 HTML5 2D Game Engine

KIKI 是由 box2d for javascript 及 processingjs 為基礎進行開發
主要分成 遊戲引擊、關卡編輯器物件編輯器 三個部份

物件編輯器 主要負責遊戲物件動畫及碰撞範圍的編輯
由物件編輯器生成的遊戲物件檔就可以放入關卡編輯器裡


關卡編輯器 主要負責遊戲物件位置的擺放及圖層設定等等動作
還可以設定觸發事件,例如 demo game 裡的踩按鈕
除了 KIKI 內建幾個簡單的 trigger也可以為個別遊戲外掛 trigger
也支援 run-time mode 編輯完後可以按個
play 按鈕直接玩玩看

關卡編輯器
物件編輯器

 KIKI 雖然可以開發出現像 demo game 這樣的 platform game 不過功能還很陽春
若有人有興趣合作開發 web game 請與我聯絡,我還是願意開發下去。


Python Tkinter First Example

import tkinter as tk def on_closing():     root.destroy() class MainWindow(tk.Tk):     def __init__(self, *args, **kwargs):         tk.Tk.__...