Présent Composé design https://presentcomposedesign.fr/category/design-produit/ Direction Artistique, concepts & innovations, Design 2D/3D/ia/AR/VR Sat, 03 Oct 2026 02:31:29 +0000 fr-FR hourly 1 https://wordpress.org/?v=7.1.4 https://presentcomposedesign.fr/wp-content/uploads/2025/07/cropped-logo_PCd_2025-512-32x32.png Présent Composé design https://presentcomposedesign.fr/category/design-produit/ 32 32 Apps https://presentcomposedesign.fr/apps/ Mon, 28 Sep 2026 11:13:23 +0000 https://presentcomposedesign.fr/?p=36928 Cet article Apps est apparu en premier sur Présent Composé design.

]]> Cet article Apps est apparu en premier sur Présent Composé design.

]]> Applications https://presentcomposedesign.fr/applications/ Sun, 27 Sep 2026 12:36:02 +0000 https://presentcomposedesign.fr/?p=36874 Brouillon non publié : visible sur cet appareil seulement Ouvrir .dev PCdlabs · Présent Composé design Applications & expériences Carrousel Grille Liste .dev .dev Mode développeur Code d’accès Annuler Entrer Mode développeur Administration Cartes Affichage En-tête Pied de page Publication Cartes de la vitrine + Ajouter une carte Version en ligne Versions précédentes Sauvegarde du contenu Le fichier JSON contient toutes les cartes et tous les réglages. Avec un serveur, c’est la version publiée qui s’affiche : le contenu collé dans le bloc Elementor ne sert que sans serveur, ou comme réserve à reprendre ici. Télécharger le JSON Copier pour le bloc Elementor Importer un JSON Reprendre le contenu du bloc Session Quitter le mode développeur Annuler les modifications Publier

Cet article Applications est apparu en premier sur Présent Composé design.

]]>

PCdlabs · Présent Composé design

Applications & expériences

Mode développeur

Code d'accès

Cet article Applications est apparu en premier sur Présent Composé design.

]]> BirdSignal-infos https://presentcomposedesign.fr/birdsignal-infos/ Tue, 15 Sep 2026 11:23:50 +0000 https://presentcomposedesign.fr/?p=36789 Activer le son Étude de cas · Application web sur mesure BirdSignal Une application web qui analyse le son pour identifier l’oiseau qui chante, et transforme chaque écoute en carte à collectionner géolocalisée. Imaginée, nommée, dessinée, développée, mise en ligne et hébergée en France. Idéation Naming Identité graphique UX / UI Développement 3D temps réel IA embarquée Hébergement Voir l’application Demander un rendez-vous Sans magasin d’applications Elle s’installe sur tous les téléphones, gratuitement BirdSignal est une application web. Elle s’ouvre dans un navigateur, puis s’installe d’un geste sur l’écran d’accueil : son icône, son écran de lancement, son fonctionnement hors ligne. Aucun magasin d’applications, aucun compte, aucun téléchargement payant. Une seule adresse, et le même produit sur Android, sur iPhone, sur ordinateur. Gratuit Android iPhone et iPad Windows et macOS Installée depuis le navigateur, elle se range sur le bureau comme un logiciel. Ouvrir et installer 6 522espèces 2langues 137tests auto 0octet audio envoyé Points clés Ce que j’ai réalisé Idéation, positionnement et naming de l’application Création du logo, du système d’icônes et de l’identité graphique complète Conception de l’expérience, des parcours et de l’interface, en deux langues Développement intégral, front et back, et intégration d’un modèle d’intelligence artificielle Rendu 3D temps réel des cartes, avec gyroscope sur mobile Mise en ligne, sécurisation, hébergement en France et documentation Le cœur de l’application Tout part d’un son L’application enregistre quelques secondes de chant, en construit le spectrogramme, et soumet cette image de fréquences à un modèle d’intelligence artificielle de 6522 espèces. Le tout dans le navigateur, en moins de temps qu’il n’en faut pour ranger son téléphone. Ce qui défile ci-dessous n’est pas une illustration : c’est l’analyse d’un vrai enregistrement, une rue de Toulouse à six heures du matin. Enregistrement réel 8,5 kHz4 kHz0,4 Le temps en abscisse, la fréquence en ordonnée, l’intensité en couleur. Chaque trait vertical est un oiseau ; la bande claire du bas est la ville qui se réveille. Activez le son pour entendre ce que vous voyez. 1. CapterMicro ou fichier importé, rééchantillonné à 48 kHz. 2. Voir le sonTransformée de Fourier, spectrogramme, découpage en segments de 3 secondes. 3. ReconnaîtreModèle BirdNET exécuté en WebAssembly, filtré par le lieu et la saison. Design produit Le son devient un objet Chaque analyse conservée devient une carte numérotée, avec sa photo, son spectrogramme, sa date et son lieu. Elle se retourne en 3D et s’incline au gyroscope, de sorte que le reflet suit le poignet comme sur une vraie carte. BirdSignal Corvidés Pie bavarde Pica pica chant · Défense de territoire Rareté · LC8 % Confiance91 % 13 sept. 2026, 07:4312,8 s · localisé BirdSignal Détails EspècePie bavarde MoteurBirdNET Filtre local157 espèces Durée12,8 s Position43.6080, 1.4812 Spectrogramme ÉMISE PAR BirdSignalR_001presentcomposedesign.fr Or Les quatre rangs Le rang change la matière de la carte, et il se mérite. Passez la souris sur les poinçons : ce sont exactement ceux frappés au verso des cartes. Uc Non classéeAucune espèce reconnue Sd StandardArgent Or AuthentiqueCaptée sur place, localisée Dd DiamantIrisé, le plus rare Le point fort Votre collection raconte vos sorties Chaque carte retient l’endroit où le chant a été capté. La collection devient une carte de vos promenades, et surtout une carte des espèces : on voit où elles sont, et où elles ne sont plus. Merle noir08:14 · LC Mésange charbonnière09:02 · LC Pie bavarde09:47 · LC Tourterelle turque10:21 · LC Représentation de principe. La position n’est enregistrée qu’avec l’accord de l’utilisateur, et elle est arrondie avant tout partage. Identité graphique Un signe qui se lit à 16 pixels Un oiseau et une lettre dans la même forme. Une seule couleur pour le signe : une identité qui a besoin d’un dégradé pour exister ne survit pas à une impression en noir. Le favicon, lui, existe en deux fichiers, parce qu’un gris clair disparaît sur une barre d’onglets blanche. Signe principal#1001ef sur blanc En réserveBlanc sur aplat de marque Icône d’applicationZone sûre du masque Android Thème clair Thème sombreFaviconDeux fichiers, un par thème d’onglet Logo de pied de pagePlaque blanche, signe bleu 48 32 16LisibilitéValidé à sa plus petite taille Méthode De l’idée à la mise en ligne 01 Idéation et positionnement Définir ce que l’application fait, ce qu’elle refuse de faire, et à qui elle s’adresse. 02 Naming Un nom qui tient dans une icône, se prononce en français comme en anglais, et dit quelque chose de vrai sur le produit. 03 Logo et identité graphique Du croquis au vectoriel, décliné en favicon, icônes d’application, thème clair et thème sombre. 04 Architecture et UX Parcours, écrans, arborescence, et une architecture choisie pour tenir sur un hébergement mutualisé français. 05 Développement Interface, API, traitement du signal audio, IA embarquée, rendu 3D temps réel et tests automatisés. 06 Mise en ligne et suivi Sécurisation, hébergement en France, application installable et hors ligne, documentation et mises à jour. Ce que cela veut dire pour vous Un seul interlocuteur, du premier croquis à la mise en ligne Application web sur mesure Outil métier, configurateur, application mobile installable. Conçue, développée et hébergée. Identité et design produit Naming, logo, système d’icônes, interface et déclinaisons, pensés pour tenir à toutes les tailles. 3D, AR et expériences immersives Configurateurs 3D temps réel, visualiseurs, réalité augmentée, directement dans le navigateur. Vous souhaitez faire appel à mes services ? Parlons de votre projet. J’interviens sur l’ensemble de la chaîne, ou sur la partie qui vous manque. Demander un rendez-vous Voir les autres réalisations BirdSignal est une application gratuite et non commerciale, conçue et hébergée en France par Present Composé Design, nom commercial de l’entreprise individuelle Alban DESBARAX, à Toulouse. Les hypothèses d’espèce produites sont probabilistes et ne constituent pas une détermination scientifique.

