- Patch :  Un programme réalisé avec cables.gl. "patcher" s'utilise comme synonyme de "programmer". Le résultat est ici audiovisuel.

- Canvas :  L'écran d'affichage, le résultat graphique, dessin, vidéo etc...

- Node Editor :  La fenêtre d'arborescence pour connecter les Opérateurs ou "Op"

- Op / Operator :  Une boîte qui effectue une FONCTION (codée en javascript, GLSL..) en utilisant des PARAMETRES. VOIR TOUS LES OPERATEURS

- Input Port : Ports d'entrée, peuvent STOCKER des informations ou en recevoir d'autres opérateur

- Output Port : Ports de sortie, retournent les données traitées par l'opérateur, peut les renvoyer à d'autres opérateurs

- Parameters :  Les VALEURS stockées dans un opérateur (ex: color RGB = "255,0,0" Translate XYZ = "0,0,20"). Il existe différents TYPES

- Number :  Type de donnée contenant un nombre (Integer = entier / float = décimal)

- Boolean :  Type de donnée contenant deux 2 états: TRUE or FALSE ( vrai / faux )

- String :  Type de donnée contenant un ou plusieurs caractère : "a" ... "salut" etc.

- Array :  Type de donnée contenant une liste de valeur : "1 , 2 , 3"... "one, two, three" etc.

- Object :  Type de donnée plus complexes permettant de stocker des données javascript ( Json /  Texture /  Audio ...) 

Les projets ont plusieurs manières d'être partagés  selon les droits dans "Patch Settings"

Public : tout le monde voit le patch et il est affiché sur la page d'accueil / communauté discord

Unlisted with editor : seul ceux qui ont le lien le voit avec possibilité d'édition

Unlisted Patch only : seul ceux qui ont le lien le voit sans édition

Private : seuls certains utilisateurs autorisés peuvent le voir

• Partager avec  un lien : modifier l'URL selon les besoins:

View page :  Ex: https://cables.gl/view/NB2hht

Patch page : Ex https://cables.gl/p/NB2hht

Editeur :  Ex: https://cables.gl/edit/NB2hht

• Partager via QrCode : menu du patch : View Patch page  ou Remote pour collaborer sur le patch à plusieurs.

• Insérer le patch dans une iframe sur un site (ex: wordpress etc...)

Changer le mode Visibility: "private" dans Patch settings pour Unlisted.

Export -> Embed puis copier / coller le code html sur votre site.

• Héberger le patch sur son propre serveur (ex: github, etc...)

Export -> Html puis créer un repository Github Pages pour y déposer le contenu du zip

• Pour récupérer les informations en temps réel sur internet, il faut utiliser une API (Application Programming Interface) qui permet de communiquer avec la base de donnée que l'on souhaite récupérer. (ex: OpenMeteo, Ratp, ...)

• A suivre...

Tutoriels Cables.gl

-Liste des tutoriels

- Channel Youtube

- Decode.gl

Images 2D (.jpg, .png)

- Générer des images png transparentes par IA avec pnggen

- Textures & Images transparentes en png sur pngwing

- Photoshop / illustrator gratuit dans le navigateur avec Photopea / Vectorpea

Modèles 3D (.glb)

- Visualiser vos modèle 3d dans le navigateur web avec gltf-viewer

- Télécharger un modèle 3d en .glb sur Sketchfab (choisir "downloadable", sélectionner Texture size: 1k)

- Générer un modèle 3d avec Tripo3d.ai "Light version" (puis exporter .glb retopologize : "low" )

- Réduire le poids des modèles 3d pour les téléphones avec https://glb.babylonpress.org/

- Scanner un object en 3d depuis son téléphone avec Polycam

- Créer son avatar animé sur https://avaturn.me/ 

- Convertir une texture en .glb : éviter le bug d'animation image 2d dans Zapworks 

Vidéos (.mp4)

- Télécharger une vidéo youtube en .mp4 avec notube

- Créer des présentateurs video sur fond vert à partir de texte avec vidnoz

- Créer des avatars de plein pied et faire un montages riche avec deepbrain.io

- Télécharger des fichiers audio / bruitages en .mp3 sur freesound.org ou Soundbible

Divers

- Tester la stabilité d'une image Target avec Pictarize

- Générer un QrCode lié à un lien internet / médias / sms / contacts etc avec QR Code Generator

- Créer des formulaires intelligents basés sur demande avec formless.ai

- Convertir des fichiers avec freeconvert

- Paramétrer Google analytic avec Zapworks Designer après avoir créer un tracking ID