Editor de jocs en MSX: ajuda número 5 (pantalla de col·lisions i mode Play)

Continuem amb el tutorial d'ús de l'editor de jocs de l'MSX que està desenvolupant en Jordi Sala.

Avui mostrarem com crear una  mantalla de col·lisions o dit d'una altra manera, la pantalla que indica per on podem passar i per on no. O què passa quan passem per sobre una rajola o tile.

Prèviament en el mòdul de tiles indicarem de quina família és (Solidify Family)

Partirem del conegut joc PACMAN i farem que totes les parets siguin sòlides (requadre vermell)
 excepte el punt (dot) que serà "travessable" (requadre verd)

La tile "dot" o punt serà de naturalesa "Nosolid (Passable)"

Tot seguit crearem una pantalla que hem anomenat "game-zone"
i hi dibuixarem el típic laberint del Pacman.

Tot això ho farem a la capa o layer  BACKGROUND.
Recordem que la capa Background és la imatge que veurem.

Copiarem la capa amb "Copy Layer" i saltarem a la capa Collision.

La capa Collision és la capa funcional on el nostre personatge es mourà, es pararà o travessarà les tiles depenen de la seva naturalesa (solid, NonSolid, etc) tal i com hem explicat abans.

Hi copiarem la capa que limitarà el moviment del nostre personatge (Paste Layer)

I finalment podrem provar-ne el funcionament amb el botó Play

Amb les fletxes del cursor podrem provar-ne els moviments.

El botó Debug OFF permet veure els límits de contacte del nostre personatges i el botó Close, tanca la finestra.

Continuarem explicant més detalls a la propera entrada.

VÍDEO EXPLICATIU
Solem acabar els tutorials amb un enllaç a un vídeo explicatiu del canal
però en aquest moment no n'hi ha cap que expliqui aquest concepte.
L'afegirem quan sigui el cas.

Editor de jocs en MSX: ajuda número 4 (crear un sprite)

 En aquesta entrada mostrarem com crear sprites o animacions.

Haurem d'anar a l'editor, menú New Asset / Sprite

Un sprite en un MSX (ordinador de 8 bits dels anys 80) és un objecte gràfic independent que el maquinari pot dibuixar i moure sobre la pantalla de manera automàtica, sense haver de redibuixar-lo píxel a píxel a la memòria de vídeo.

👉 En altres paraules: és una petita imatge (per exemple, un personatge, una nau, una bala) que el xip gràfic del MSX gestiona com una unitat pròpia.

Per què eren importants?

Els sprites permetien fer jocs d’acció (com plataformes, shoot’em ups o arcade) de manera fluida, perquè el processador no havia de "repintar" cada moviment manualment: el xip gràfic ja s’encarregava de moure’ls i detectar col·lisions.

Poden tenir un o molt fotogrames o frames. En el nostre cas hem dibuitxat un personatge que camini
i que només tingui un sol color. Recordem que en poden tenir fins a 4 (vegeu la paleta Active Brush)

Podem definir-ne els colors a la part esquerra inferior.
A la part central hi ha l'espai de treball on dibuixarem el fotograma i a la part dreta hi ha les eines d'animació que tractarem més endavant.

Crearem un altre fotograma. Quan els fotogrames tenen pocs canvis entre ells, és preferible duplicar-los (Duplicate Frame) i modificar-ne les parts per estalviar-nos feina.

També podem modificar el fotograma i mitjançant els botons de fletxes, moure'l cap un costat o l'altre o crear un efecte mirall (Flip)

De totes maneres, l'editor mostra l'altre fotograma d'una manera transparent perquè en puguem veure l'evolució. Aquesta opció (opacity) es pot modificar. Per defecte és del 30%.

El nou fotograma tindrà aquest aspecte:

Fixeu-vos que se'n mostra una miniatura a la part inferior esquerra i que si volem podem ampliar-ho amb la barra del Grid Zoom. També en podem canviar la velocitat.

guerrera de dos fotogrames.

Ara canviarem de personatge i agafarem una guerrera que vaig crear fa unes setmanes. 
L'inserirem en una pantalla per veure com queda.
Podrem triar si volem que es mogui horitzontalment, verticalment o que estigui quieta.

Clicarem a Watch per veure com es mou.

Li podrem dir des de quines coordenades x i y volem que apareixi i si hi ha moviment i cap a on.

També podrem inserir-hi una pantalla de fons i triarem una evolució de la que vam fer en un exercici anterior.

Modificant les coordenades farem que aparegui just sobre d'un camí o plataforma.

I fins aquí l'ajuda bàsica de creació d'sprites. Continuarem en un altra entrada.



En Jordi Sala, el creador de l'editor, al minut 10 i 24 segons  ho explica més bé en aquest vídeo

Editor de jocs en MSX: ajuda número 3 (creant pantalles)

En aquesta entrada mostrarem com crear pantalles (screens)

Haurem d'anar a l'editor, menú New Asset / Screen Map

A la part esquerra hi ha els tiles i en seleccionarem una. 
Al centre hi ha l'àrea de treball o resultat de la pantalla.
A la dreta hi trobarem els botons de les accions possibles.

Començarem i seleccionarem una àrea i hi aplicarem la tile clicant sobre el botó Fill Selection.

L'editor omplirà tota l'àrea amb la tile seleccionada.

Repetirem l'acció fins a aconseguir la pantalla desitjada.
En aquest cas hi afegeixo una escultura o cara que indiqui l'inici del joc.

Seleccionarem un bosc d'avets.

Seleccionarem un terra ple de flors.

Hi afegirem un horitzó de muntanyes.

I finalment farem servir l'opció eliminar una àrea (clear selection) que el nostre protagonista haurà de saltar.

A la propera entrada ja parlarem de com crear sprites.

En aquest vídeo del creador de l'editor, Jordi Sala, comenta com crear pantalles, entre d'altres mòduls.