Cet article BirdSignal-infos est apparu en premier sur Présent Composé design.

]]>

Étude de cas · Application web sur mesure

BirdSignal

Une application web qui analyse le son pour identifier l'oiseau qui chante, et transforme chaque écoute en carte à collectionner géolocalisée. Imaginée, nommée, dessinée, développée, mise en ligne et hébergée en France.

Idéation Naming Identité graphique UX / UI Développement 3D temps réel IA embarquée Hébergement
Voir l'application Demander un rendez-vous

Sans magasin d'applications

Elle s'installe sur tous les téléphones, gratuitement

BirdSignal est une application web. Elle s'ouvre dans un navigateur, puis s'installe d'un geste sur l'écran d'accueil : son icône, son écran de lancement, son fonctionnement hors ligne. Aucun magasin d'applications, aucun compte, aucun téléchargement payant. Une seule adresse, et le même produit sur Android, sur iPhone, sur ordinateur.

  • Gratuit
  • Android
  • iPhone et iPad
  • Windows et macOS
Raccourci BirdSignal sur le bureau de Windows, avec son icône
Installée depuis le navigateur, elle se range sur le bureau comme un logiciel.
Ouvrir et installer
6 522espèces
2langues
137tests auto
0octet audio envoyé

Points clés

Ce que j'ai réalisé

  • Idéation, positionnement et naming de l'application
  • Création du logo, du système d'icônes et de l'identité graphique complète
  • Conception de l'expérience, des parcours et de l'interface, en deux langues
  • Développement intégral, front et back, et intégration d'un modèle d'intelligence artificielle
  • Rendu 3D temps réel des cartes, avec gyroscope sur mobile
  • Mise en ligne, sécurisation, hébergement en France et documentation

Le cœur de l'application

Tout part d'un son

L'application enregistre quelques secondes de chant, en construit le spectrogramme, et soumet cette image de fréquences à un modèle d'intelligence artificielle de 6522 espèces. Le tout dans le navigateur, en moins de temps qu'il n'en faut pour ranger son téléphone. Ce qui défile ci-dessous n'est pas une illustration : c'est l'analyse d'un vrai enregistrement, une rue de Toulouse à six heures du matin.

Spectrogramme de quarante secondes enregistrées à Toulouse à six heures du matin : chaque trait vertical clair est une vocalisation d'oiseau.

Enregistrement réel

Le temps en abscisse, la fréquence en ordonnée, l'intensité en couleur. Chaque trait vertical est un oiseau ; la bande claire du bas est la ville qui se réveille. Activez le son pour entendre ce que vous voyez.

1. CapterMicro ou fichier importé, rééchantillonné à 48 kHz.
2. Voir le sonTransformée de Fourier, spectrogramme, découpage en segments de 3 secondes.
3. ReconnaîtreModèle BirdNET exécuté en WebAssembly, filtré par le lieu et la saison.

Design produit

Le son devient un objet

Chaque analyse conservée devient une carte numérotée, avec sa photo, son spectrogramme, sa date et son lieu. Elle se retourne en 3D et s'incline au gyroscope, de sorte que le reflet suit le poignet comme sur une vraie carte.

Les quatre rangs

Le rang change la matière de la carte, et il se mérite. Passez la souris sur les poinçons : ce sont exactement ceux frappés au verso des cartes.

Uc Non classéeAucune espèce reconnue
Sd StandardArgent
Or AuthentiqueCaptée sur place, localisée
Dd DiamantIrisé, le plus rare

Le point fort

Votre collection raconte vos sorties

Chaque carte retient l'endroit où le chant a été capté. La collection devient une carte de vos promenades, et surtout une carte des espèces : on voit où elles sont, et où elles ne sont plus.

Représentation de principe. La position n'est enregistrée qu'avec l'accord de l'utilisateur, et elle est arrondie avant tout partage.

Identité graphique

Un signe qui se lit à 16 pixels

Un oiseau et une lettre dans la même forme. Une seule couleur pour le signe : une identité qui a besoin d'un dégradé pour exister ne survit pas à une impression en noir. Le favicon, lui, existe en deux fichiers, parce qu'un gris clair disparaît sur une barre d'onglets blanche.

Méthode

De l'idée à la mise en ligne

01

Idéation et positionnement

Définir ce que l'application fait, ce qu'elle refuse de faire, et à qui elle s'adresse.

02

Naming

Un nom qui tient dans une icône, se prononce en français comme en anglais, et dit quelque chose de vrai sur le produit.

03

Logo et identité graphique

Du croquis au vectoriel, décliné en favicon, icônes d'application, thème clair et thème sombre.

04

Architecture et UX

Parcours, écrans, arborescence, et une architecture choisie pour tenir sur un hébergement mutualisé français.

05

Développement

