green lantern

Зеленый фонарь

Glantern-это библиотека, предназначенная для слоя Shim Flash-HTML5. Наслаждайтесь живым предварительным просмотром по адресу http://hozuki.github.io/green-lantern.

Скриншоты тестовых случаев можно найти здесь.

Приобретение источника

Native git настоятельно рекомендуется против других клиентов:

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

Или, как пакет NPM, вы можете установить его через npm :

npm install glantern --save

Здание из источника

Убедитесь, что у вас установлены Node.js и NPM. Остальное довольно просто:

 cd GLantern
npm install
gulp build

После строительства вы найдете:

• каталог build/node для NW.JS и Electron;
• файл build/GLantern-browser.js в качестве полного, объединенного файла JavaScript для браузеров;
• build/GLantern-browser.min.js (и соответствующее отображение источника) для браузеров, как минимизированный файл для лучшей скорости нагрузки.

Используя библиотеку

См. Демо -страницу на test/visual/index.html . Вам понадобится среда с WebGL, такими как современные браузеры, NW.JS или электрон.

Импорт в ваш проект

Глантерн поддерживает два стиля импорта.

Первый импортируется по тегу <script> . Используйте его атрибут src и укажите его на скомпилированный результат:

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

В средах, которые поддерживают node.js, такие как NW.JS или Electron, вы также можете использовать синтаксис require :

 const GLantern = require ( "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 Project в качестве проектов WebGL. Учебное пособие и ограничения можно найти здесь. Тем не менее, недавно было объявлено, что Flash заменяется оживленным. Итак, ребята, вы можете захотеть дать теплую прием к этому новому решению.
• Mozilla запустила проект, Shumway, который предназначен для обеспечения вспышки, используя функции HTML 5 на Firefox.

Кредиты

Часть зеленого фонаря использует модификации, основанные на webgl-utils.js . Его файл лицензии можно найти здесь.

Часть зеленого фонаря использует модификации, основанные на AwayJS.Core.geom . Его файл лицензии можно найти здесь.

Часть зеленого фонаря использует адаптацию от антизерновой геометрии, первоначально от Максима Шеманарева в C ++. Его файл лицензии можно найти здесь.