Good Game Editor 1.2 Beta

* 新增Good.KillAllChild
* 關卡編輯器(Level Editor)支援按住Alt鍵以滑鼠拖曳物件作複製。
* 修正在關卡編輯器中拖曳物件過程中按ESC鍵的處理錯誤。
* AboutBox中，zlib及yardparser文字位置對調。
* 關卡編輯器新增使用方向鍵移動物件。
* 關卡編輯器中(Name|Visible|Rot|Scale|Repeat|Script)等屬性可以undo/redo。
* 關卡編輯器支援按住Shift鍵以方向鍵作色塊及貼圖物件縮放。
* 關卡編輯器支援以Tab鍵切換選取物件。
* 修正Good模組API傳入物件Id(0)的錯誤。
* 去掉Good模組中物件類別常數的前綴詞TYPES_。
* 去掉Input模組中按鍵常數的前綴詞KEYS_。
* 以Good.SetBgColor設定關卡物件BgColor等同於設定關卡背景清除顏色(ClearColor)。
* 新增範例lvlbg。
* 新增範例動態選單(menu)。
* 工具列新增一個可以開關ResourceView及一個開關OutputView的按鈕。
* AboutBox的連結(又)改成按鈕型式。
* 修正一個新增關卡的小問題，將HasClearColor初始為false。
* 將範例程式中使用的一些BMP圖形格式轉為PNG。
* 新增單人撲克牌遊戲：蒙地卡羅。
* AboutBox添加Wiki連結。
* 編輯器(Editors)的縮放比例最大可到800%。
* 修正一個新件貼圖物件大小計算錯誤的問題。
* 新增Good.GetTexId/SetMapId/SetTexId API。
* 新增檢查是否有新版本編輯器的功能(Help\Check for Update...)。
* 新增一個sample，簡單的示範縮放及旋轉(scalerot)。
* 移除AboutBox裡的waync's smallworld連結。
* 修正Good.GetDim在讀取貼圖物件時沒有正確回傳寬高的問題。
* 修正時間控制的問題，這樣在某些電腦上不會一執行遊戲時就失速。
* 新版本也能在iPhone上通過編譯執行。
* 增加對物件作縮放(xScale,yScale)及旋轉(Rotate)的支援。
* 把25940m改版一下支援iPhone，當作測試。
* 除了可以在Dependency指定外部資源(zip或good檔)外，新增可以加入搜尋路徑的功能。
* 以yardparser取代Boost Spirit作stge parser。
* AboutBox的Libs頁面裡的Spirit-1.8.5宣告變更為yardparser-1.5。

(下載)

留言

這個網誌中的熱門文章

單人撲克牌遊戲 - 蒙地卡羅

更多可在網頁玩的單人撲克牌遊戲；新增一個簡單的單人撲克牌遊戲：蒙地卡羅，簡單介紹一下玩法。下載事先排列好5x5張牌。每次移動一張可以配對的牌，並消除這對牌。在上下、左右及斜向相隣的二張牌，只要擁有同樣數字(不計花色)，即可配對。消除二張配對的牌後，剩餘的牌以往左往上的方式補滿空隙，接著在發新牌補滿後面的空格。重覆步驟2~3，直到沒有牌可以配對及發完所有牌為止。結果有二種。一個是勝利，成功的消除掉所有牌。另一個是Gameover沒有牌可以再作配對。

以lex/yacc實作算式計算機