Interface, API, traitement du signal audio, IA embarquée, rendu 3D temps réel et tests automatisés.

06

Mise en ligne et suivi

Sécurisation, hébergement en France, application installable et hors ligne, documentation et mises à jour.

Ce que cela veut dire pour vous

Un seul interlocuteur, du premier croquis à la mise en ligne

Application web sur mesure

Outil métier, configurateur, application mobile installable. Conçue, développée et hébergée.

Identité et design produit

Naming, logo, système d'icônes, interface et déclinaisons, pensés pour tenir à toutes les tailles.

3D, AR et expériences immersives

Configurateurs 3D temps réel, visualiseurs, réalité augmentée, directement dans le navigateur.

Vous souhaitez faire appel à mes services ?

Parlons de votre projet. J'interviens sur l'ensemble de la chaîne, ou sur la partie qui vous manque.

Demander un rendez-vous Voir les autres réalisations

BirdSignal est une application gratuite et non commerciale, conçue et hébergée en France par Present Composé Design, nom commercial de l'entreprise individuelle Alban DESBARAX, à Toulouse. Les hypothèses d'espèce produites sont probabilistes et ne constituent pas une détermination scientifique.

Cet article BirdSignal-infos est apparu en premier sur Présent Composé design.

]]> PCd 1210 Virtual Direct Drive – infos https://presentcomposedesign.fr/pcd-1210_infos/ Sun, 13 Sep 2026 03:53:15 +0000 https://presentcomposedesign.fr/?p=36774 PCd-1210Virtual Direct Drive Étude de cas – conception à mise en ligne Concevoir une platine vinyle dans un navigateur. PCd-1210 est née d’une idée simple : garder le contrôle sur la musique que l’on écoute, même quand la source est numérique. J’ai piloté le projet de A à Z, de l’idée initiale à l’identité graphique, de l’architecture de l’expérience aux itérations fonctionnelles, puis jusqu’aux tests, au déploiement PWA et à la mise en ligne sur PCdlabs. Ouvrir PCd-1210Voir le code sur GitHubSoutenir le projet Une platine virtuelle dans votre navigateur, jusque dans votre poche. L’intention Retrouver un geste physique dans une écoute numérique. L’enjeu n’était pas de dessiner une simple skin de lecteur audio, mais de construire une interface où le disque, le bras, le pitch, le choix 33/45 et la bibliothèque se répondent comme un seul instrument. 01 Idée et positionnement Définition du concept, du vocabulaire visuel et des interactions qui donnent une vraie présence à la platine. 02 Identité graphique Création du branding PCd-1210, du favicon, de l’univers sombre et lumineux et des composants visuels de l’application. 03 Direction produit Arbitrage des fonctions, du responsive, du comportement du bras, de la discothèque et des modules optionnels. Le résultat Une PWA qui reste cohérente du desktop au téléphone. Le même objet passe du grand écran au smartphone : une platine virtuelle que l’on retrouve dans sa poche, avec un plateau carré, une discothèque au swipe ou au gyroscope, la recherche accessible et un branding intégrable ou isolable. PCd-1210 Virtual Direct Drive Recherche intégrée au menu Branding isolable Mon rôle Une conception itérative, jusque dans les détails. Chaque version a servi à valider une hypothèse précise sans perdre les éléments déjà stabilisés. Conception Définition du produit, hiérarchie de l’interface, analogie avec une platine réelle et choix des interactions prioritaires. Design Logo, favicon, typographie d’interface, couleurs, effets de matière, équilibre entre skeuomorphisme et interface web contemporaine. Développement Pilotage du développement HTML, CSS et JavaScript, PWA, gestion de la lecture, bibliothèque, imports, pitch, bras, scratch, gyroscope et responsive. Tests Comparaison des versions, corrections ciblées, vérification desktop/mobile, recherche des régressions et stabilisation de l’expérience. Mise en ligne Préparation du package statique, service worker, manifest, déploiement sur IONOS et documentation de reprise du projet. Technique Le navigateur comme matière de design. La version finale reste volontairement déployable sans compilation obligatoire. L’architecture privilégie des fichiers lisibles, un comportement progressif et la possibilité d’installer l’application comme PWA. Manipulation directe Le bras et le disque ne sont pas de simples illustrations. Ils répondent à la progression, au pitch, aux gestes de souris et aux interactions tactiles. Responsive La platine conserve sa géométrie. Les modules auxiliaires changent d’emplacement sans réduire le plateau ni couper leurs sliders. Progressive Web App Manifest, service worker, installation et fonctionnement web partagent la même base de code. Open source Un projet ouvert à l’inspection et à l’évolution. PCd-1210 v15.2 est distribuée sous licence MIT. Le code peut être étudié, modifié et redéployé dans le respect de cette licence. Code disponible Le dépôt GitHub public doit accueillir la même base que celle déployée en production. Le ZIP source peut aussi être téléchargé directement depuis l’application. GitHubZIP source Stack HTML + CSS + JavaScript PWA / Service Worker YouTube iframe API Web Audio pour les fichiers compatibles Three.js pour les mises en scène 3D Déploiement statique IONOS Usage légal Lire et manipuler, sans devenir une plateforme de piratage. L’application est conçue comme une interface de lecture. Elle n’héberge pas un catalogue musical tiers, ne contourne pas les DRM et conserve YouTube dans son lecteur/API. Les fichiers locaux restent ceux fournis par l’utilisateur. Cette architecture vise un usage légal, mais elle ne peut pas transformer une source non autorisée en source autorisée. L’utilisateur reste responsable des droits attachés aux fichiers et liens qu’il choisit d’utiliser. Essayez-la Gardez le contrôle sur la musique que vous écoutez. PCd-1210 est accessible dans le navigateur et installable comme PWA. Ouvrir l’applicationSoutenir le créateurVoir GitHub PCd-1210 Virtual Direct Drive – Present Composé Design / PCdlabs – Alban & Emilio DESBARAX – 2026 PCdlabs / Présent Composé Design PCd-1210 Virtual Direct Drive PCd-1210 est une platine vinyle virtuelle conçue comme une véritable expérience d’interface. Le projet transpose dans le navigateur des repères et des gestes issus de la platine physique, puis les associe à une discothèque visuelle, une playlist, un contrôle 33T/45T, un pitch, un bras dynamique, le scratch et une installation PWA. Tester PCd-1210 Voir le projet sur GitHub Sponsoriser le créateur Une idée d’abord centrée sur le geste Le point de départ n’était pas de reproduire une platine uniquement comme objet graphique. L’objectif était de construire une interface où la logique physique reste lisible : un disque qui tourne, un bras qui accompagne l’avancement d’une piste, des vitesses 33T et 45T, un pitch lié à la lecture, puis une manipulation directe du disque pour le scratch. Identité graphique J’ai défini l’identité visuelle PCd-1210, le branding, les proportions générales, la hiérarchie de l’interface, les états lumineux et la cohérence entre la platine et Ma Discothèque. Le travail sur les favicons et le SVG animé prolonge cette identité jusque dans l’onglet et l’installation PWA. Conception de l’expérience Les interactions ont été pensées autour d’actions compréhensibles sans mode d’emploi lourd : lancer ou arrêter un titre, déplacer le bras, modifier la vitesse, régler le pitch, faire défiler les pochettes, sélectionner un disque et le manipuler directement. Développement par itérations Le projet a progressé par versions successives. Chaque étape a servi à consolider la lecture, les imports, la playlist, le bras, le pitch, le scratch, la discothèque, les modules audio et le responsive. Cette méthode a permis de conserver ce qui fonctionnait déjà tout en corrigeant des points précis. Une PWA volontairement simple à déployer PCd-1210 repose sur HTML, CSS et JavaScript natifs. La version de production n’impose aucune compilation. Le manifest, le service worker et les ressources locales permettent un déploiement direct sur un hébergement mutualisé IONOS par FileZilla. Ma Discothèque, du swipe au gyroscope La bibliothèque n’est pas présentée comme une

