Reflexión sobre todo o curso

A min, este curso, informática encantoume e pareceume moi entretida. Gustoume moito a maneira de traballar, xa que Tucho nos poñía música, a min gústame moito a música e eso inspirábame máis para traballar. Ademáis puiden mezclar unha das cousas que máis me gusta a parte dos animais, BTS, cos traballos que nos encargaba Tucho e iso facíame disfrutar facéndoos. Traballamos nunha terminal e aínda que iso non me gustou tanto é necesario aprender un pouco de todo, creei unha web de BTS  e fixemos un traballo libre, eu fixen un xogo de BTS en concreto. Non cambiaría nada na clase porque ademáis de rirnos con Tucho o de ter un traballo libre a escoller é moi chulo, pois aprendes e disfrutas ao mesmo tempo. Sen máis despídome de vós, espero que disfrutárades do meu traballo durante o curso, a verdade dame un pouco de pena non ter máis esta asignatura e tampouco a Tucho como profesor. Bicos:)
Recoméndovos esta canción que expresa os meus sentimentos.
Saranghae!

Semana 5 co xogo de BTS:Final

Esta foi a última semana, fíxenlle os últimos retoques ao xogo e engadinlle unha pantalla de inicio co fondo de "Not Today"para que ao pulsar a letra "V" comece o xogo. Esto poderédelo ver mellor no video-titorial que vos deixo aquí abaixo.

Vídeo-titorial final :)

• Agora facereivos un pequeno resumo de todo o traballo que fixen neste xogo durante este trimestre:

Comecei facendo en Inkscape á personaxe principal (V) cunha secuencia de imaxes que ao xuntalas deron lugar a que parecese que corría  e fixen desta mesma maneira o resto das personaxes e obxectos(corazóns,mochis,plátanos, A.R.M.Y...). Despois disto cambiei o código para que V poidera saltar e correr. Logo fixen ao oso Brown, que forma parte da decoración, no Inkscape e tíveno que escalar co Gimp porque non quedaba do tamaño que desexaba, ademáis disto tiven que descubrir como se insertaba un novo obxecto e levoume bastante tempo. Tamén modifiquei o código para que ao chocar cos inimigos perdeses e se acabase o xogo e que o protagonista tamén poidera saltar encima deles para matalos e así gañar puntos. Insertei as personaxes creadas en Inkscape e fixen que A.R.M.Y actuara como sinal de victoria e que ao chegar a ela se gañe, en cambio ao plátano deille a función de inimigo voador de maneira que ao chocar con el se perda o xogo. Hai que engadir que tamén conseguín que apareceran textos, ao gañar aparece "The power of A.R.M.Y" e ao perder "Game Over". Para rematar retoquei o xogo engadinlle un para de textos decorativos e decoreino, coloquei aos inimigos de forma que non fose moi sinxelo chegar ao final. Finalmente co xogo rematado estiven investigando en varios titoriais como conseguir publicalo na web e ao final era máis sinxelo do que parecía. Conseguín o html e Tucho publicoumo.
Aquí tedes o enlace para a súa descarga.
E sen máis dilación...xa podedes disfrutar do xogo de BTS ,simplemente clicando no enlace :) Espero que vos gustase a explicación,que vos serviran de algo os titoriais e que disfrutedes do xogo tanto como eu disfruto escoitando a BTS, xa que ese era o meu obxectivo:)

Semana 4 co xogo de BTS

Esta semana conseguín varios obxectivos: decorei o nivel para que fora algo difícil de pasar e con moitos enemigos(mochis e plátanos), pero o máis importante foi que lle modifiquei o código para que cando un inimigo nos mate apareza "Game Over" na pantalla e o xogo remate e que cando chegues ao final xunto a A.R.M.Y  poña "The power of A.R.M.Y" e gañes así o xogo. Aquí vos deixo o código para que aparezan os textos que mencionei, ollo o que está en vermello é para a música do xogo.

Esta entrada é diferente ás demáis porque para que vexades os resultados e como está quedando o xogo de BTS tedes aquí un video titorial de como se pasa e as diferentes capacidades que teñen os obxectos e personaxes.

Vídeo titorial:

Morrer ao colisionar cun inimigo:

Espero que vos gustasen os vídeos, paréceme que así será moito máis vistoso o traballo que estou a facer, ata a próxima semana!:)

Semana 3 co xogo de BTS

O que fixen esta semana foi que ao chocar cos enemigos o personaxe morrese e terminase o xogo e que ao mesmo tempo poideras saltar encima dos enemigos e matalos. Con este código fixen que seguira esas ordes:
1º=Con esas funcións poderemos acabar co enemigo saltando encima del e ganar así puntos.
2º=Con estas outras o enemigo poderá acabar con nós e rematar así o xogo en Game Over.

