Rapid 快速開發模組(by gamtable)

簡化一般常用的功能，讓用戶可以快速開發。

Why use Rapid? 為什麼要用Rapid呢?

有些人可能問：為什麼要用Rapid呢?
Rapid又有什麼好處呢?

Rapid把使用對象設在國中生，把功能的複雜的程度大量簡化，當您載入了Rapid，就可以很輕鬆地做出很多東西。
一些很複雜的東西(比如是loadber、按鈕等等)，在Base中都沒沒有提供，但Rapid不但提供了以上功能，我們還把功能整合、中文化。

學習程式?就是如此簡單。

Start 開始使用

在使用模組之前，必須在右方的"加載模組"載入本模組。
在編輯時,輸入 CG.Rapid.就可以使用，以下為例子：

export class App {
    constructor() {
        CG.Rapid.system.addResource('圖片1','圖片2','圖片3'); //加載資源
    }
}

注意1:本模組已事先載入Base的模組，用戶不必重新載入。
注意2:用戶可以在"討論"提出意見。開發本模組時是根據團隊團員不擅長之處開發，不一定可以涵蓋所有用戶。
注意3:後續版本會閞發類似光暈同人陣的環境，閞發者可以在OwnGame.ts找到所需函數(未開發完成，現階段使用並沒有效果)。

Tutorial 一般教學

檢查是不是用手機瀏覽

export class App {

    constructor() {
        CG.Base.pixi.initialize(800,600);
        CG.Rapid.fillClr(0xFFFFFF);
        if (CG.Rapid.system.checkMobile() == true) {
            CG.Rapid.text('這是手機用戶',100,100)
        } else {
            CG.Rapid.text('這是電腦用戶',100,100)
        }
    }

}
export const APP: App = new App();

列出一段文字

export class App {

    constructor() {
        CG.Base.pixi.initialize(800,600);
        CG.Rapid.fillClr(0xFFFFFF);
        CG.Rapid.text('列出一段文字',100,100);
    }

}
export const APP: App = new App();

放置圖片

export class App {
    constructor() {
        CG.Rapid.system.addResource('圖片1'); //要先加載圖片
        CG.Base.pixi.initialize(800,600);
        CG.Base.resourceManager.load(() => {
           let myImage = CG.Rapid.img('圖片1'); //放置圖片
            CG.Base.pixi.root.removeChild(myImage); //移除圖片
        };
    }
}

放置按鈕

export class App {
    constructor() {
        CG.Rapid.system.addResource('圖片1'); //要先加載圖片
        CG.Base.resourceManager.load(() => {
            let newButton = CG.Rapid.GUI.button(10,10,'圖片1',() => {
                console.log('點下去就會say hi!');
            }); //放置按鈕
            CG.Base.pixi.root.removeChild(newButton); //移除按鈕
        };
    }
}

Authors 作者

• gamtable