Cet article PCd 1210 Virtual Direct Drive – infos est apparu en premier sur Présent Composé design.

]]>
PCd-1210Virtual Direct Drive
Étude de cas - conception à mise en ligne

Concevoir une platine vinyle dans un navigateur.

PCd-1210 est née d'une idée simple : garder le contrôle sur la musique que l'on écoute, même quand la source est numérique.

J'ai piloté le projet de A à Z, de l'idée initiale à l'identité graphique, de l'architecture de l'expérience aux itérations fonctionnelles, puis jusqu'aux tests, au déploiement PWA et à la mise en ligne sur PCdlabs.

Ouvrir PCd-1210Voir le code sur GitHubSoutenir le projet
PCd-1210 affichée sur smartphone
Une platine virtuelle dans votre navigateur, jusque dans votre poche.
L'intention

Retrouver un geste physique dans une écoute numérique.

L'enjeu n'était pas de dessiner une simple skin de lecteur audio, mais de construire une interface où le disque, le bras, le pitch, le choix 33/45 et la bibliothèque se répondent comme un seul instrument.

01

Idée et positionnement

Définition du concept, du vocabulaire visuel et des interactions qui donnent une vraie présence à la platine.

02

Identité graphique

Création du branding PCd-1210, du favicon, de l'univers sombre et lumineux et des composants visuels de l'application.

03

Direction produit

Arbitrage des fonctions, du responsive, du comportement du bras, de la discothèque et des modules optionnels.

Le résultat

Une PWA qui reste cohérente du desktop au téléphone.

Le même objet passe du grand écran au smartphone : une platine virtuelle que l’on retrouve dans sa poche, avec un plateau carré, une discothèque au swipe ou au gyroscope, la recherche accessible et un branding intégrable ou isolable.

Vue complète de PCd-1210 en thème sombre
PCd-1210 Virtual Direct Drive
Menu desktop avec recherche intégrée
Recherche intégrée au menu
Branding isolé du menu principal
Branding isolable
Mon rôle

Une conception itérative, jusque dans les détails.

Chaque version a servi à valider une hypothèse précise sans perdre les éléments déjà stabilisés.

Conception

Définition du produit, hiérarchie de l'interface, analogie avec une platine réelle et choix des interactions prioritaires.

Design

Logo, favicon, typographie d'interface, couleurs, effets de matière, équilibre entre skeuomorphisme et interface web contemporaine.

Développement

Pilotage du développement HTML, CSS et JavaScript, PWA, gestion de la lecture, bibliothèque, imports, pitch, bras, scratch, gyroscope et responsive.

Tests

Comparaison des versions, corrections ciblées, vérification desktop/mobile, recherche des régressions et stabilisation de l'expérience.

Mise en ligne

Préparation du package statique, service worker, manifest, déploiement sur IONOS et documentation de reprise du projet.

Technique

Le navigateur comme matière de design.

La version finale reste volontairement déployable sans compilation obligatoire. L'architecture privilégie des fichiers lisibles, un comportement progressif et la possibilité d'installer l'application comme PWA.

Manipulation directe

Le bras et le disque ne sont pas de simples illustrations. Ils répondent à la progression, au pitch, aux gestes de souris et aux interactions tactiles.

Responsive

La platine conserve sa géométrie. Les modules auxiliaires changent d'emplacement sans réduire le plateau ni couper leurs sliders.

Progressive Web App

Manifest, service worker, installation et fonctionnement web partagent la même base de code.

Open source

Un projet ouvert à l'inspection et à l'évolution.

PCd-1210 v15.2 est distribuée sous licence MIT. Le code peut être étudié, modifié et redéployé dans le respect de cette licence.

Code disponible

Le dépôt GitHub public doit accueillir la même base que celle déployée en production. Le ZIP source peut aussi être téléchargé directement depuis l'application.

GitHubZIP source
Stack
HTML + CSS + JavaScript
PWA / Service Worker
YouTube iframe API
Web Audio pour les fichiers compatibles
Three.js pour les mises en scène 3D
Déploiement statique IONOS
Usage légal

Lire et manipuler, sans devenir une plateforme de piratage.

L'application est conçue comme une interface de lecture. Elle n'héberge pas un catalogue musical tiers, ne contourne pas les DRM et conserve YouTube dans son lecteur/API. Les fichiers locaux restent ceux fournis par l'utilisateur.

Cette architecture vise un usage légal, mais elle ne peut pas transformer une source non autorisée en source autorisée. L'utilisateur reste responsable des droits attachés aux fichiers et liens qu'il choisit d'utiliser.

Essayez-la

Gardez le contrôle sur la musique que vous écoutez.

PCd-1210 est accessible dans le navigateur et installable comme PWA.

Ouvrir l'applicationSoutenir le créateurVoir GitHub
PCd-1210 Virtual Direct Drive - Present Composé Design / PCdlabs - Alban & Emilio DESBARAX - 2026

PCdlabs / Présent Composé Design

PCd-1210 Virtual Direct Drive

PCd-1210 est une platine vinyle virtuelle conçue comme une véritable expérience d'interface. Le projet transpose dans le navigateur des repères et des gestes issus de la platine physique, puis les associe à une discothèque visuelle, une playlist, un contrôle 33T/45T, un pitch, un bras dynamique, le scratch et une installation PWA.