Ademáis desto creei novos personaxes no Inkscape: fixen a unha chica Army ao final do xogo no que consigues a victoria se chegas xunto a ela e fixen que un dos enemigos voadores fose un plátano.
ARMY

PLÁTANO

Conseguín insertarlle a música de fondo de "Not Today" modificando o código como se pode ver na imaxe.

Tamén estou intentando que cambie a música cando chegue á meta ou cando perda. Ademáis estou a mirar como se fai para poñer Game Over na pantalla ao perder e Victory ao gañar. Cando morra tamén cambiará a animación, todo isto veremos se o consigo na próxima semana.Saúdos :)

Semana 2 co xogo de BTS

Primeiro fixen o oso ARMY Brown con Inkscape.

Investiguei para ver como se podía insertar un novo obxecto e poder así insertar a Rilakkuma, pero a verdade é que me levou moito tempo descubrilo e tiven que retocar o tamaño do meu oso en GIMP, finalmente conseguino, aquí vos deixo a imaxe de como queda.

Estiven toda unha clase intentando que ao chocar con un malo perderas e se acabara o xogo, fíxeno modificando o código de funcións Enemy, poñéndolle que cando PlayerHitBox toque ao Enemy este desapareza. O esforzo realizado deu os seus froitos.

Igualmente aínda estou pensando ideas para que me quede un mundo completamente de BTS, xa que lle faltan moitos detalles e quero facer un nivel ao ir avanzando o xogo de pasar por un tunel no que non ves nada e que teña un malo, para que a xente teña que calcular os segundos que tarda en ir e vir o enemigo se quere pasar o xogo.

Semana 1 co xogo de BTS

Como xa sabedes o meu proxecto para o primeiro trimestre é desenvolver un xogo de BTS e vouvos ir poñendo os pasos a seguir cada semana.O primeiro que estou a facer é o personaxe principal , Kim Taehyung(V). Estou a utilizar Inkscape para debuxalo e ireivos poñendo a foto das secuencias do movemento do personaxe.
Esta é a plantilla que usei para debuxalo:

Esta é a secuencia de movementos do personaxe:

Consguín facer que andara e saltara e tamén que recollera corazóns(actuando como puntos).

Pero aínda me queda moito que facer, pois quero que corra sobre unha pista de atletismo e ainda estou pensando máis ideas para poñerlle, espero que me quede un xogo decente e así poder subilo como unha aplicación para que todas as ARMYS a disfruten. Saúdos e esperovos a próxima semana. :)

Proxecto Final

Durante o terceiro trimestre vou a estar desenvolvendo un xogo de BTS para publicalo na miña páxina web e que as ARMYS poidan xogar. O xogo vouno facer no programa Gdevelop e cada semana vou a publicar un artigo (como un titorial) dos pasos que vou seguindo.

Unha foto que cambia cada 5 segundos

Eu elexín para a miña web, facer que unha foto da portada cambie cada cinco segundos.

Isto a min foime bastante doado servíndome dun titorial que encontrei.Pero agora vouvos explicar os pasos que eu seguín para conseguilo.
Primeiro escribín en "scripts.js" o seguinte código, claro que hai que substituír a dirección das imaxes que eu puxen pola que cada un teña(o que está seguido das dúas barriñas é a explicación de para que sirve cada parte do código):

//Array coas imaxes que se irán mostrando na web var imaxes=new Array( 'images/bts10.jpg', 'images/bts2.jpg',  'images/bts12.jpg', 'images/bts13.jpg', 'images/bts14.jpg', 'images/bts16.jpg'); //Funcion para cambiar a imaxe function rotarImaxes() {// Obtemos un numero aleatorio entre 0 e a cantidade de imaxes que hai var index=Math.floor((Math.random()*imaxes.length)); // Cambiamos a imaxe document.getElementById("imagen").src=imaxes[index];} //Función que se executa unha vez cargada a páxina onload=function() {// Cargamos unha imaxe aleatoria rotarImaxes(); // Indicamos que cada 5 segundos cambie a imaxe setInterval(rotarImaxes,3500);}

O último que fixen foi escribir no "index.html" o seguinte código(hai que colocalo no body):

<img src="" id="imagen"></a>

Espero que vos servira de axuda a explicación, se o conseguides darédeslle á vosa web un estilo moito máis creativo, animado e dinámico, espero que vos servira de axuda para favorecer a vosa páxina web. :)

