school_archive
Thread Id: 8059
Thread Name: Tilling and Scriptting School [TSS] |Clase 3|
#0
RogellParadox~ 13353
EDIT:



1) Lo que son Tiles????

Tío, los tiles son las graficas que estan en el mapeado, como por ejemplo...el agua, las árboles, la hierba. O sea, los componentes gráficos más importantes para la hack. Sin ellos, quien jugaría la hack?? ¿:. "Tile" es la version inglesa de la palabra "azulejo", o sea, como nuestro juego es 2D, casi todo si vee como un cuadrado(que es lo que el azulejo de facto es)
Veamos la seguinte imágene



Como pueden veer, los tiles "tomam cuenta" de la hack. Hay tiles de los mas distintos tipos...

Hoy, empezaremos a hacer algo sencillo, el suelo y un tablado de alerta:

-Herramientas que seron necesarias:
Paint, o otro editor gráfico como Paint Sho Pro
Imaginacion
Tiempo(no mucho en este caso)
Paciencia
Colores
Destreza con el raton

Ok, empezamos por abrir al editor gráfico(en mi caso el Paint)
y le damos, al empezar, el pincel. Ponemos el formato cuadrado y tamaño el mayor.



Para que eso?
Bueno, en general, un tile pequeño se hace con cuatro de estos cuadrados, puestos como un cuadrado mayor, que contienen, exactamente 8x8. Asi =8x4= 32. 32 dividido por 2(alto y hancho) tenemos 16x16



