M06UF3Pr1: joc del Pong - Historial de revisió

Joan: /* Tasques a realitzar */

2021-11-23T16:52:04Z

Tasques a realitzar

Joan: /* Introducció */

2021-11-23T16:24:35Z

Introducció

Joan: /* Tasques a realitzar */

2021-11-23T16:23:35Z

Tasques a realitzar

Joan: Es crea la pàgina amb «=Introducció= *https://codeincomplete.com/articles/javascript-pong/ Aquest joc del codi fa un ús intensiu dels events del teclat. =Tasques a realitzar= 1. Descarreg...».

2021-11-23T16:15:53Z

Es crea la pàgina amb «=Introducció= *https://codeincomplete.com/articles/javascript-pong/ Aquest joc del codi fa un ús intensiu dels events del teclat. =Tasques a realitzar= 1. Descarreg...».

Pàgina nova

=Introducció=
*https://codeincomplete.com/articles/javascript-pong/
Aquest joc del codi fa un ús intensiu dels events del teclat.

=Tasques a realitzar=
1. Descarregar el projecte en local i executar-lo

2. Canviar aspectes de disseny: en comptes de pantalla negre i text blanc, fer pantalla blanca i text negre.

3. Localitza els events onkeyup i onkeydown. Per al jugador 1, en comptes de Q-A utilitza Q-Z

4. Canviar la mida de la pala: fer-la més petita

5. Canviar la velocitat de la pilota: fer-la més ràpida

6. Mode fàcil, mode difícil. En el menú de l'esquerra fer un checkbox (per marcar o desmarcar el mode difícil), que implementi o no els canvis que has fet en els punts 4 i 5.

7. Google Fonts: escull una font de Google que sigui adequada al projecte, i incorpora-la en la part del menú.

=Entrega=
Li ensenyaràs al professor la teva solució (nota de classe).

Entregaràs en el Classroom la teva solució, amb les captures de pantalla que siguin l'evidència de què has fet tu el codi, que has implementat les tasques que se't demanen, i que s'executa en la teva màquina.
{{Autor}}, novembre 2021

← Versió més antiga		Revisió del 16:52, 23 nov 2021
Línia 20:		Línia 20:

	8. Investigar com funciona l'opció de ''sound'' en el joc, i com es pot incorporar efectes sonors en els vostres projectes de Javascript.		8. Investigar com funciona l'opció de ''sound'' en el joc, i com es pot incorporar efectes sonors en els vostres projectes de Javascript.
		+
		+	Acceleració: Dels cursos de física, quan s'estudia el ''moviment rectilini uniformement accelerat'', potser te'n recordes de la fórmula:
		+	<pre>
		+	x = xo + vot + 1/2a*t^2
		+	</pre>
		+	Doncs aquesta fórmula està implementada precisament en aquest tros de codi:
		+	<pre>
		+	accelerate: function(x, y, dx, dy, accel, dt) {
		+	var x2 = x + (dt * dx) + (accel * dt * dt * 0.5);
		+	var y2 = y + (dt * dy) + (accel * dt * dt * 0.5);
		+	var dx2 = dx + (accel * dt) * (dx > 0 ? 1 : -1);
		+	var dy2 = dy + (accel * dt) * (dy > 0 ? 1 : -1);
		+	return { nx: (x2-x), ny: (y2-y), x: x2, y: y2, dx: dx2, dy: dy2 };
		+	},
		+	</pre>
		+	A vegades es parla de la ''física'' d'un joc (que té molt bona física, per ex). Doncs això és precisament del que es tracta: d'implementar les lleis de la física per tal de què el comportament del joc sigui el més realista possible. Aquí el que es tracta és d'accelerar el moviment d'una pilota per tal de què vagi guanyant velocitat de forma constant.

	=Entrega=		=Entrega=

← Versió més antiga		Revisió del 16:23, 23 nov 2021
Línia 18:		Línia 18:
	7. Google Fonts: escull una font de Google que sigui adequada al projecte, i incorpora-la en la part del menú.		7. Google Fonts: escull una font de Google que sigui adequada al projecte, i incorpora-la en la part del menú.

		+	8. Investigar com funciona l'opció de ''sound'' en el joc, i com es pot incorporar efectes sonors en els vostres projectes de Javascript.

	=Entrega=		=Entrega=

@@ Línia 1: / Línia 1: @@
 =Introducció=
 *https://codeincomplete.com/articles/javascript-pong/
 Aquest joc del codi fa un ús intensiu dels events del teclat.