virtual world as3isolib

21
Membuat Virtual World Dengan AS3Isolib isometric library

Upload: anggie-bratadinata

Post on 02-Apr-2015

360 views

Category:

Documents


2 download

DESCRIPTION

my presentation at adobe camp 2011, jakarta

TRANSCRIPT

Page 1: Virtual World AS3Isolib

Membuat Virtual WorldDengan AS3Isolib isometric library

Page 2: Virtual World AS3Isolib

About Me

Anggie Bratadinata

www.masputih.com

Flash Engineer, Hands On Mobile

Entertainment

www.handson.com

Page 3: Virtual World AS3Isolib

Past Clients

Disney

Eyespot

Playdom

Electronic Arts

Sorenson Media

Page 4: Virtual World AS3Isolib

FLASH ISOMETRIC LIBRARIES

Page 5: Virtual World 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: Virtual World AS3Isolib

AS3ISOLIB

Page 7: Virtual World AS3Isolib

AS3Isolib

Membantu developer dalam membuat

& menampilkan konten isometrik

Didesain untuk speed & performance

Simple API

Page 8: Virtual World AS3Isolib

Pros & Cons

Pros Cons

Gratis & Opensource

Active development &

forum

Fleksibel

Simple API

Dokumentasi kurang

Sedikit tutorial

Page 9: Virtual World AS3Isolib

Core Objects

IsoView

IsoScene

IsoPrimitive

IsoSprite

Page 10: Virtual World 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: Virtual World AS3Isolib

IsoScene

Container untuk objek-objek isometrik

Berfungsi untuk rendering & grouping

Umumnya tidak perlu di-extend lagi

Page 12: Virtual World AS3Isolib

IsoPrimitive

Objek sederhana (vector)

◦ IsoRectangle

◦ IsoBox

Menggunakan Flash Drawing API

Tidak suport skin

Performance hit

Hanya cocok untuk quick-prototyping

Page 13: Virtual World AS3Isolib

IsoSprite

Tidak punya konten default

Suport skin

Cocok untuk real-project

Perlu di-extend

Page 14: Virtual World AS3Isolib

DEMO

\m/ ( ^ _ ^ ) \m/

Page 15: Virtual World 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: Virtual World AS3Isolib

Dimensi Objek

Page 17: Virtual World AS3Isolib

Struktur Dasar

Page 18: Virtual World AS3Isolib

Basic Flowchart

Page 19: Virtual World AS3Isolib

Extended Version

Page 20: Virtual World 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: Virtual World AS3Isolib

Extended Flowchart