Este es un ejemplo.
Cada tile debe ser encajadito con destreza, si no, puede tener problemas... x:(

Bueno, empezemos con el suelo.
Le escojemos un color intermediario, un mas claro y un mas oscuro.
El intermediario será le color del suelo:



Como vimos, ponemos "locuras" en el tile para que sea vea con hierbitas, pues si no pasaria vacio...
Bueno, ahora que ya sabes hacer, empezemos con:
El tablado de alerta(no se lo que es, pero es asi que llamo)



Empezemos con el "trazado elementar"
Porque es elementar?? si, pues que es obvio y además es la base:


El ssegundo paso es tener en delinearlo mejor:

eso es, quitar los puntos indesejabes, los q no son necesarios
y listo

no enseñaré colores en esta clase, ni sombra o nada
solo como empezar un tile
la proxima clase será pronto
y les dejo una tarea:
quiero que hagan:

-dos suelos distintos con tones de gris(porque la maioria de los profesores quier todo en gris? pues es mas facil de corregir, además aún no enseñe los tones y colores XD)
-y un cartel

solo el trazado


hasta proooonto alumnos!!!
#1
Guerrero de luz 12369
Bueno, pongo mi tarea. Supongo que hay que entregarla así:



Prefiero poner mi tarea ya, antes de empezar con las clases.

Por cierto, a pesar de las dificultades entre idiomas he de decir que está muy bien explicado.
#2
Doctor Juanjo 12932
Hola, lista mi tarea, perdón la tardanza xD



PD: Las tengo también en colores.
#3
War 16874
Superhacker aqui esta mi tarea...

Los hize en escala de grises...(tambien los tengo a color...)

Estoy ancioso por la siguiente clase...
#4
Lady Kaktus 12969
Boila, aqui esta


#5
wobba_ffet 12383
termine

#6
Txchpxz 14209
Me puedo incrivir aun? me tome la libertad de aun no ser alumno, esque apenas me registre hoy porfavor :D
La tarea :



Landey:
Lee las reglas, para las inscripciones ya hubo un tema en su tiempo y por otro lado,solo alumnos pueden postear.
No te tomes libertades sin antes tener en cuenta sus riesgos.

+10%

#7
Guerrero de luz 12369
Está puesta la clase? Lo mismo estabas esperando a que posteara alguien y ponerla, pero en el título ya dice Clase 2, y yo no la veo.
#8
RogellParadox~ 13353
Ok, alumnos, aqui están tus tareas

Guerrero de luz

está muy bien hecho, hiciste el suelo de una forma muy bien hecha, así como el tablado

Juanjo

repetiste mucho las hierbitas del suelo, está bueno, ponerlas, pero es necesario variar

Warrior.Angel

tío, necesitas mejorar el tablado de aviso y el suelo, se vee un tanto vacio, pero creo que mejorarás

Little_Tropius

has repetido mucho la hierbita y no me agrada, intente poner mas tipos. El tablado de aviso se vee raro

dm gump

el suelo se vee super bueno, hiciste un buen trabajo, el tablado de aviso está bueno, pero puede quedar mejor

Txchpxz

te pedí que hiciste un suelo. el tablado de alerta está con el trazado muy grueso, como había dicho,
es necesario borrar los pixeles inutiles


_____________________________________________________________

TILLING AND SCRIPTTING SCHOOL - CLASE 2


Hola, alumnos! Sean bienvenidos a la clase 2 de tilling!!

Lo que neceitaremos hoy:
Una cucharra de azúcar
Editor de imágenes(usaré el Paint XP)
Paciencia

El sistema de colores de las hack roms es bastante sencillo, sino que usa colores en hexadecimal
así como algunos scripts.


Hablando de los colores, hay una hierarquía entre estos...
El bordee se vee negro + la color más oscura. El color interno es rodeado con pocas colores(tile pequeño)
o muchas(tile grande).
Dependendo de la iluminacion, el color más claro quedará donde la iluminacion esta proyectando
Tomemos un ejemplo:


Tomemos otro ejemplo:


Como vimos el sombreado nada más es que una proyeccion distorcionada de la luz, como un espejo.
Un efecto que debe ser llevado en cuenta.
Entonces, veamos otros ejemplos de iluminación(amarillo) sobre un cuerpo(rojo) creando su sombra(negro)


-El ejemplo 2 toma en cuenta una de las iluminaciones mas usadas
-El ejemplo 1 es el opuesto
-El ejemplo 3 es lo que se pasa en arboles y hierbas. En lo caso de las hierbas, el sombreado es poco, así como
en otros tiles menores... ya en los juegos de DS, este sombreado a se vee mayor, además la engine 3D deste
permite que se cree una sombra desde la reflexion de la luz en la arbol, casi exactamente como este ejemplo.

Los colores deben ser elejidos con mucho cuidado, es necesario tener algo en la miente para piensar acerca
de que tones usar...

Bueno, alumnos. Espero que hayan gustado!!
Dejo otra tarea:

Utilicen el tablado de alerta y la hierba y pongan color y sombreado, como yo dice.
La proxima calse será día 9.
#9
Guerrero de luz 12369
Bueno, publico mi tarea, a ver si está bien:



Aunque en los colores lo suelo estropear, por que no se me da bien combinarlos, y mucho menos ya entre paletas...
#10
Lady Kaktus 12969
Una C ? que penosidad xDDD pues ahora probare de nuevo poniendo los tiles a color



Espero sacar aora mas que una misera C
#11
.Neon 12340
Bueno aqui esta mi tarea:



A ver xD
#12
Txchpxz 14209
despues de batallar y batallar a ver que paletas y que conque paletas quedava bien aca esta mi tarea espero ganarme algo mas que la C, puse mas delgado el tablado de alerta y cambie el piso aver si les gusta




espero algo mas que una C... bueno salu2 :D
#13
Doctor Juanjo 12932
Hola, ahí dejo mi tarea:



Voy por la A :blush:

Juanjo
#14
wobba_ffet 12383


a ver como me va con esta
#15
War 16874
Bueno aqui dejo mi tarea:

ya la tenía lista pero ultimamente ando muy ocupado...
#16
RogellParadox~ 13353
mmm.
me parece que todos aprendieron bien...
veamos aquí la puntuacion:

Guerrero de luz

esta super weno, debes mejorar el cartel, para que quede mejor

Little_tropius

colores bien colocados, en especial lo del cartel.

Neon

Paletas brillantes, están impecables puedo usarlos?? xd

Txchpxz

no está muy wena la color mas clara del verde, aunque hiciste un buen trabajo.
mejora las paletas del cartel, poniendo un colo a más y el trazado oscuro

Juanjo

hiciste un buen trabajo, aunque el cartel salio con algo raro... pon el cartel oscuro
y el centro claro, vale??

dm gump

superbuenas las paletas del cartel, has dado un efecto brillante

Warior.Angel

el color mas claro está muy parecido con el intermediario, casi no lo noté...
necesitas mejorar el primer cartelito

___________________________________________________________________

TILLING AND SCRIPTTING SCHOOL - CLASE 3

INSERTANDO TILES -PARTE 1

Hoy necesitaremos de:
Una cucharra de sal
una gota de aceite
A-Map
Editor de imágenes(como el Paint del XP)
Paciencia
Coordinacion
No ser dautónico(pues necesitarás veer colores)

En esta primera parte, vamos a insertar nuestros tiles.

1-Abrimos el A-MAp
2-Nos vamos a la pieza del rompecabezas. Verás eso:


Nos vamos a paleta y elijimos la de que lo vamos cambiar(en este ejemplo, la escadaría, que pondremos roja)


Ahora, nos vamos a Imagen>Guardar Tileset 1(en este caso, es el tileset 1, podria ser el 2)


ahora nos vamos sustituir algun tile vacio por el nuestro. Pero si los colores no son los mismos, que vamos a hacer? mucho simples, nos vamos en Palettes>Muestrar editor de paletes


podremos ver eso:


ok, abrimos nuestro archivo .dib en el paint, agrandamos su tamaño para que podramos trabajar mejor, y pegamos el tile


lo envolvimos en una especie de "caja" con tiles para que podramos saber exactamente su tamaño y como partirlos. si algun espacio sobra o no encaja en 8x8, lo diminuimos


despues, vamos al amap y buscamos las paletas(de preferencia dale PrintScreen, ve al Paint, copia las colores y pega en el archivo .dib) así, que colorimos con las colores correctas de la paleta. si alguna color no es de la paleta, salirá como el ultimo color de esta.
Obs.: nin todo tile que tenga la ultima color significa que no está en la paleta
resualta algo así


despues, como ya lo hemos "medido", lo cortamos y encajamos en el tileset así:


las partes blancas deben ser sustituídas por el respectivo color transparente de la paleta, quedando así:

Ok, el tileset está listo!!! Guarda el archivo!

Ahora vamos en el A-map, lo cargamos(como los exportamos) Pon Cargar Tileset 1.
hecho eso, vamos a Plaette> Guardar cmabios de Tileset a la ROM

listo
en la parte 2 mostraré como arrumar los bloques
#17
RogellParadox~ 13353
si, olvidé de decir... tareas solo en la segunda parte!!
#18
.Neon 12340
No entendi. Que tengo que mostrar que ya esta listo?
#19
RogellParadox~ 13353
a ver...
despues de la segunda parte, pediré que subais el tileset y envíenme a mi.
pero solo despues de la segunda parte!!!
#20
Loquendomaster10 14704
aqui mi tarea:

La M en el pasto es cuando encontrabas bayas en ese lugar(pokemon rojo fuego)
#21
RogellParadox~ 13353
Loquendomaster10

me gusta el estilo, aunque las paletas del pasto y en cartel necesitan mejorar. aun asi, has hecho un grande trabajo de sombreamento

sabado parte 2 de la clase 3
#22
Guerrero de luz 12369
Hola! No sé si estabas esperando a que alguien contestara para poner la tarea, por que llevo varios días visitandolo y nada. Si era eso, para la próxima, mandame un mensaje privado y posteo yo, que no me cuesta nada.
#23
grotle09 13000
Ben yo ya le mande un MP a ~Rogell~ y me dijo que poste la tarea aqui y ¿no entendi la clase 3 que se hace?
#24
Txchpxz 14209
Iniciado por grotle09

Ben yo ya le mande un MP a ~Rogell~ y me dijo que poste la tarea aqui y ¿no entendi la clase 3 que se hace?


No se hace nada hasta que ponga la segunda parte de la clase
#25
RogellParadox~ 13353
perdona por la grande tardanza, bueno volvamos a
insertar tiles

By leonardo9009 at 2011-01-19


bueno, ahora que sabemos lo que cada elemento hace, vamos a escojer un tilecito y relennar el bloque:


Uploaded with ImageShack.us



Uploaded with ImageShack.us

y ahora, hablando de hexadeciaml, es una deficincion en la cual puedes decir que el block hará

By leonardo9009 at 2011-01-19

y listo nuestro bloque

By leonardo9009 at 2011-01-19


TAREA: pues quiero que me hagan una scan de un piedazo del tileset
la clase 4 será sobre paletas
bueno, hasta luego
#26
Guerrero de luz 12369
Finalmente, puedo postear mi tarea ya:


#27
Loony Boo♪ 12263
Escuela cerrada y desadherida por inactividad del autor. Si el autor lo desea, que me envíe un MP para re-abrirla cuando vuelva a estar disponible.

Saludos.