Tester PCd-1210 Voir le projet sur GitHub Sponsoriser le créateur

Une idée d'abord centrée sur le geste

Le point de départ n'était pas de reproduire une platine uniquement comme objet graphique. L'objectif était de construire une interface où la logique physique reste lisible : un disque qui tourne, un bras qui accompagne l'avancement d'une piste, des vitesses 33T et 45T, un pitch lié à la lecture, puis une manipulation directe du disque pour le scratch.

Identité graphique

J'ai défini l'identité visuelle PCd-1210, le branding, les proportions générales, la hiérarchie de l'interface, les états lumineux et la cohérence entre la platine et Ma Discothèque. Le travail sur les favicons et le SVG animé prolonge cette identité jusque dans l'onglet et l'installation PWA.

Conception de l'expérience

Les interactions ont été pensées autour d'actions compréhensibles sans mode d'emploi lourd : lancer ou arrêter un titre, déplacer le bras, modifier la vitesse, régler le pitch, faire défiler les pochettes, sélectionner un disque et le manipuler directement.

Développement par itérations

Le projet a progressé par versions successives. Chaque étape a servi à consolider la lecture, les imports, la playlist, le bras, le pitch, le scratch, la discothèque, les modules audio et le responsive. Cette méthode a permis de conserver ce qui fonctionnait déjà tout en corrigeant des points précis.

Une PWA volontairement simple à déployer

PCd-1210 repose sur HTML, CSS et JavaScript natifs. La version de production n'impose aucune compilation. Le manifest, le service worker et les ressources locales permettent un déploiement direct sur un hébergement mutualisé IONOS par FileZilla.

Ma Discothèque, du swipe au gyroscope

La bibliothèque n'est pas présentée comme une grille administrative. Les pochettes restent carrées et défilent horizontalement. Le swipe reste la manipulation principale sur téléphone. Un contrôle gyroscopique peut compléter ce geste : incliner le téléphone vers la gauche ou la droite déplace le rail dans le même sens, tandis que le doigt permet d'affiner immédiatement la sélection.

Le rôle de la platine virtuelle

Le plateau, le bras et le disque ne sont pas seulement décoratifs. Ils servent de représentation de la lecture. Le pitch et les modes 33T/45T influencent la vitesse, le bras suit la progression sur la zone utile du disque et le scratch permet de déplacer la lecture en manipulant directement le vinyle.

Choix technique important : les fichiers audio directs et importés peuvent passer par Web Audio pour les traitements compatibles. YouTube reste contrôlé via son lecteur et son API. L'application ne prétend pas appliquer un traitement audio impossible au flux isolé d'une iframe.

Mon rôle, de l'idée à la mise en ligne

J'ai porté le projet depuis son idée initiale jusqu'à sa mise en ligne : définition du concept, identité graphique, conception de l'expérience, choix fonctionnels, prototypage, suivi et itération du développement, tests, corrections responsive, préparation de la PWA et déploiement. PCd-1210 conserve les crédits du projet à Alban & Emilio DESBARAX.

Technologies et contraintes

  • HTML natif
  • CSS responsive
  • JavaScript natif
  • Web Audio API
  • YouTube Player API
  • PWA
  • Service Worker
  • DeviceOrientation
  • Pointer Events
  • IONOS mutualisé

Un projet encore évolutif

La priorité reste une expérience 2D rapide, cohérente et compatible avec le plus grand nombre de périphériques. Le code conserve des points d'accroche pour une future intégration d'un vrai modèle 3D interactif inspiré d'une Technics SL-1210/MK2, mais cette partie n'est pas présentée comme une fonctionnalité disponible tant qu'elle n'est pas finalisée.

Tester, consulter et soutenir

L'application peut être testée directement depuis PCdlabs. Le dépôt GitHub permettra de consulter la structure du projet et ses évolutions. Le lien Buy Me a Coffee permet de soutenir le temps consacré à la conception, aux tests et aux nouvelles expérimentations.

Ouvrir l'application GitHub Buy Me a Coffee

Cet article PCd 1210 Virtual Direct Drive – infos est apparu en premier sur Présent Composé design.

]]> Spotbaignade https://presentcomposedesign.fr/spotbaignade/ Fri, 17 Jul 2026 14:21:54 +0000 https://presentcomposedesign.fr/?p=36638 Cet article Spotbaignade est apparu en premier sur Présent Composé design.

]]> Cet article Spotbaignade est apparu en premier sur Présent Composé design.

]]> Yggdrasil https://presentcomposedesign.fr/yggdrasil/ Mon, 20 Apr 2026 10:39:50 +0000 https://presentcomposedesign.fr/?p=36494 YGGDRASIL — PCdlab 2026 Yggdrasil Plante un arbre. Nourris-le. Sauve la planète. Commencer Nouvelle partie 🌿 Croissance 0% Graine 💧 Eau utilisée 0 L   🪣 5.2 mL/s Mode Éco Actif : Empreinte Graphique Minimale SOBRIÉTÉ ÉCO (N&B) 5.2 mL/s RICHE COULEUR (DÉTAIL) 87.6 mL/s 🤲 Creuser 🌰 Planter 🫳 Recouvrir 💧 Arroser 📖 Réfléchir i × 🌳 YGGDRASIL — PCdlab 2026 Souris / Clavier 🖱️ Glisser → Orbiter autour de l’arbre ⚙️ Molette → Zoom avant / arrière Ctrl+Maj+R → Réinitialiser la partie Tactile 👆 1 doigt glissé → Orbiter 🤏 2 doigts pincés → Zoom Quest 3 — Hand Tracking ✊ Pincer (index+pouce) → Arroser 🤚 Mains visibles → Curseur goutte 3D AR → Placer l’arbre dans l’espace réel Mode Affichage 🌑 Sobriété N&B = 5.2 mL/s 🌈 Riche Couleur = 87.6 mL/s PCdlab 2026 · PrésentComposédesignCode : Claude Sonnet × Anthropic 📖 La Vérité sur ton Arbre Je comprends 🌱

Cet article Yggdrasil est apparu en premier sur Présent Composé design.

]]>
YGGDRASIL — PCdlab 2026

Yggdrasil

Plante un arbre. Nourris-le. Sauve la planète.

🌿 Croissance 0% Graine
💧 Eau utilisée 0 L  
🪣 5.2 mL/s Mode Éco Actif : Empreinte Graphique Minimale
SOBRIÉTÉ ÉCO (N&B) 5.2 mL/s
RICHE COULEUR (DÉTAIL) 87.6 mL/s

