Top Banner
Membuat Virtual World Dengan AS3Isolib isometric library
21

Virtual World AS3Isolib

Apr 02, 2015

Download

Documents

my presentation at adobe camp 2011, jakarta
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: 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