前面我們透過手工的方式實作了一個簡易的算式計算機，現在我們要開始使用工具來作同樣的事，比較看看手工和使用工具有什麼不同的差別。首先要介紹的就是lex&yacc。 lex & yacc lex(Lexical Analyzar)及yacc(Yet Another Compiler Compiler)是用來輔助程式設計師製作語法剖析器的程式工具。lex的工作就是幫助我們將輸入的資料文字串流分解成一個個有意義的token，而yacc的工作就是幫我們分析這些token和我們定義的規則作匹配。下圖中所表示的是使用lex及yacc的一般工作流程。首先看到yacc會讀入一個.y檔案，這裡.y檔案的內容就是我們使用類似(E)BNF語法定義的語法規則，yacc會分析這些語法規則後，幫我們產生可以用來解析這些規則的程式碼，而這個檔案一般名稱預設為y.tab.c，產生的程式碼裡面最重要的一個的函式叫作yyparse。同yacc類似，lex也會讀入一個.l的檔案，這個檔案裡面定義的是如何從文字流裡解出token的規則，使用的方法是常規表示式(regular expression)。在圖的左側中間我們還可以看到有一個叫作y.tab.h的檔案從yacc產生出來並餵給lex作輸入，這個檔案是yacc根據在讀入的.y檔裡面所定義的token代號所產生出來的一個header，這樣yacc及lex產生出來的程式碼裡面就可以使用共通定義的代碼而不必各寫個的。lex分析過.l檔案後也會產生一個一般預設叫作lex.yy.c的原始碼檔案，裡頭最重要的一個函式叫作yylex。最後，我們把yacc產生出來的y.tab.c還有lex產生出來的lex.yy.c，以及其它我們自己撰寫的原始碼檔案一起拿來編譯再作連結，最後產生出來的就是一個可以用來解析我們定義的語法的解析器工具。以上是整個lex及yacc的使用流程概觀。常規表示式在正式使用lex之前，我們首先來對常規表示法作一個基本的認識。常規表示法是一種用來表示字串樣式(pattern)的中繼語言，就好比前文所介紹的(E)BNF表示式一樣，都是用來描述其它語言的語言，只不過用途不太一樣罷了。常規表示式使用一些中繼符號(meta-symbol)以及ASCII字元定義字串樣式，以下列出一些常規表示式所使用的符號。 . 表示除了換行字元...

窮人的 AI：自動漫畫分鏡切割

( 試試看 ) 在手機上看漫畫時，有一個體驗上的問題：漫畫原本是「整頁設計」手機最適合的是「一格一格往下滑」與其強迫使用者縮放、拖曳、放大，更直覺的做法是：直接把一頁漫畫自動切成多個分鏡，轉成瀑布流閱讀。這篇文章分享一個不靠深度學習、完全在前端完成的實作方式：使用 OpenCV.js 做分鏡偵測輸出 rect list 再用全畫面 Canvas 把每個分鏡當成一個「閱讀單位」整個系統可以拆成三層：漫畫圖片 ↓ 影像處理（找出 rects） ↓ 排序後的 rect list ↓ 全畫面 Canvas 逐格呈現（瀑布流） Step 1：灰階化漫畫的資訊 90% 都在線條上，顏色反而是干擾。 cv.cvtColor(src, grayImage, cv.COLOR_RGBA2GRAY); 灰階化的好處：降低維度對邊緣偵測更穩定對黑白漫畫特別有效 Step 2：邊緣偵測，抓出「分鏡的邊」接下來用最經典、也最夠用的 Canny Edge Detection： cv.Canny(grayImage, edges, 50, 150); 在漫畫中，分鏡外框通常就是最明顯的邊界。 Step 3：形態學操作，把破碎邊框「補起來」真實漫畫的線條並不完美，常常有斷線、陰影、留白。所以要做一個很重要的步驟：膨脹（Dilation） const kernel = cv.Mat.ones( 5 , 5 , cv.CV_8U); cv.dilate(edges, dilatedEdges, kernel); 直覺理解就是：把細線「抹粗一點」，讓本來斷掉的邊界連成封閉區域。這一步直接決定後面能不能成功抓到「一整格分鏡」。 Step 4：找輪廓，轉成矩形框（rect）有了封閉區域之後，就可以找輪廓： cv.findContours( dilatedEdges, contours, hierarchy, cv.RETR_EXTERNAL, cv.CHAIN_APPROX_SIMPLE ); 每一個 contour，代表一個「可能的分鏡區塊」。接著轉成矩形： const rect = cv.boundingRect(contour); rects.push([rect.x, rect.y, rect.widt...

很讚的遊戲編輯器

搜尋此網誌