🐍 Juegos - Crea tu Snake(1) — Transcript

Full transcript

1. 0:00buenas Me llamo Luis Miguel bienvenido
2. 0:03de nuevo a mi canal y vamos a empezar un
3. 0:05nuevo curso tutorial sencillo de Cómo
4. 0:08realizar juegos de tipo snake comecocos
5. 0:11o buman eh todos estos juegos siguen un
6. 0:14mismo patrón y voy a realizar un ejemplo
7. 0:17sencillo haciendo alusión a mi último
8. 0:19programa llamado nuevo Snap la idea en
9. 0:22un principio Era haber realizado un
10. 0:23curso de programación net o en visual B
11. 0:26Pero bueno debido a que conlleva
12. 0:28bastante tiempo eh si lo realizaré más
13. 0:30adelante y de momento vamos a realizar
14. 0:33este tipo de de vídeos para estos juegos
15. 0:37que va a ser bastante interesante y aeno
16. 0:40aunque requi unos pocos conocimientos de
17. 0:42programación y también de visual visy
18. 0:45pero intentaré explicarlo de una manera
19. 0:47sencilla y sin entrar mucho en detalles
20. 0:49para no alargar los vídeos Bueno vamos a
21. 0:52entrar ya en materia en primer lugar
22. 0:55hemos creado estoy utilizando la versión
23. 0:57visual vis 2013 hemos crear un nuevo
24. 1:00proyecto lo hemos llamado juego
25. 1:03serpiente y este primer tutorial lo
26. 1:06vamos lo que vamos a conocer es Cómo
27. 1:08mover los objetos las imágenes Bueno
28. 1:11aunque lo podemos realizar por código
29. 1:15yo vamos a emplear lo que es un un
30. 1:18objeto Label vale que es lo que es la
31. 1:20serpiente en el cual bueno lo vamos a
32. 1:24llamar elevel
33. 1:27sn
34. 1:29la propiedad autos eh la vamos a poner
35. 1:33en false
36. 1:36la propiedad test lo vamos a eliminar
37. 1:38sice
38. 1:40lo vamos a poner de un tamaño de 30 por
39. 1:4430
40. 1:45antes de continuar Eh sí os quiero decir
41. 1:49eh
42. 1:51que este tipo de juegos eh Tenemos que
43. 1:53tener presente cómo queremos realizar lo
44. 1:55que es el mapa para ello yo he realizar
45. 1:58una tabla Excel en el cual
46. 2:02pongo igual que mi programa las columnas
47. 2:05que quiero visualizar el mapa que son de
48. 2:0730 por las filas que son de 22
49. 2:11si cada recuadro son de 30 por 30
50. 2:13píxeles que es lo que voy a dibujar lo
51. 2:15que es la serpiente o los bloques hacen
52. 2:18un total en la de ancho de 900 píxeles y
53. 2:22de y de alto de 660 píxeles si bien es
54. 2:26cierto que esta este valor puede variar
55. 2:30si añadimos un menú o ciertas cosas Pero
56. 2:33bueno es digamos Por así decirlo lo que
57. 2:35es el el mapa donde vamos a mover la la
58. 2:38serpiente
59. 2:40Bueno continuamos aquí en el Label le
60. 2:43vamos a Añadir la propiedad imagen
61. 2:47yo he añadí una serie de imágenes para
62. 2:49adelantar vale que estas las podemos
63. 2:51Buscar por internet Lo que sí es
64. 2:52importante es que sean imágenes
65. 2:54transparentes png vale para que si
66. 2:57cambiamos el color de fondo del
67. 2:58formulario añadimos un imagen pues no no
68. 3:01se ve Vale entonces ya tenemos aquí el
69. 3:04objeto que vamos a a mover Eh bueno
70. 3:08también vamos a utilizar un control
71. 3:10timer que es el control principal
72. 3:15vale
73. 3:17lo vamos a llamar tmr
74. 3:20snake y su propiedad interv que es por
75. 3:24así decir la velocidad con la que se
76. 3:26realiza la vamos a poner a 300
77. 3:29vale entramos lo que es ya al código y
78. 3:32vamos a declarar las variables
79. 3:34principales
80. 3:37Bueno vamos a poner lo que son las
81. 3:39coordenadas
82. 3:41de la serpiente
83. 3:44que son de tipo integer
84. 3:55coordenadas
85. 3:57de la serpiente
86. 4:01también vamos a Añadir una propiedad que
87. 4:05es de tipo vi
88. 4:09que es el movimiento
89. 4:13de la serpiente
90. 4:19y vamos a Añadir otra propiedad
91. 4:23que la vamos a llamar
92. 4:27mov anterior que es el movimiento que
93. 4:29hemos realizado anterior este movimiento
94. 4:36quiere decir que cuando por ejemplo
95. 4:37movemos a a la derecha Pues claro si la
96. 4:40serpiente tiene anillos no Es lógico que
97. 4:42podamos mover hacia la izquierda para no
98. 4:44chocarlo con los Anillos entonces por
99. 4:46eso guardamos ese movimiento para
100. 4:48impedir que podamos mover la serpiente
101. 4:50en es en el movimiento incorrecto O sea
102. 4:53que requerimos para poder mover a la
103. 4:55izquierda e que la serpiente baje hacia
104. 4:58abajo arriba y se
105. 5:00hacia la izquierda
106. 5:02movimiento anterior
107. 5:07Bueno ya tenemos las variables
108. 5:10principales
109. 5:12ahora vamos a a cargarlas
110. 5:17bueno primero vamos a definir lo que es
111. 5:19el el tamaño del formulario como hemos
112. 5:22dicho en el archivo Excel
113. 5:24y para ello
114. 5:28vamos a
115. 5:30hemos dicho que era de 900 de ancho por
116. 5:34660
117. 5:36eso lo vemos aquí que lo hemos calculado
118. 5:38antes o el tamaño que queramos colocar
119. 5:42bueno las coordenadas tienen que ser
120. 5:44múltiplos de ese mapa que hemos
121. 5:47realizado
122. 5:49Vale entonces por ejemplo Vamos a
123. 5:51ponerle ese tipo esto lo podemos cambiar
124. 5:57y vamos a situar esas coordenadas
125. 6:04cuando reiniciemos o si lo ponemos en
126. 6:06algún procedimiento Pues que se vuelvan
127. 6:08a cargar en
128. 6:11en esas coordenadas
129. 6:14bien y luego eso sí tenemos que iniciar
130. 6:19lo que es el reloj esto Normalmente se
131. 6:21puede colocar en un menú que yo lo
132. 6:23coloqué pulsando la tecla f1 Pero bueno
133. 6:26aquí lo vamos a poner que se cargue
134. 6:29princip
135. 6:31vale después nos vamos a ir al al evento
136. 6:40K down del formulario
137. 6:47bueno en el formulario para que se
138. 6:48ejecuten los eventos de teclado
139. 6:51requerimos que la propiedad
140. 6:54que Premium esté establecida en en TR
141. 6:58también aquí propiedad test podemos
142. 7:01poner aquí por ejemplo en vez de lo que
143. 7:03viene pues juego de la serpiente
144. 7:08podemos cambiar la propiedad bcor si si
145. 7:10queremos vale Y también Eso sí se me ha
146. 7:14olvidado en el Label eh colocar la
147. 7:17propiedad Back color
148. 7:21que sea transparente vale por si
149. 7:23colocamos cualquier cualquier imagen
150. 7:30Bueno pues vamos aquí
151. 7:36y vamos a seguir programando
152. 7:39vamos a poner una condición en el cual
153. 7:42eh
154. 7:46decimos si la tecla pulsada
155. 7:49es igual a tecla derecha
156. 7:58el movimiento es igual a un
157. 8:03y así con todas las teclas si esa la
158. 8:07tecla pulsada es hacia la izquierda
159. 8:10movimiento
160. 8:13a dos
161. 8:22vale va para abajo movimiento 3
162. 8:32y para arriba movimiento
163. 8:35cu
164. 8:36Vale ahora el movimiento este me lo
165. 8:39guarda aquí en la variable que hemos
166. 8:42especificado
167. 8:43que sea igual me lo guarda Eso quiere
168. 8:46decir que me guarda el movimiento que
169. 8:47hemos pulsado Entonces tenemos que
170. 8:50Añadir aquí Otra condición por ejemplo
171. 8:53Que si va hacia la derecha quiere decir
172. 8:57que no proviene de la izquierda Entonces
173. 8:59el movimiento anterior tiene que ser
174. 9:01distinto al dos
175. 9:05es decir que si vamos a la derecha
176. 9:08siamos hacia izquierda no no nos permite
177. 9:12al pusar la derecha tenemos que ir o
178. 9:14bien arriba o abajo al igual que si
179. 9:16vamos hacia la izquierda el movimiento
180. 9:23no venga de la derecha
181. 9:29si vamos para abajo el movimiento no
182. 9:32puede venir de arriba
183. 9:46y si vamos hacia arriba el movimiento no
184. 9:48puede venir de abajo
185. 10:02bueno y ya vamos a progar por último lo
186. 10:04que es el evento del timer
187. 10:09en el cual le decimos según los las
188. 10:12teclas que hemos pulsado Por ejemplo si
189. 10:14es la tecla derecha de la coordenada es
190. 10:19igual a la coordenada + 30 que es lo que
191. 10:21ocupa cada recuadro vale que es lo que
192. 10:24hemos especificado y al mismo tiempo
193. 10:28la imagen debe cambiar del objeto
194. 10:31resources
195. 10:33y va a la derecha
196. 10:37bien vamos a vamos a copiarlo para ser
197. 10:40más rápidos
198. 10:45si va a la izquierda
199. 10:49cambiamos y la imagen
200. 10:53es left
201. 10:57bien si el movimiento
202. 11:01ya va para abajo
203. 11:13bien cambiamos la imagen
204. 11:18copiamos
205. 11:20y si va para arriba
206. 11:29cambiamos Bueno ya ya Solo falta dibujar
207. 11:33la serpiente dibujamos la serpiente
208. 11:37para ello utilizamos
209. 11:39el método set B vale donde espamos
210. 11:43especificamos las coordenadas
211. 11:47y
212. 11:49digamos con la misma anchura que tiene
213. 11:51que es 30 podemos poner un 30 pero bueno
214. 11:55si cambiamos el objeto
215. 11:59y colocamos aquí su altura
216. 12:04vale Y este es el primer código vamos a
217. 12:06ejecutar a ver qué tal
218. 12:10vale vamos a pulsar las teclas y como
219. 12:14veis la serpiente se va moviendo para
220. 12:17arriba abajo me impide Por ejemplo si
221. 12:20voy a la derecha a la izquierda si no
222. 12:22bajo al igual que si voy para arriba
223. 12:25para abajo
224. 12:27vale es el movimiento que hemos
225. 12:29conseguido todavía no nos preocupamos
226. 12:31del tema de las paredes porque nos
227. 12:33podemos ir por ahí eso ahora lo haremos
228. 12:37en los siguientes tutoriales
229. 12:42Bueno pues este es el primer víde
230. 12:45tutorial Espero que os haya gustado en
231. 12:48el siguiente V tutorial vamos a ver cómo
232. 12:53la comida en este caso una serie
233. 12:55de números para así alargar la y que
234. 13:00vaya ampliando suss anillos eh si tenéis
235. 13:03cualquier pregunta sobre lo que hemos
236. 13:05comentado lo podéis poner aquí y espero
237. 13:08que
238. 13:10que si os gusta este tipo de víde
239. 13:14tutoriales pues me deis un like para
240. 13:16animarme y
241. 13:18nos vemos en el siguiente gracias