Rectangle et rotation
Reproduire (sans javascript) la figure ci-dessous.
Vous pourrez, si besoin, relire la
page
concernant rotate.
Un code possible.
Un mur de briques
Reproduire (sans javascript) la figure ci-dessous.
On utilisera linearGradient pour le dégradé.
Vous pourrez, si besoin, relire la
page
concernant translate.
Un code possible
Reproduire l'image (sans JS).
On pourra utiliser des rotations et des homothéties.
Un code possible.
Dans ce premier code, les dimensions de chaque carré est calculé "à la main". Ce n'est évidemment pas le plus efficace, le deuxième code propose une automatisation de ce calcul.
Un autre code possible.
Dans l'exemple précédent, on a déterminé les dimensions des carrés "à la main".
On utilise ici la notion d'homothétie pour déterminer ces dimensions de façon plus automatique.
Vous pouvez relire, si besoin, la page de cours sur les homothéties.
L'idée est que chaque carré est obtenu, à partir de celui qui le précède, par une rotation de 45 degrés de centre le centre du carré, suivi d'une homothétie de rapport \( \frac{\sqrt{2}}{2} \) (une demi diagonale du carré...) et de centre le centre du carré.