Kinectron + p5.js — contrôle du sketch et export GIF

Fri, 15 Mar 2024 10:00:00 -0400

Introduction

Ce tutoriel montre comment monter un sketch Kinectron dans p5.js avec arrêt / lecture du sketch et enregistrement en GIF.

Prérequis

Bases JavaScript et p5.js.
Bibliothèque Kinectron installée.
Bibliothèque p5.js installée.
Kinect v2 ou Azure Kinect DK.
Serveur Kinectron en marche.
Environnement local ou en ligne compatible JavaScript et p5.js.

Étape 1 : environnement

Inclure p5.js et Kinectron dans le HTML.

<html>
 <head>
 <script
 src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.min.js"
 type="text/javascript"
 ></script>
 <script
 type="text/javascript"
 ></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/addons/p5.sound.min.js"></script>
 <script
 src="./client/dist/kinectron-client.js"
 type="text/javascript"
 ></script>
 <script src="sketch.js" type="text/javascript"></script>
 </head>
 <body></body>
</html>

Étape 2 : variables

Dans sketch.js, définir les variables nécessaires.

P5.js on Antoine Boucher

Kinectron + p5.js — contrôle du sketch et export GIF

Introduction

Prérequis

Étape 1 : environnement

Étape 2 : variables