Comentario dun vídeo

I NEED U (BTS)

Encántame tanto este vídeo como a canción, xa que nel fálase do amor que sinten os rapaces do grupo e que non é correspondido por unha rapaza á que cada un di que necesita, que a odia e que a quere...

Comentario sobre unha web

O noso profesor de informática Tucho encargounos o traballo de escoller unha web que nos pareza interesante, que a estudemos en profundidade e contestar a varias preguntas sobre a nosa escolla. A páxina web que eu escollín chámase BTS Spain e gústame moito porque me informa de todo o que fai o meu grupo de K-Pop favorito.

Agora responderei as preguntas:
Desde o punto de vista estético as cores que usa na letra e nos backgrounds son a cor carbón (charcoal,#464646), a cor negra(#000000), a cor marrón ocre(#ae7f37), a cor branca(#FFFFFF) e algunhas variacións do gris. Despois as imaxes teñen diferentes tipos de cores moi variadas.

Usa dúas tipografías, "Abril Fatface" e "Alegreya Sans". O estilo da fonte é "normal" e case sempre usa o tamaño de fonte 400px.

O contido está centrado sobre o background negro e ten varios widgets nunha única columna  dereita.

Na páxina principal da web todas as entradas comezan cun título e unha imaxe debaixo da portada, e se entras na páxina secundaria ao clicar en "sigue leyendo", aparece primeiro o título, despois a imaxe e por último o texto informativo.
O deseño da portada e as páxinas secundarias combina na miña opinión perfectamente, porque ten sempre un background negro con todo o contido centrado e como mencionei na pregunta anterior pódese acceder a estas páxinas clicando en "sigue leyendo" polo que ao meu parecer a web queda moi ben proporcionada e combinada.

Ademáis ler e atopar o contido é moi sinxelo porque ao ter a letra branca sobre un fondo negro permítenos ler todo sen complicacións e para encontrar o contido é igual de sinxelo xa que divide ao comezo a súa web en varias entradas nun menú: inicio,noticias, entrevistas, twitter, vídeos, bangtan blog, fancafe e proyectos. Ademáis ten unha barra de búsqueda por se non encontramos algo.

O máis interesante esteticamente é a primeira foto que aparece na portada coa barra do menú para elexir a donde queres ir debaixo, na miña opinión queda moi ben, si ben eu poñería  o título "BTS Spain" un pouquiño máis grande (pero casi nada) e tamén a foto de portada que en vez de ser unha soa, facería que fora cambiando de foto e que se vira unha de cada integrante do grupo cada pouco tempo, iso sería interesante e daríalle máis vida á web.

Desde o punto de vista técnico a interacción coa páxina é básica e rápida, xa que accedes rapidamente ao contido sen ter que clicar en máis entradas secundarias do menú, pois non ten.

Ás páxinas secundarias accédese desde as diferentes opcións da barra horizontal do menú, na barra lateral dereita e tamén clicando nos enlaces de cor marrón ocre como o de "sigue leyendo".

Ten dous menús, un horizontal e un vertical á dereita. Cando clicas nunha das entradas do menú horizontal lévate ao blog correspondente e o menú da dereita nunca cambia aínda que entres en páxinas secundarias, xa que sempre ten información sobre o seu facebook e twitter oficial aos que podes acceder para seguilos nas diferentes contas. Sería interesante que na entrada de vídeos do menú chos clasificara en anos e en diferentes eventos para non ter que ir baixando ata encontrar o que queres.Nesta páxina web intégranse únicamente imaxes, vídeos e texto pois como xa dixen é bastante sinxela.

É bastante cómoda e clara de usar xa que te manexas con facilidade por ela aínda que deberían poñer o de bangtan blog e fancafe do menú xuntos xa que é case o mesmo. Paréceme interesante a maneira de distribuir as fotos e o texto con tanta claridade e tan centrado.Para mellorala técnicamente eu quitaría unha das barras de búsqueda porque non fan falta dúas e especificaría no menú un pouco máis por exemplo no de fancafe e bangtanblog como xa dixen, pois non se diferencian moito. Tamén poñería outra imaxe como favicon xa que a que está non se ve nada ben, esta sería unha das melloras máis importantes.Para rematar escollería para incorporar á miña web un menú na portada, poñería tamén unha barra de búsqueda e por último a maneira de acceder ás páxinas secundarias clicando en "sigue leyendo", que me parece moi boa idea para que a web quede presentable.

Espero que vos gustara o meu comentario. Sen máis despídome e mando un saúdo ao noso fabuloso profe de informática Tucho :P.