« Programmation objet et géométrie » : différence entre les versions

Un livre de Wikilivres.
Contenu supprimé Contenu ajouté
Ligne 18 : Ligne 18 :
== Géométrie avec html5==
== Géométrie avec html5==


La balise [[w:canvas|canvas]] de [[w:html|html]]5 permet de faire du [[w:Graphisme vectoriel|dessin vectoriel]], donc de la géométrie. Comme avec les ''CaRScripts'' (ci-dessus), la fabrication des figures se fait par [[w:JavaScript|JavaScript]]. Et la programmation objet apparaît d'emblée, avec le [[w:Document Object Model|DOM]]. L'objet de référence s'appelle ''document'' et c'est ... le document lui-même, c'est-à-dire la page html.
La balise [[w:canvas (balise html)|canvas]] de [[w:html|html]]5 permet de faire du [[w:Graphisme vectoriel|dessin vectoriel]], donc de la géométrie. Comme avec les ''CaRScripts'' (ci-dessus), la fabrication des figures se fait par [[w:JavaScript|JavaScript]]. Et la programmation objet apparaît d'emblée, avec le [[w:Document Object Model|DOM]]. L'objet de référence s'appelle ''document'' et c'est ... le document lui-même, c'est-à-dire la page html. Ainsi, on crée dans le corps du fichier ''html'' une zone de dessin avec

<source lang="html">
<canvas id="cadre" width="320" height="240">
Si vous arrivez à lire ce texte, changez de navigateur!
</canvas>
</source>

Alors le ''canevas'' porte un identifiant (''cadre'') ce qui permet à JavaScript de le retrouver, en demandant au ''document'' de lui donner un objet ayant comme identifiant ''cadre'':

<source lang="javascript">
var canvas = document.getElementById('cadre');
var pinceau = canvas.getContext('2d');
</source>

À partir de là, l'objet ''pinceau'' possède les méthodes graphiques de tracé de lignes droites, arcs de cercles, [[w:courbe de Bézier|courbes de Bézier]] et rectangles qui lui permettent de faire du graphisme vectoriel dans le document html.


* [[/Rappels sur html|Rappels sur le langage html]]
* [[/Rappels sur html|Rappels sur le langage html]]

Version du 10 janvier 2012 à 08:40

La programmation objet est parfois considérée comme déroutante pour ceux qui la découvrent, particulièrement ceux qui ont déjà une expérience de programmation au sein d'un autre paradigme (programmation impérative par exemple). Aussi la possibilité qu'offrent certains outils, de définir et gérer des objets graphiques, semble-t-elle prometteuse en termes de pédagogie, puisqu'une fois les objets créés, on peut les voir, et souvent aussi les manipuler.

Ce livre est une collection d'exemples, illustrant le mode de fonctionnement des objets, dans divers univers graphiques. N'y seront évoqués que des logiciels libres.

SmallTalk et DrGeoII

CaRScripts et objets

Géométrie avec html5

La balise canvas de html5 permet de faire du dessin vectoriel, donc de la géométrie. Comme avec les CaRScripts (ci-dessus), la fabrication des figures se fait par JavaScript. Et la programmation objet apparaît d'emblée, avec le DOM. L'objet de référence s'appelle document et c'est ... le document lui-même, c'est-à-dire la page html. Ainsi, on crée dans le corps du fichier html une zone de dessin avec

<canvas id="cadre" width="320" height="240">
Si vous arrivez à lire ce texte, changez de navigateur!
</canvas>

Alors le canevas porte un identifiant (cadre) ce qui permet à JavaScript de le retrouver, en demandant au document de lui donner un objet ayant comme identifiant cadre:

var canvas = document.getElementById('cadre');
var pinceau = canvas.getContext('2d');

À partir de là, l'objet pinceau possède les méthodes graphiques de tracé de lignes droites, arcs de cercles, courbes de Bézier et rectangles qui lui permettent de faire du graphisme vectoriel dans le document html.

Objets en Python