[VXA] Parallax Mapping Tutorial

Hello para Senoir, kali ini saya membawa tutorial parallax mapping.
Tutorial ini memerluan dua script yaitu:

1. Yami Engine Ace - Overlay Mapping
2. Yanfly Engine Ace - Parallax Lock

Instruksi untuk masing-masing script bisa dilihat pada header masing-masing script.
Sekarang kita mulai tutorialnya, langkah pertama yaitu buka program image editor, saya disini pake photoshop.

ukuran map adalah dalam pixel, jadi untuk map sizenya dikalikan dengan 32, misalnya
kita akan membuat map dengan ukuran 30 x 30, maka sizenya
30 x 32 = 960 pixel
30 x 32 = 960 pixel

got it? good, sekarang yang kita perlukan adalah tileset untuk parallaxing, saya memakai tilesetnya HK.

Dalam tutorial ini, kita akan membuat map dungeon, so... open tileset dan buat selection...
ups lupa... sebelum buat selection ada baiknya kalau kita bikin grid dulu, caranya
Edit > Preferences > Guides, Grid, and Slice

trus isikan seperti berikut
Gridline Every : 32 pixel
subdivision 1 dah beres.

Oke, kembali ke TKP... buat selection di tileset, lalu copas ke new document. in-case kalo kalian lupa laranya copas,
co = copy "ctrl + c" lalu pas = paste "ctrl + v"

make selection

Spoiler:

lalu mulai susun tilesetnya seperti saat kalian mapping di enginenya langsung.
Oke terus lakukan itu sampe kalian selesai membuat atap seperti gambar dibawah...

Spoiler:

jika sudah, langkah selanjutnya adalah membuat dinding, caranya sama seperti cara sebelummya, make selection lalu copas, lalu susun, simple... ^_^

Spoiler:

Oke, mapnya mulai berbentuk. selanjutnya adalah menambahkan dekorasi.
buat group dan beri nama ground...
untuk dekorasi saya disini memakai tilesetnya celiana's temple tiles.
keluarkan kreativitas kalian dan mulailah mendekor map kalian sesuai dengan kreativitas masing-masing

Spoiler:

selanjuatnya nambahkan efek bayangan dan cahaya...
buat layer baru, beri nama shadow, ganti blending menjadi subtract. dan opacitynya 35%
gunakan brush tool, pilih warna putih dan mulai buat shadow, pake perasaan aja, pokoknya bayangan berlawanan dengan jatuhnya cahaya.

untuk cahaya sama aja dengan bayangan cuman blendingnya linear dodge (add)

adding light

Spoiler:

ini kalo udah jadi

Spoiler:

Now our map is done... now saving images

save mapnya dalam format JPG, namanya terserah. misal "Map 3"
image ini nanti akan digunakan sebagai parallax

lalu buat layer baru diatas layer parallax lalu gunakan bucket tool isi layer dengan warna hitam.
hidden semua layer kecuali layer shadow. dan save image dengan format PNG
beri mana "shadow+map_id-variable" misal "shadow3-1"

shadow

Spoiler:

untuk light save dengan format PNG juga, namanya "light+map_id-variable" misal "light3-1"

light

Spoiler:

parallax
oke... shadow udah, light udah, sekarang tinggal parallax.
liat gambar aja deh, bingung ngejelasinnya. save dengan format PNG, namany "par+map_id-variable" misal par3-1

Spoiler:

nah selesai sudah parallaxnya, tinggal install scriptnya, lalu buat folder Overlays dan copas gambar yg udah disave tadi. lalu gunakan imagenya sebagai parallax

Spoiler:

dan playtest

Spoiler:

hoo . . . gitu to caranya ngemap parallax . .

btw, itu airnya juga bisa gerak" nggak ?

bisa aja tapi musti nambah script animated parallax, ato edit tilesetnya dibikin auto tile.

Nice tutorial om,
spertinya butuh keahlian photoshop dan kejelian buat atur efek-efek..
Terima kasih sudah mw brbagi ilmu..
prtanda saya harus blajar lbh lagi.. thx

btw, 48 partnya dah d upload lom?

@Adhe
bnar pake animated paralax script,
mungkin modern algebra udah buat scriptnya untuk VxA..

Ih waw Parallax~
Nice tuts deh ah
Oh just a little question ah

1) Kalau misalnya parallax Light bukannya entar bisa pake' punyanya Yami? Atau emang harus di Photoshopnya?
2) Setiap layer di photoshop itu mengandung apa aja? Saya liat di SSmu banyak sekali layernya
3) Kalau misalnya mau parallax itu kita buat ground + Temboknya dulu atau mungkin langsung full Photoshop?

And that's all

