TypeScript: Classe Figura. Dibuix 2D

De Wikijoan
Dreceres ràpides: navegació, cerca

Contingut

Referències

Introducció

Typescript és un superconjunt de Javascript. Podem programar amb Programació Orientada a Objectes (classes, herència,...), amb els avantatges que això comporta, i generar (compilar) el codi Javascript compatible. Això és el que farem en aquesta pràctica.

Desenvolupament

Typescript POO.png

El problema de la pràctica tracta de dibuixar figures planes. Les figures 2D (estem pensant en paral·lelograms i cercles) és un cas típic de POO, que desenvoluparem.

La classe Figura és una classe abstracta, que definim en el codi, i que per herència podem definir les classes Paral·lelogram i Cercle.

Al mateix temps, la classe Paral·lelogram també és abstracta, i per herència definim les classes Quadrat, Rectangle, Rombe i Romboide.

-Figura (classe abstracta)
    -parallelograms (classe abstracta)
        -Quadrat, Rectangle, Rombe, romboide
    -Cercle

En la primera part de la pràctica se't proporciona tota la definició de les classes (v1, v2, v3, v4), que discutirem a classe.

En la segona part de la pràctica se't proporciona un primer ús de com podem construir objectes de forma dinàmica i pintar-los per la pantalla (objecte Canvas de HTML5).

Feina per l'alumne

Després de discutir una primera solució a classe, es demana a l'alumne els següents objectius:

Exercici 1: visualitzar al costat de la figura el perímetre i la superfície

Exercici 2. Hauràs de fer una aplicació que cada 5 segons aparegui una figura aleatòria per pantalla, de dimensions prou grans per ocupar una bona part de la pantalla (i centrat en la pantalla). Has de proporcionar el valor de l'àrea i del perímetre dins de la figura.

Exercici 3. Dibuixa cercles concèntrics amb una gradació de colors.

Solució parcial

Solució definitiva

Entrega

Al Google Classroom.


creat per Joan Quintana Compte, abril 2019

Eines de l'usuari
Espais de noms
Variants
Accions
Navegació
Institut Jaume Balmes
Màquines recreatives
CNC
Informàtica musical
joanillo.org Planet
Eines