Top Banner
Membuat Virtual World Dengan AS3Isolib isometric library
21
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Mas anggi as3isolib

Membuat Virtual WorldDengan AS3Isolib isometric library

Page 2: Mas anggi as3isolib

About Me

Anggie Bratadinata

www.masputih.com

Flash Engineer, Hands On Mobile

Entertainment

www.handson.com

Page 3: Mas anggi as3isolib

Past Clients

Disney

Eyespot

Playdom

Electronic Arts

Sorenson Media

Page 4: Mas anggi as3isolib

FLASH ISOMETRIC LIBRARIES

Page 5: Mas anggi as3isolib

Gratis & Opensource Bayar

FFilmation

http://www.ffilmation.org/

AS3Isolib

http://code.google.com/p/as3isolib/

Open Space (2200 Euro)

http://www.openspace-engine.com/

Theo World SDK (799

USD)

http://www.theoworlds.com/

Page 6: Mas anggi as3isolib

AS3ISOLIB

Page 7: Mas anggi as3isolib

AS3Isolib

Membantu developer dalam membuat

& menampilkan konten isometrik

Didesain untuk speed & performance

Simple API

Page 8: Mas anggi as3isolib

Pros & Cons

Pros Cons

Gratis & Opensource

Active development &

forum

Fleksibel

Simple API

Dokumentasi kurang

Sedikit tutorial

Page 9: Mas anggi as3isolib

Core Objects

IsoView

IsoScene

IsoPrimitive

IsoSprite

Page 10: Mas anggi as3isolib

IsoView

Root container dari objek-objek

isometrik

Subclass dari flash.display.Sprite

Suport : zoom & pan

Perlu di-extend/customize untuk

mempermudah development

Page 11: Mas anggi as3isolib

IsoScene

Container untuk objek-objek isometrik

Berfungsi untuk rendering & grouping

Umumnya tidak perlu di-extend lagi

Page 12: Mas anggi as3isolib

IsoPrimitive

Objek sederhana (vector)

◦ IsoRectangle

◦ IsoBox

Menggunakan Flash Drawing API

Tidak suport skin

Performance hit

Hanya cocok untuk quick-prototyping

Page 13: Mas anggi as3isolib

IsoSprite

Tidak punya konten default

Suport skin

Cocok untuk real-project

Perlu di-extend

Page 14: Mas anggi as3isolib

DEMO

\m/ ( ^ _ ^ ) \m/

Page 15: Mas anggi as3isolib

Topik

Basic demo

Custom/Extended version

◦ Grid-based

◦ A* pathfinding

◦ Skins : statik & animasi (spritesheet)

Sourcecode bisa diunduh di:

http://dump.masputih-dev.info/adobecamp/

Page 16: Mas anggi as3isolib

Dimensi Objek

Page 17: Mas anggi as3isolib

Struktur Dasar

Page 18: Mas anggi as3isolib

Basic Flowchart

Page 19: Mas anggi as3isolib

Extended Version

Page 20: Mas anggi as3isolib

Spritesheet ?

Bukan Spreadsheet

Sering juga disebut Tilesheet

Sekelompok Bitmap yg disusun dalam

kolom & baris & disimpan dalam memori

Setiap sel (frame/tile) ditampilkan

bergantian pada saat runtime (blit)

Page 21: Mas anggi as3isolib

Extended Flowchart