Cet article Yggdrasil est apparu en premier sur Présent Composé design.

]]> spz https://presentcomposedesign.fr/spz/ Fri, 10 Apr 2026 08:18:05 +0000 https://presentcomposedesign.fr/?p=36271 Initialisation Ouvrir en AR / VR Position & Echelle X0.00 Y0.00 Z0.00 Echelle Reglages Ambiant0.70 Lumiere0.90 Opacite1.00 Brillance0.40 Reflexion0.20 Medias Video Plat 360 Sphere Cylindrique Cubique Taille3.0 Charger video Retirer video Image Plat 360 Sphere Cylindrique Cubique Taille3.0 Charger image Retirer image Audio Volume0.80 Charger audio Triggers XR GPS —, — Rayon m50 Activer GPS + Zone ici Image Tracker Largeur m0.20 Ajouter tracker  Anim Aucune Tourniquet Flottement Respiration Expansion Suivre souris Orbite douce Scroll Zoom pulse Apparition GlisserRotation ScrollZoom Shift+dragPan Dbl-clicReset

Cet article spz est apparu en premier sur Présent Composé design.

]]>
Initialisation

Ouvrir en AR / VR

Position & Echelle
0.00
0.00
0.00
Reglages
0.70
0.90
1.00
0.40
0.20
Medias
Video
3.0
Image
3.0
Audio
0.80
Triggers XR
GPS
---, ---
50
Image Tracker
0.20
GlisserRotation ScrollZoom Shift+dragPan Dbl-clicReset

Cet article spz est apparu en premier sur Présent Composé design.

]]> Paper plane https://presentcomposedesign.fr/paper-plane-mode_for_arrival-space/ Fri, 27 Mar 2026 01:19:08 +0000 https://presentcomposedesign.fr/?p=36135 Click here 🡡 from your VR headset Paper Plane in VR ᯅ Plein écran 🗖 Paper Plane Mon tout premier plugin Arrival.Space. Un avatar universel pour le web immersif. Le concept Paper Plane est parti d’une question simple : et si le meilleur avatar était aussi le plus universel ? Pas de personnage genré, pas de corps humanoïde. Juste un avion en papier, instinctif et léger, qui traverse librement chaque monde d’Arrival.Space. Pourquoi un avion en papier ? Tout le monde en a plié un. Tout le monde en a lancé un. C’est peut-être l’objet le plus démocratique qui existe. En tant qu’avatar, il efface toute friction d’identification : pas d’âge, pas de genre, pas de skin à choisir. Du mouvement pur, et une liberté totale d’exploration. De SplatGate à Paper Plane Ce projet s’appuie sur toute l’expertise en Gaussian Splatting que j’ai construite avec SplatGate. Paper Plane, c’est mon premier pas dans l’écosystème Arrival.Space, un nouveau terrain pour pousser les limites du web immersif, du spatial computing et du vibe coding. 🧊 Gaussian Splatting 🌐 Web Immersif Full VR available Experience -ᯅ- ✔️ Explorer les univers gagnants Essayer Paper Plane Soutenir / Remercier Organisé par Arrival.Space & CHOICE DAO

Cet article Paper plane est apparu en premier sur Présent Composé design.

]]>
Click here 🡡 from your VR headset
Paper Plane in VR ᯅ Plein écran 🗖
3rd Place - New Worlds and Splats Open Call

Paper Plane

Mon tout premier plugin Arrival.Space. Un avatar universel pour le web immersif.

Le concept

Paper Plane est parti d'une question simple : et si le meilleur avatar était aussi le plus universel ? Pas de personnage genré, pas de corps humanoïde. Juste un avion en papier, instinctif et léger, qui traverse librement chaque monde d'Arrival.Space.

Pourquoi un avion en papier ?

Tout le monde en a plié un. Tout le monde en a lancé un. C'est peut-être l'objet le plus démocratique qui existe. En tant qu'avatar, il efface toute friction d'identification : pas d'âge, pas de genre, pas de skin à choisir. Du mouvement pur, et une liberté totale d'exploration.

De SplatGate à Paper Plane

Ce projet s'appuie sur toute l'expertise en Gaussian Splatting que j'ai construite avec SplatGate. Paper Plane, c'est mon premier pas dans l'écosystème Arrival.Space, un nouveau terrain pour pousser les limites du web immersif, du spatial computing et du vibe coding.

🧊 Gaussian Splatting 🌐 Web Immersif Full VR available Experience -ᯅ- ✔️
Explorer les univers gagnants Essayer Paper Plane Soutenir / Remercier
Organisé par
Arrival.Space & CHOICE DAO

Cet article Paper plane est apparu en premier sur Présent Composé design.

]]> Labs https://presentcomposedesign.fr/labs/ Mon, 16 Mar 2026 15:19:07 +0000 https://presentcomposedesign.fr/?p=35979 PCdlabs · Présent Composé design Applications & expériences Carrousel Grille Liste Faites glisser pour tourner · Touchez la carte de face pour l’ouvrir © PCdlabs · Présent Composé design .dev presentcomposedesign.fr Mode développeur Code d’accès Annuler Entrer Mode développeur Réglages Appliqués tout de suite et enregistrés dans ce navigateur, sur cet appareil seulement. Pour qu’ils valent pour tous les visiteurs, copiez la configuration en bas dans le bloc Elementor. Sélecteur d’affichageBoutons Carrousel, Grille, Liste Affichage par défaut Carrousel Grille Liste ThèmeAuto suit le réglage du navigateur Auto Sombre Clair Défilement latéral à la moletteOrdinateur : la molette fait tourner le carrousel au lieu de faire défiler la page Taille du carré 58 % Rotation automatiqueDélai sans interaction avant que le carrousel tourne seul (salon) 20 s Clic sur la carte Application Article Liens dans un nouvel onglet Configuration pour le bloc ElementorÀ remplacer dans la balise <section …> Copier Quitter le mode développeur Réinitialiser Terminé

Cet article Labs est apparu en premier sur Présent Composé design.

]]>

PCdlabs · Présent Composé design

Applications & expériences

Faites glisser pour tourner · Touchez la carte de face pour l'ouvrir

Mode développeur

Code d'accès

