Catégories
JavaScript p5.js Programmation

Exporter un sketch p5.js en vidéo

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.

Catégories
p5.js Programmation

Grand canvas avec p5.js editor

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.

Catégories
Git Programmation Unity

.gitignore pour Unity

C’est une bonne idée d’utiliser GIT pour gérer le code source d’une application Unity, mais il ne faut pas y mettre tous les fichiers d’un projet sous peine de faire gonfler inutilement l’espace disque occupé par le dépôt et ralentir les opérations de synchronisation avec les dépôts distants (clone, fetch, pull, push). Certains dossiers sont inutiles, d’autres peuvent être recréés par Unity quand il en a besoin.

Voici comment configurer Unity et GIT pour une utilisation optimale.

Catégories
CSS Programmation

Jeu pour apprendre les sélecteurs CSS

Sélectionnez l'assiette en utilisant les sélecteurs CSS

Un petit jeu pour apprendre à utiliser les sélecteurs CSS

http://flukeout.github.io/

Catégories
iOS Programmation

Mode kiosk pour iOS

Comment verrouiller le bouton accueil (home button lock) d’un iPhone ou iPad pour qu’une seule application puisse être lancée sur iOS (dans une expo, pour une démo, etc.).

Sur iOS 6+: accès guidé
http://support.apple.com/kb/HT5509

Sinon
http://joris.kluivers.nl/blog/2012/03/02/kiosk-mode-for-ios

Catégories
Programmation

Humour de/pour développeur

(fr) http://lesjoiesducode.tumblr.com
(en) http://thecodinglove.com

Catégories
Processing Programmation

Nombres entiers aléatoires avec pas différent de 1

Pour générer un entier aléatoire avec un « pas » différent de 1, on peut faire comme ça:

  1. générer un nombre aléatoire (généralement un float)
  2. le diviser par le pas voulu
  3. l’arrondir
  4. le multiplier par le pas

Ca marche bien si les bornes (ci-dessous 30 et 50) sont des multiples du pas.

Exemple: Pas de 5 entre 30 et 50

void draw() {
  println(round(random(30, 50) / 5) * 5);
}

Si les bornes ne sont pas des multiples du pas, il faut en tenir compte:

  1. calculer la plage (max – min)
  2. générer un nombre aléatoire dans la plage avec un pas comme ci-dessus
  3. ajouter le min

Exemple: Pas de 5 entre 32 et 42

void draw() {
 println(32 + round(random(42 - 32) / 5) * 5);
}
Catégories
Processing Programmation

Processing error « WARNING: RXTX Version mismatch »

Problem

Using Processing 1.5.1, I used to have this message when starting a sketch using serial communication:

WARNING: RXTX Version mismatch
Jar version = RXTX-2.2pre1
native lib Version = RXTX-2.2pre2

Also, I get another error when quitting the sketch:

APP_NAME a quitté de manière imprévue lors de l'utilisation du module librxtxSerial.jnlilib.

Invalid memory access of location 0xb19bdb60 eip=0x6301c90c

Solution

The easiest solution I found is to download Arduino (1.0.1 at that time) and copy 2 fils from Arduino folder to Processing folder.

  • Quit Processing
  • Open Arduino and Processing packages (right click application file, show package content)
  • Find RXTXcomm.jar and librxtxSerial.jnilib in /Applications/Arduino.app/Contents/Resources/Java
  • Find the same files in Processing package (in /Applications/Processing.app/Contents/Resources/Java/modes/java/libraries/serial/library and the macosx subfolder)
  • Copy each file from Arduino folder and replace them in Processing folder
Catégories
Processing Programmation

Kaléidoscope

Cet exemple Processing utilise la classe PGraphics et un masque pour extraire un secteur circulaire d’une image et le reproduire en plusieurs exemplaires, à la manière d’un kaléidoscope.

Catégories
Processing Programmation

Perlin noise: une alternative à random()

La fonction Perlin noise est un générateur de séquence aléatoire qui produit une succession de nombres plus naturellement ordonnée, harmonique comparée à la fonction standard random(). Elle a été inventée par Ken Perlin en 1980 et a été utilisée depuis dans des applications graphiques pour produire des textures procédurales, des mouvements naturels, des formes, des terrains, etc.

Cette application permet de tester différents paramètres liés à la fonction noise() de Processing et de voir les résultats en temps réel.