@Mc
Si Modern Algebra blm pernah wa liat udh ngeluarin gituan
So bisa kita simpulkan bahwa untuk sementara zero dulu

okay thank ya para senoir

@McPherson : ga harus skilled sih, yg penting mau berkreasi aja. nyoba-nyoba...
n belom di upload om. sorry tapi ku usahain ASAP deh

@Marjan: wah multiple questions
1. Yami
2. emang banyak, tapi poin penting cuman ada 4.

• parallax layer, yang paling bawah (tembok + lantai)

• Ground layer (rumput, batu, tiang, dsb)

• Shadow layer, dan yang paling atas

• light layer

tapi disini saya gabungin ground layer dan parallax layer jadi satu, alasannya hemat filesize

3. bisa aja, kalo mau buat map langsung di enginenya, trus nanti di-take screenshot trus di edit di pothosohpy

that's all...

Nice tutor.

Selama ini ane pake cara tradisional sih
Jadi parallaxnya gak pake script" macem". Cuma parallax lock (kalo di VX punya originalwij kalo ga sala)

Kayaknya ini lebih praktis. Mungkin kedepannya saya bakal pake cara ini *harus dicoba dlu.
Kalo kurang praktis ane pake cara lama *

Tapi kayaknya sama" merepotkan kalo mw parallax
Nice dan tutorialnya gak menyusahkan

+1 :yerry:

Woww di post dsni jga....

mantap lahh, lmayan untuk yg m bkin game dgn grafis tinggi
Plus tileset yg mngkingk ada di mna2
nice tuts lah

Btw Crinkkkk...
+1

Wau thx kk senoir

Wah gwa langsung liat hasil jadinya doang dan tadinya mo nanya gimana caranya charset bisa ketimpa cahaya dan bayangan, pas liat atas ternyata ada scriptnya ih waw. Di XP ada ga ya yang mirip begini.

Anyway tutorialnya bagus dan jelas.

cuma nanya,effort bikinnya lebih lama yg mana ?
standar mapping ato yg paralax ?
kaeknya beribet banget sih..

@sapu2
Well, berhubung ini mapping ulang pake tileset di PSnya, jadi sama aja dengan waktu mapping biasa ditambah waktu editing.
Dan mo gimanapun sih IMO mapping paralax selalu lebih lama.

Quote :

Well, berhubung ini mapping ulang pake tileset di PSnya, jadi sama aja dengan waktu mapping biasa ditambah waktu editing.

jangan lupa soal editing passabilitynya sama direction..

@Sapu2
Yoi makanya lebih lama bikinnya.
Udah bikin graphicnya lama, belum setting pas masukkin ke RMnya ntar

emang lebih lama, tapi hasilnya juga lebih bagus dari mapping tradisional,
trus juga kalo dikombinasikan sama script pixel movement bakalan cantik tuh map

buat passage setting kaya'nya ga terlalu ribet yah cuma set yang passage dan non-passage

trus untuk settingannya, cuma perlu diberi tag <lock tile parallax> di map notetag.
coz konfigurasinya udah ada di filenamenya, liat contoh diatas untuk format penulisan filenamenya
langsung import image dan playtest, langsung jadi.

Wah anda hbt sekali!
Saya suka tutorial anda, sangat jelas.
Saya baru tahu masukkin cahaya
pake PS itu seperti ini
Good Work!

Mama, Ane gabisa sotoshop,,
Plus males mapping.
Mama mama, tut bagus kok musti soto sih.

MAMA !!!

@Cholas
gak bisa photoshop ? belajar . . .
nggak mau belajar ? ngacay aja bang, kayak gini >>

btw, sayang yah kamu, skill ngemapnya tinggi tapi males . . . .

Mynamenicholas wrote:

Mama, Ane gabisa sotoshop,,
Plus males mapping.
Mama mama, tut bagus kok musti soto sih.

MAMA !!!

wah chodas berkicau...
ane juga ga bisa sotoshop sih
komenya bikin ane laper

wah,
berguna sekali
thanks

ya thanks darwoxsworks

wah bgus sekali.thnx info nya kk. engine lain bisa gk? Kaya xp atau vx?

@arls :
bisa kayaknya kalo buat VX . . .
tapi kalo XP kayaknya nggak perlu deh, kan mapping di XP dah banyak layer . . .

Adhe45 wrote:

@arls :
bisa kayaknya kalo buat VX . . .
tapi kalo XP kayaknya nggak perlu deh, kan mapping di XP dah banyak layer . . .

Hmm... berarti, ini itu buat menggantikan layer layer yg ada di RMXP, begitukah?

@aidil
kayaknya sih gitu . . .
soalnya layer di VX lebih sedikit dan lebih "ngotak" map nya . . .