Glantern은 Flash-HTML5 심층을위한 라이브러리입니다. http://hozuki.github.io/green-lantern에서 라이브 미리보기를 즐기십시오.
테스트 케이스의 스크린 샷은 여기에서 찾을 수 있습니다.
기본 git 다른 고객에게 적극 권장됩니다.
git clone https://github.com/hozuki/GLantern.git 또는 NPM 패키지로서 npm 통해 설치할 수 있습니다.
npm install glantern --saveNode.js 및 NPM이 설치되어 있는지 확인하십시오. 나머지는 매우 간단합니다.
cd GLantern
npm install
gulp build건축 후에는 다음을 찾을 수 있습니다.
build/node 디렉토리;build/GLantern-browser.js 파일;build/GLantern-browser.min.js (및 해당 소스 매핑). test/visual/index.html 의 데모 페이지를 참조하십시오. 현대식 브라우저, NW.JS 또는 전자와 같은 WebGL이있는 환경이 필요합니다.
Glantern은 두 가지 스타일의 수입을 지원합니다.
첫 번째는 <script> 태그로 가져 오는 것입니다. src 속성을 사용하여 컴파일 된 결과를 가리 킵니다.
< script type =" text/javascript " src =" GLantern-browser.min.js " > </ script > NW.JS 또는 전자와 같은 Node.js를 지원하는 환경에서는 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 ( ) ;
} QA.Md를 참조하십시오.
MIT 라이센스
또한 LICENSE.md 에서 사본을 찾을 수 있습니다.
Green-Lantern의 일부는 webgl-utils.js 기반으로 수정을 사용합니다. 라이센스 파일은 여기에서 찾을 수 있습니다.
Green-Lantern의 일부는 AwayJS.Core.geom 기반으로 수정을 사용합니다. 라이센스 파일은 여기에서 찾을 수 있습니다.
Green-Lantern의 일부는 원래 C ++의 Maxim Shemanarev에 의해 곡물 방지 지오메트리의 적응을 사용합니다. 라이센스 파일은 여기에서 찾을 수 있습니다.