Tutorial:Buio pesto!

[Zoro the Gallade]

In questo tutorial vi spiego come creare un effetto che limiti la visuale in luoghi bui, come in The Legend of Zelda o Pokèmon.

http://img126.imageshack.us/img126/9095/67203270ig9.jpg

 

1

 

Create un'immagine PNG simile a questa:

http://img210.imageshack.us/img210/3619/20163461bp7.jpg

Fate in modo che sia 640x480 pixel e che il cerchio bianco si trovi precisamente al centro dell'immagine.

Dopodichè, importatela in Pictures e impostate il bianco come colore trasparente.

 

2

Nella vostra mappa, create un "bordo" di 6 o 7 caselle nere, così che quando camminate vicino al bordo il personaggio non "esca" dalla zona visibile...

Ecco un esempio semplificato:

http://img389.imageshack.us/img389/8684/27852563le4.jpg

3

Create nella vostra mappa un evento Autostart come il seguente:

 

http://img123.imageshack.us/img123/6818/21528166wr3.jpg

 

In questo modo l'evento mostrerà la "Maschera" di buio partendo dal pixel in alto a sinistra, di dimensioni 100% e opacità 255 (Ma naturalmente se volete fare un oscurità solo parziale potete anche impostarla a un pò meno).

 

La parte di base è finita, ma eccovi un paio di trucchetti...

Accendere una torcia

Chi non si ricorda come su Pokèmon facevamo usare Flash al nostro fido Pikachu per rischiarare le tenebre?

E perchè non avere a disposizione una torcia o una mossa che facciano lo stesso?

 

Per prima cosa, create una nuova immagine, con un "foro" molto più largo:

http://img72.imageshack.us/img72/6273/67349839nc7.jpg

Dopodichè, impostate un Common Event che sostituisca la maschera di buio "stretto" con una di buio "Largo"...

 

<>Erase Picture:1

<>Show Picture:1, 'Buio2', Upper-Left Pixel, (0,0), (100%,100%), 255, Normal

<>Message:La torcia illumina la zona...

 

E assegnatelo ad un nuovo oggetto che chiamerete Torcia:

http://img208.imageshack.us/img208/2575/88187221as0.jpg

 

Il risultato è questo:

 

http://img208.imageshack.us/img208/2803/64363397fc7.jpg

 

Ombra e Penombra

Volete che ombra e luce non siano tanto nettamente separate, come se teneste in mano una lanterna anzichè avere un faro puntato addosso?Facile.

 

Create intorno al cerchio bianco dell'immagine un bordo grigio...

 

Quindi, quando la importate, impostate il grigio come Translucent Color (Click destro)

http://img208.imageshack.us/img208/2021/87959820qy6.png

 

Ecco il risultato.Non male, vero?

http://img208.imageshack.us/img208/3955/62826419tg1.png

 

Beh, il tutorial si chiude qui.Se fossimo riusciti ad annoiarvi, sappiate che non lo si è fatto apposta.

Alla prossima!

Edited December 20, 2008 by Zoro the Gallade

[Narutofan95]

Fantastico! Avevo pensato anche io a una torcia, ma quella delle picture sarebbe stata la mia ultima idea! Complimenti, mica male!

[Dragon7]

Secondo me per fare la penombra servirebbe un'altra picture nera trasparente, non grigia

[Zoro the Gallade]

Basta allora che usi un grigio MOLTO più scuro ma non nero.Diciamo un "Nero quasi nero uguale al nero".E poi lo metti come traslucido.

[Losco individuo]

ma scusami...per sistemare il problema della pictures che non può seguire l'eroe nei bordi?

 

Puoi usare la pictures come fog che segue l'eroe e poi mettere un common event che cambi le proprietà della mappa e metta la fog col buco più grande...no?

 

Correggetemi se sbaglio...qualcuno provi...

 

cmq un ottima idea un n00b non ci sarebbe riuscito da solo^^

[Lollo Rocket Diver]

Io per far la dissolvenza ho sempre montato pictures insieme una più trasparente dell'altra... secondo me il risultato è migliore.

[Gabrock94]

bravissimo!!!!!!!! questo tutorial sarà utile a molte persone.

[Gabrock94]

bravissimo!!!!!!!! questo tutorial sarà utile a molte persone.

[Zoro the Gallade]

Non c'è bisogno di dirlo due volte ^^; comunque mettendo più immagini la cosa diventerebbe un pò più complicata...a meno che non si mettano sin dall'inizio entrambe le maschere con quella stretta leggermente meno opaca, con la torcia che semplicemente la elimina.