Articles

Affichage des articles du août, 2017

Créer une horloge dans le navigateur avec JavaScript et p5.js

A l'aide de la bibliothèque JavaScript p5.js, il est possible d'extraire des données, de les manipuler et de les exploiter sous la forme d'une création graphique. Nous allons voir comment, à partir des données de l'horloge de l'appareil, créer une pendule avec les aiguilles qui tournent en temps réel pour afficher l'heure (après tout, c'est bien là la fonction d'une horloge). Les outils nécessaires à cet exercice sont : un éditeur de texte (Brackets par exemple) un navigateur Internet le fichier de la bibliothèque JavaScript p5.js (à télécharger à partir du site de p5 dans l'onglet « Download ») La page HTML Créons tout d'abord une page HTML classique. Dans l'entête, nous insérons les liens vers le fichier de la bibliothèque p5 et vers le fichier de l'animation elle-même : <!DOCTYPE html> <html lang="fr"> <head&g