Cet article Labs est apparu en premier sur Présent Composé design.

]]> Formations https://presentcomposedesign.fr/formations/ Sat, 14 Mar 2026 12:46:14 +0000 https://presentcomposedesign.fr/?p=35941 Formations / Présent Composé Design ✓ Guide débloqué ! ✕🎨 Formation Découverte IA Débloquez le guide Entrez vos coordonnées pour accéder au guide sélectionné. PrénomNomEmailTéléphone (optionnel)Vous êtes· Choisissez ·Étudiant·ePro du design / créatifPro (autre secteur)Entrepreneur·eCurieux·se / DécouverteSecteur d’activitéCode d’accès (fourni par le formateur)Accéder au guide → 🔒 Données utilisées uniquement pour cette formation. Formations Présent Composé Design / Alban Desbarax Formations Présent Composé Design / Alban Desbarax Ateliers & Ressources 🎨 TOP 10 Applications IA Génératives 2026 Les meilleures apps gratuites (téléphone & desktop) pour générer des images et vidéos facilement avec l’IA. Guide interactif avec démos vidéo. GRATUIT · Guide interactif · 11 apps testées 💻 TOP 25 Applications Open Source à installer en 2026 La sélection essentielle des logiciels gratuits & open source pour la création 3D, audio, vidéo, design, impression 3D, code créatif et productivité. GRATUIT · 25 logiciels · 7 catégories · Liens de téléchargement 🎬 Storyboard & virtual production IA TOOLBOX 20 outils IA et 100 termes techniques pour la création de storyboards. Glossaire interactif, prompts prêts à l’emploi, liens et demos. GRATUIT · 20 outils · 100 termes · 2 onglets ⚡ Claude Vibecoding — Guide complet Maîtriser Claude dans le navigateur et dans VS Code. Workflows, prompts-clés, pièges à éviter, méthodes d’itération rapide pour créatifs qui codent. GRATUIT · 15 fiches · Navigateur · VS Code · Prompts à copier ← Retour aux formations ★ Incontournable / Assistant IA quotidien ★Mistral AI (Le Chat)Web · iOS · Android Assistant IA français polyvalent : texte, recherche, résumé, analyse. Idéal pour la productivité quotidienne. TexteRechercheAnalyse▶ DemoAccéder → 🖼️ Images / Génération & édition 1ChatGPT + DALL·EWeb · iOS · Android Génération d’images réalistes via GPT-4o. ~3 images/jour en gratuit. Texte lisible dans les images. ImagesTexte▶ DemoAccéder → 2Google Gemini + Veo 3.1Web · iOS · Android IA multimodale Google. Images (Nano Banana) et vidéos HD avec audio natif via Flow. Gratuit et puissant. ImagesVidéosAudio▶ DemoAccéder → 3Canva IAWeb · iOS · Android Suite de design avec images (Média Magique) et vidéos IA (Veo-3). Intuitive, idéale pour débutants. ImagesVidéosDesign▶ DemoAccéder → 4Adobe FireflyWeb · Desktop Générateur images/vidéos premium d’Adobe. 25 crédits gratuits/mois. Remplissage génératif et retouche. ImagesVidéosRetouche▶ DemoAccéder → 🎬 Vidéos / Génération & animation 5Luma AI (Dream Machine)Web · iOS · Android Génération vidéo réaliste à partir de texte ou d’images. Capture 3D photoréaliste avec téléphone. Vidéos3D▶ DemoAccéder → 6Runway (Gen-4)Web · iOS Outil cinématographique. Vidéo à partir de texte, images ou clips. Productions réelles. VidéosCinéma▶ DemoAccéder → 7Leonardo AIWeb · iOS · Android Générateur d’images avec nombreux modèles. 150 tokens/jour gratuits. Assets visuels. ImagesAssets▶ DemoAccéder → 8IdeogramWeb · iOS · Android Maîtrise du texte dans les images. ~40 images/semaine gratuits. Résultats créatifs. ImagesTypographie▶ DemoAccéder → 9Microsoft CopilotWeb · iOS · Android DALL·E 3 gratuit et illimité via Microsoft. Aucune inscription nécessaire. ImagesIllimité▶ DemoAccéder → 10PikaWeb · iOS Vidéos courtes créatives pour réseaux sociaux. Interface simple. VidéosSocial▶ DemoAccéder → ← Retour aux formations 💻 TOP 25 Applications Open Source & Gratuites · PC 2026 🎮 3D · Moteurs · VR / XR Blender Suite 3D complète : modélisation, animation, rendu, compositing. Le standard open source. 3DAnimationRendu▶ DemoTélécharger ↓ Roblox Studio Créez vos propres jeux et expériences 3D. Plateforme massive de création interactive. Jeux3D▶ DemoTélécharger ↓ Unity / Unreal Engine Les deux moteurs de jeu de référence. Unity (C#) et Unreal (Blueprints/C++). Gratuits pour débuter. Jeux3DXR▶ DemoTélécharger ↓ Babylon.js Moteur 3D web open source par Microsoft. Créez des expériences 3D/WebXR dans le navigateur. Web3DWebXR▶ DemoTélécharger ↓ SideQuest Plateforme de sideloading pour Meta Quest. Accédez à des apps VR non officielles. VRQuest▶ DemoTélécharger ↓ 🎵 Audio · Musique · Son Reaper DAW professionnel ultra-léger. Licence d’évaluation illimitée. Plugins VST, MIDI, multitrack. DAWAudio▶ DemoTélécharger ↓ Ableton Live Lite DAW référence pour la musique électronique et le live. Version Lite gratuite avec instruments. DAWLive▶ DemoTélécharger ↓ Max MSP Environnement de programmation visuelle pour audio, MIDI, vidéo et médias interactifs. AudioVisuel▶ DemoTélécharger ↓ 🎬 Vidéo · Montage · Compositing DaVinci Resolve Suite pro complète : montage, étalonnage, VFX, mixage audio. Gratuit et très puissant. MontageVFXColor▶ DemoTélécharger ↓ CapCut Montage vidéo simple et efficace. Templates, effets, sous-titres auto. Idéal réseaux sociaux. MontageSocial▶ DemoTélécharger ↓ Natron Compositing node-based open source. Alternative à After Effects/Nuke pour le VFX. VFXCompositing▶ DemoTélécharger ↓ VLC Lecteur multimédia universel. Lit tous les formats, convertit, streame. Incontournable. LecteurConversion▶ DemoTélécharger ↓ 🎨 Design · Image · UI Figma Design d’interfaces, prototypage, collaboration temps réel. Version gratuite très généreuse. UI/UXPrototypage▶ DemoTélécharger ↓ Affinity Suite créative (Photo, Designer, Publisher). Alternative premium à Adobe, licence perpétuelle. DesignPhoto▶ DemoTélécharger ↓ XnView Visionneuse et convertisseur d’images. Supporte 500+ formats. Batch processing puissant. ImagesBatch▶ DemoTélécharger ↓ 🖨️ Impression 3D · Fabrication Bambu Studio Slicer officiel Bambu Lab. Profils optimisés, multi-couleur, interface moderne. SlicerFDM▶ DemoTélécharger ↓ Orca Slicer Fork communautaire de Bambu Studio. Compatible toutes imprimantes, très personnalisable. SlicerOpen Source▶ DemoTélécharger ↓ Cura (UltiMaker) Slicer universel le plus utilisé au monde. Marketplace de plugins, profils communautaires. SlicerUniversel▶ DemoTélécharger ↓ ⚡ Code créatif · IA générative TouchDesigner Programmation visuelle temps réel pour installations interactives, VJing, mapping. InteractifTemps réel▶ DemoTélécharger ↓ Processing Langage de programmation créative. Idéal pour apprendre le code par le visuel. CodeArt▶ DemoTélécharger ↓ Arduino Plateforme électronique open source. IDE + cartes pour prototypage interactif. ÉlectroniqueIoT▶ DemoTélécharger ↓ ComfyUI Interface node-based pour Stable Diffusion. Workflows visuels pour la génération d’images IA. IAStable Diffusion▶ DemoTélécharger ↓ 🔧 Outils · Productivité · Communication Visual Studio Code Éditeur de code le plus populaire. Extensions, Git, terminal intégré, IA (Copilot). CodeIDE▶ DemoTélécharger ↓ OpenOffice Suite bureautique complète et gratuite. Writer, Calc, Impress. Alternative à Microsoft Office. BureauDocs▶ DemoTélécharger ↓ Discord Plateforme de communication. Salons vocaux/texte, partage d’écran, bots, communautés. ChatCommunauté▶ DemoTélécharger ↓ ← Retour aux formations 🎬 STORYBOARD & VIRTUAL PRODUCTION IA TOOLBOX e.classList.remove(‘active’));this.classList.add(‘active’);document.getElementById(‘sb-outils’).classList.add(‘active’) »>🛠 Outils (20) e.classList.remove(‘active’));this.classList.add(‘active’);document.getElementById(‘sb-glossaire’).classList.add(‘active’) »>📖 Glossaire (100) 🖼️ Génération d’images 1ComfyUIGratuit Interface node-based pour Stable Diffusion et Flux. Workflows visuels puissants pour la génération d’images IA. Personnalisation totale, ControlNet, IP-Adapter, cohérence entre panels. Workflow visuelStable DiffusionControlNetCohérence▶ DemoAccéder →this.style.outline= »,1000) » data-p= »ControlNet pose + IP-Adapter style: Generate storyboard panel,

