TiGLDemo

การสาธิต TIGL

โครงการนี้ Tigl Demo ให้ภาพรวมของคุณสมบัติที่นำเสนอโดย TIGL พร้อม แอปพลิเคชัน Titanium Mobile นอกจากนี้ยังเสนอ โมดูล TIGL รุ่นล่าสุด

โมดูล TIGL มีความตั้งใจที่จะเปิดใช้งานการแสดงผล OpenGL แบบง่าย ๆ ของ SceneGraph 2D จากแอปพลิเคชันมือถือ มันมีโมดูลไทเทเนียมเฉพาะที่จะใช้กับแอปพลิเคชัน Titanium Appcelerator

สำหรับตอนนี้ โมดูลไทเทเนียม TIGL สนับสนุนอุปกรณ์ Android เท่านั้น (คุณสามารถช่วยเราในการพอร์ตไปยัง iOS ได้)

TIGL ยังคงอยู่ในช่วงต้นการพัฒนาและมีให้เป็นโครงการโอเพ่นซอร์สที่นี่ https://github.com/dzzd/tigl

Tigl ทำจากสามส่วน:

• ห้องสมุด Android Scenegraph 2D โดยใช้ OpenGL
• โมดูลไทเทเนียม Java ซึ่งสร้างสะพานเชื่อมระหว่างไทเทเนียมและห้องสมุด Android
• โมดูล JavaScript ซึ่งเสนอวิธีที่เหมาะสมและสะดวกยิ่งขึ้นในการควบคุมโมดูล Java

เริ่มต้น

PREREQUISTE: ต้องติดตั้งไทเทเนียมและ GIT อย่างถูกต้องและทำงานบนเครื่องของคุณ ในการติดตั้ง Tianium คุณสามารถอ้างถึงบทช่วยสอนนี้

1. โคลนครั้งแรกที่เก็บ:

    git clone https://github.com/DzzD/TIGLDemo
   

2. สร้างเพื่อจำลองหรืออุปกรณ์:

    titanium build --platform android -T [device|emulator]
   

ใช้ TIGL ในโครงการของคุณเอง

1. ก่อนอื่น ติดตั้งโมดูล TIGL ในโครงการของคุณเอง:

   • ดาวน์โหลด TIGL ZIP Release ล่าสุด (fr.dzzd.tigl-Android-xxxzip) จากที่เก็บนี้และวางไฟล์ zip ลงในโฟลเดอร์รูทของโครงการของคุณ (จะไม่บีบอัดและติดตั้งโดยอัตโนมัติในการสร้างโครงการของคุณ)

2. เปิดใช้งานโมดูล tigl ใน tiapp.xml

    <modules>
    	<module platform="android">fr.dzzd.tigl</module>
    </modules>
   

3. แก้ไขมุมมอง XML เพื่อฝังมุมมอง TIGL

    <TIGLView id="glView" module="fr.dzzd.tigl" onInit="init" onLoop="loop"/>
   

4. ปรับเปลี่ยนคอนโทรลเลอร์มุมมองเพื่อโหลดย้ายและโต้ตอบกับสไปรต์

    var  spriteUid;
    function  init()
    {
    	this.addSprite({url: "Resources/sprite.png", x: 0, y: 50});
    }
    
    function  loop()
    {
    	this.setEntityPositionById(spriteUid, 50 , 50);
    }
   

   หรือกับ tiglmanager (แนะนำเป็นอย่างยิ่ง)

    const TIGLManager = require("tiglmanager");
    var tm;
    var  sprite;
    
    function  init()
    {
    	tm = new TIGLManager(this);
    	sprite=tm.addSprite({url: "Resources/sprite.png"});
    }
    
    function  loop()
    {
    	sprite.x++;
    	sprite.x %= 100;
    }
   

---

DZZD และเครื่องหมายที่เกี่ยวข้องและโลโก้เป็นเครื่องหมายการค้าของ SARL DZZD

TIGL เป็นลิขสิทธิ์ (C) 2020-2021 โดย DZZD สงวนลิขสิทธิ์

TIGL ได้รับใบอนุญาตภายใต้ใบอนุญาตสาธารณะ GNU ทั่วไป (เวอร์ชัน 3+) โปรดดูไฟล์ใบอนุญาตสำหรับใบอนุญาตเต็มรูปแบบ

BMFONT (https://www.angelcode.com/products/bmfont/) ได้รับอนุญาตภายใต้ใบอนุญาต Zlib

Tweenjs (https://github.com/tweenjs/tween.js/) ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT