green lanternダウンロード - green lanternソースコードのダウンロード

green lantern

FLASHソースコード

1.0.0

ダウンロード

グリーンランタン

Glanternは、Flash-HTML5シム層を対象としたライブラリです。 http://hozuki.github.io/green-lanternのライブプレビューをお楽しみください。

テストケースのスクリーンショットはここにあります。

ソースの取得

ネイティブgitは、他のクライアントに対して強くお勧めします。

git clone https://github.com/hozuki/GLantern.git

または、NPMパッケージとして、 npm経由でインストールできます。

npm install glantern --save

ソースからの建物

Node.jsとNPMがインストールされていることを確認してください。残りは非常に簡単です：

 cd GLantern
npm install
gulp build

構築後、あなたは見つけるでしょう：

nw.jsおよび電子のbuild/nodeディレクトリ。
ブラウザ用の完全な連結JavaScriptファイルとしてのbuild/GLantern-browser.jsファイル。
ブラウザbuild/GLantern-browser.min.js （および対応するソースマッピング）は、より良い読み込み速度のために最小化されたファイルとして。

ライブラリを使用します

test/visual/index.htmlのデモページを参照してください。最新のブラウザ、NW.JS、または電子など、WebGLを使用した環境が必要です。

プロジェクトへのインポート

Glanternは、2つのスタイルのインポートをサポートしています。

最初のものは<script>タグでインポートされます。 src属性を使用して、コンパイルされた結果を指します。

 < script type =" text/javascript " src =" GLantern-browser.min.js " > </ script >

nw.jsや電子などのnode.jsをサポートする環境では、 require構文を使用することもできます。

 const GLantern = require ( "glantern" ) ;

前者または後者のスタイルでインポートした後、 GLanternオブジェクトはグローバルに利用可能です。

エクスポートされたメンバーを使用します

フラッシュのパッケージ構造はGlanternに保存されているため、 GLantern.通常、プレフィックスは機能します。 ActionScriptのようにしたい場合、GlanternはinjectToGlobal()関数を提供して、「パッケージ」をグローバル範囲に注入します。

 // Check if GLantern is supported
if ( GLantern . isSupported ( ) ) {
    const lantern = new GLantern . EngineBase ( ) ;
    const canvas = document . createElement ( "canvas" ) ;
    lantern . initialize ( canvas , 682 , 438 ) ;
    document . body . appendChild ( lantern . view ) ;
    window . addEventListener ( "unload" , function ( ) {
        lantern . dispose ( ) ;
    } ) ;
    draw ( true , this ) ;
} else {
    const prompt = document . createElement ( "span" ) ;
    prompt . textContent = "Oops, GLantern is not supported on your browser." ;
    document . body . appendChild ( prompt ) ;
}

/**
* Draws a rectangle.
*/
function draw ( ) {
    function createShape ( alpha ) {
        const s = new GLantern . flash . display . Shape ( lantern . stage , lantern . stage ) ;
        lantern . stage . addChild ( s ) ;
        s . alpha = alpha ;
        return s ;
    }
    const shape1 = createShape ( 1 ) ;
    shape1 . graphics . beginFill ( 0xffffff ) ;
    shape1 . graphics . drawRect ( 0 , 0 , 540 , 383 ) ;
    shape1 . graphics . endFill ( ) ;
}

Q＆A

QA.MDを参照してください。

ライセンス

MITライセンス

また、 LICENSE.mdにコピーがあります。

その他のリソース

Adobe Flash CCは、FlashプロジェクトをWebGLプロジェクトとしてエクスポートできます。チュートリアルと制限はここにあります。ただし、FlashがAnimateに置き換えられることが最近発表されました。だから、あなたはその新しいソリューションに温かい歓迎をしたいかもしれません。
Mozillaは、FirefoxでHTML 5機能を使用してフラッシュのようなサポートを提供することを目的としたプロジェクトであるShumwayを開始しました。