Posts Tagged ‘p5.js’

Animation de lettres à la Solitaire avec p5.js

Friday, September 20th, 2019

https://editor.p5js.org/pierrerossel/sketches/_-ax5h2p4

Exporter un sketch p5.js en vidéo

Thursday, September 19th, 2019

Cet article montre comment utiliser p5.js pour générer une vidéo au format webm.

Le taille de la vidéo est celle du canvas. Pour créer une vidéo dans une taille qui est plus grande que la place disponible dans l’espace Preview de l’éditeur en ligne de p5.js, voir l’article Grand canvas avec p5.js editor.

(more…)

Grand canvas avec p5.js editor

Thursday, September 19th, 2019
Un grand canvas quand même visible dans le Preview de p5.js

L’éditeur en ligne de p5.js permet de travailler sur son code dans la partie gauche de la fenêtre et le résultat s’affiche à droite dans la partie Preview. Ca fonctionne bien pour des canvas de taille raisonnable, qui tiennent dans l’espace disponible, mais lorsqu’il est nécessaire d’utiliser un grand canvas, par exemple pour générer des grandes images ou une vidéo Full HD, alors l’espace Preview ne montre qu’une partie du résulat.

Une solution consiste à modifier dynamiquement la taille de l’affichage du canvas dans la fenêtre.

(more…)