Petite introduction
Lorsque l'on code avec turtle, une chose ne nous frappe pas, car elle évidente : Il nous faut un écran.
Or comment faire un écran ? Depuis HTML5, une nouvelle balise est ajoutée : <canvas>
Cette balise permet, à l'aide du JavaScript, de créer une image en temps réel sur notre navigateur, ce qui est exactement ce qu'il nous faut. Victoire !
Se préparer pour coder
Lors de l'écriture de ce tutoriel, j'utilise Visual Studio Code avec l'extension Live Server qui permet un rafraichissement en temps réel du site.
On utilisera la base HTML et l'architecture suivante pour travailler sur notre JS :
Architecture :
Une fois les fichiers prêts, on peut enfin s'y mettre.