Cet article Formations est apparu en premier sur Présent Composé design.

]]>
Formations / Présent Composé Design
✓ Guide débloqué !
✕
🎨 Formation Découverte IA

Débloquez le guide

Entrez vos coordonnées pour accéder au guide sélectionné.

🔒 Données utilisées uniquement pour cette formation.

PCD

Formations

Présent Composé Design / Alban Desbarax

Ateliers & Ressources

🎨 TOP 10 Applications IA Génératives 2026

Les meilleures apps gratuites (téléphone & desktop) pour générer des images et vidéos facilement avec l'IA. Guide interactif avec démos vidéo.

GRATUIT · Guide interactif · 11 apps testées

💻 TOP 25 Applications Open Source à installer en 2026

La sélection essentielle des logiciels gratuits & open source pour la création 3D, audio, vidéo, design, impression 3D, code créatif et productivité.

GRATUIT · 25 logiciels · 7 catégories · Liens de téléchargement

🎬 Storyboard & virtual production IA TOOLBOX

20 outils IA et 100 termes techniques pour la création de storyboards. Glossaire interactif, prompts prêts à l'emploi, liens et demos.

GRATUIT · 20 outils · 100 termes · 2 onglets

⚡ Claude Vibecoding — Guide complet

Maîtriser Claude dans le navigateur et dans VS Code. Workflows, prompts-clés, pièges à éviter, méthodes d'itération rapide pour créatifs qui codent.

GRATUIT · 15 fiches · Navigateur · VS Code · Prompts à copier
← Retour aux formations
★ Incontournable / Assistant IA quotidien
★
Mistral AI (Le Chat)Web · iOS · Android

Assistant IA français polyvalent : texte, recherche, résumé, analyse. Idéal pour la productivité quotidienne.

TexteRechercheAnalyse
▶ DemoAccéder →
🖼️ Images / Génération & édition
1
ChatGPT + DALL·EWeb · iOS · Android

Génération d'images réalistes via GPT-4o. ~3 images/jour en gratuit. Texte lisible dans les images.

ImagesTexte
▶ DemoAccéder →
2
Google Gemini + Veo 3.1Web · iOS · Android

IA multimodale Google. Images (Nano Banana) et vidéos HD avec audio natif via Flow. Gratuit et puissant.

ImagesVidéosAudio
▶ DemoAccéder →
3
Canva IAWeb · iOS · Android

Suite de design avec images (Média Magique) et vidéos IA (Veo-3). Intuitive, idéale pour débutants.

ImagesVidéosDesign
▶ DemoAccéder →
4
Adobe FireflyWeb · Desktop

Générateur images/vidéos premium d'Adobe. 25 crédits gratuits/mois. Remplissage génératif et retouche.

ImagesVidéosRetouche
▶ DemoAccéder →
🎬 Vidéos / Génération & animation
5
Luma AI (Dream Machine)Web · iOS · Android

Génération vidéo réaliste à partir de texte ou d'images. Capture 3D photoréaliste avec téléphone.

Vidéos3D
▶ DemoAccéder →
6
Runway (Gen-4)Web · iOS

Outil cinématographique. Vidéo à partir de texte, images ou clips. Productions réelles.

VidéosCinéma
▶ DemoAccéder →
7
Leonardo AIWeb · iOS · Android

Générateur d'images avec nombreux modèles. 150 tokens/jour gratuits. Assets visuels.

ImagesAssets
▶ DemoAccéder →
8
IdeogramWeb · iOS · Android

Maîtrise du texte dans les images. ~40 images/semaine gratuits. Résultats créatifs.

ImagesTypographie
▶ DemoAccéder →
9
Microsoft CopilotWeb · iOS · Android

DALL·E 3 gratuit et illimité via Microsoft. Aucune inscription nécessaire.

ImagesIllimité
▶ DemoAccéder →
10
PikaWeb · iOS

Vidéos courtes créatives pour réseaux sociaux. Interface simple.

VidéosSocial
▶ DemoAccéder →
Présent Composé Design / Alban Desbarax
12, bis rue Louis Plana 31500 Toulouse · +33 (0) 683 949 667 · · SIREN : 789 583 242 000 35

📋 Participants 0

Visible uniquement sur votre navigateur

Cet article Formations est apparu en premier sur Présent Composé design.

]]>