الصفحة الرئيسية>موارد بناء الموقع>فلاش كود المصدر
تنزيل

الفانوس الأخضر

Glantern هي مكتبة مخصصة لطبقة Shim 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

بعد البناء ، ستجد:

  • دليل build/node لـ NW.JS والإلكترون ؛
  • ملف build/GLantern-browser.js كملف JavaScript الكامل المسلس للمتصفحات ؛
  • A build/GLantern-browser.min.js (ورسم خرائط المصدر المقابل) للمتصفحات ، كملف الحد الأدنى لتحسين سرعة التحميل.

باستخدام المكتبة

انظر الصفحة التجريبية في test/visual/index.html . ستحتاج إلى بيئة مع WebGL ، مثل المتصفحات الحديثة ، NW.JS ، أو الإلكترون.

الاستيراد إلى مشروعك

Glantern يدعم اثنين من الأسلوب من الاستيراد.

أول واحد هو الاستيراد بواسطة <script> علامة. استخدم سمة src الخاصة بها وأوجهها إلى النتيجة المترجمة: 

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

في البيئات التي تدعم node.js ، مثل nw.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 ( ) ;
}

سؤال وجواب

انظر QA.MD.

رخصة

ترخيص معهد ماساتشوستس للتكنولوجيا

ستجد أيضًا نسخة في LICENSE.md .

موارد أخرى

  • Adobe Flash CC قادر على تصدير مشروع الفلاش كمشاريع WebGL. يمكن العثور على البرنامج التعليمي والقيود هنا. ومع ذلك ، فقد تم الإعلان مؤخرًا عن استبدال Flash بـ ANIMATE. لذا ، قد ترغب في إعطاء ترحيب حار لهذا الحل الجديد.
  • بدأت Mozilla مشروعًا ، Shumway ، والذي يهدف إلى توفير دعم يشبه الفلاش باستخدام ميزات HTML 5 على Firefox.

الاعتمادات

يستخدم جزء من الفانوس الأخضر التعديلات على أساس webgl-utils.js . يمكن العثور على ملف الترخيص الخاص به هنا.

يستخدم جزء من الفانوس الأخضر التعديلات على أساس AwayJS.Core.geom . يمكن العثور على ملف الترخيص الخاص به هنا.

يستخدم جزء من الفانوس الأخضر التعديلات من الهندسة المضادة للحبوب ، في الأصل بواسطة Maxim Shemanarev في C ++. يمكن العثور على ملف الترخيص الخاص به هنا.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل