GraphiDimi

Codes cours Graphisme Dynamique. Université Paris 13

Espace GitHub pous télécharger ou cloner les fichiers.

Codes séances

dat.gui + styles des éléments HTML

s01e01.html - DIV rotation
s01e02.html - DIV contrôlé par dat.gui
s01e03.html - DIV plusieurs contrôles dat.gui

Position éléments HTML

s02e01.html - SPAN de couleur en longeur
s02e02.html - Une grille de SPAN de couleur
s02e03.html - SPAN radial version 1
s02e04.html - SPAN radial version 2
s02e05.html - SPAN radial version 1 avec dat.gui
s02e06.html - SPAN radial version 2 avec dat.gui

JSON + APIs

s03e01.html - Galerie JSON Flickr
s03e02.html - Galerie JSON Flickr avec style

Canvas

00-figures.html - Figures simples
01-canvasBoucle.html - Figures avec boucle for
02-sinusGraph.html - Graphique sinus
03-lignesBezierPleinEcran.html - 50 lignes bézier aléatoires
01-balle.html - Balle rebondissante
02-sinusAnimation.html - Animation sinus 1D
03-sinusRotation.html - Animation sinus 2D
04-trigoRotation.html - Animation avec boucle for
01-texte.html - Texte et effets simples
02-cercles.html - Ronds aléatoires
03-texte-et-image.html - Texte et image
04-texte-et-image-url.html - Texte et image URL
01-amis.html - Mes amis Facebook
02-amisAvecPhoto.html - Mes amis avec photo
03-ami-anim.html - Mes amis organisés
04-ami-canvas.html - Mes amis autour d'un cercle
05-flickr-canvas.html - Flickr sur canvas
01-image-drawImage.html - Image simple sur canvas
02-images-2canvas.html - Une image dans 2 canvas
03-images-multiple.html - Une image plusieurs fois dans un canvas
04-images-tilesAnimArray.html - Une image découpée en array animé
01-ballesArray.html - Plusieurs balles dans un array
02-ballesCollision.html - Plusieurs balles en collision
01-paint.html - Un Paint simple
02-cerclesOOP.html - Ronds à sélectionner et déplacer
01_audio_dynamique.html - Information d'un fichier audio
02_audio_couleur-fond.html - Couleur du canvas par un fichier audio
03_telephone.html - Un mini-téléphone
02-video-rotate.html - Rotation d'une vidéo dans un canvas
03-video-destruct.html - Une seule vidéo affichée plusieurs fois

WebGL

01_simple.html - Un cube simple
02_cube.html - Un cube animé
03_geometries.html - Figures géométriques
04_materiaux.html - Textures et matériaux
05_mesh.html - Un modèle chargé
06_interactive.html - Un cube interactif
07_jquery.html - jQuery
08_p5-basic.html - Un sketch p5.js simple
09_p5-spheres.html - Une sphère de sphères avec p5.js

Codes exemples en réponse à vos questions

Adpatation des codes d3.js à vos données

Affichage des vos données JSON avec JQuery

Synthèse vocale via Google

Écrivez un mot et Google le parle