green lantern

Lentera hijau

Glantern adalah perpustakaan yang dimaksudkan untuk lapisan shim flash-html5. Nikmati pratinjau langsung dari http://hozuki.github.io/green-lantern.

Tangkapan layar kasus uji dapat ditemukan di sini.

Memperoleh sumbernya

Native git sangat direkomendasikan terhadap klien lain:

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

Atau, sebagai paket NPM, Anda dapat menginstalnya melalui npm :

npm install glantern --save

Membangun dari sumbernya

Pastikan Anda menginstal Node.js dan NPM. Sisanya cukup sederhana:

 cd GLantern
npm install
gulp build

Setelah membangun, Anda akan menemukan:

• direktori build/node untuk nw.js dan elektron;
• file build/GLantern-browser.js sebagai file javascript lengkap untuk browser;
• build/GLantern-browser.min.js (dan pemetaan sumber yang sesuai) untuk browser, sebagai file yang diminimalkan untuk kecepatan pemuatan yang lebih baik.

Menggunakan perpustakaan

Lihat halaman demo di test/visual/index.html . Anda akan membutuhkan lingkungan dengan WebGL, seperti browser modern, NW.JS, atau elektron.

Mengimpor ke proyek Anda

Glantern mendukung dua gaya impor.

Yang pertama diimpor dengan tag <script> . Gunakan atribut src -nya dan arahkan ke hasil yang dikompilasi:

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

Di lingkungan yang mendukung node.js, seperti NW.js atau elektron, Anda juga dapat menggunakan sintaks require :

 const GLantern = require ( "glantern" ) ;

Setelah mengimpor dengan gaya sebelumnya atau yang terakhir, objek GLantern tersedia secara global.

Menggunakan anggota yang diekspor

Struktur paket flash diawetkan di Glantern, jadi tambahkan GLantern. awalan biasanya berfungsi. Jika Anda ingin membuatnya lebih seperti ActionScript, Glantern menyediakan fungsi injectToGlobal() untuk menyuntikkan "paket" ke ruang lingkup global.

 // 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

Lihat QA.MD.

Lisensi

Lisensi MIT

Anda juga akan menemukan salinan di LICENSE.md .

Sumber daya lainnya

• Adobe Flash CC dapat mengekspor proyek flash sebagai proyek WebGL. Tutorial dan pembatasan dapat ditemukan di sini. Namun, baru -baru ini diumumkan bahwa Flash digantikan oleh Animate. Jadi kawan, Anda mungkin ingin memberikan sambutan hangat untuk solusi baru itu.
• Mozilla telah memulai sebuah proyek, Shumway, yang dimaksudkan untuk memberikan dukungan seperti flash dengan menggunakan fitur HTML 5 di Firefox.

Kredit

Bagian dari Green-Lantern menggunakan modifikasi berdasarkan webgl-utils.js . File lisensinya dapat ditemukan di sini.

Bagian dari Green-Lantern menggunakan modifikasi berdasarkan AwayJS.Core.geom . File lisensinya dapat ditemukan di sini.

Bagian dari Green-Lantern menggunakan adaptasi dari geometri anti-grain, awalnya oleh Maxim Shemanarev di C ++. File lisensinya dapat ditemukan di sini.