Réalité étendue et gamification
Entrepreneuriat digital & business School - Module de 15h
Présentation
Zapworks designer : outil de réalité augmentée en ligne
Multimédia et interaction
Insérer des textes, images, vidéos modèles3d animés...
Réalité augmenté en webAR
Expérience AR accessible depuis un QrCode pour voir des produits en réalité augmenté sans application
Intégration site internet
Le projet peut être inséré dans une balise iframe sur n'importe quel site
Suivi google analytic...
Exercices Zapworks Designer
Conseils utilisation de Zapworks Designer
- Utiliser les calques ("Layer" en bas à gauche) pour sélectionner facilement un objet dans la scène par liste
- Glisse les calques en 2d (image ou texte) du plus loin (dessous) au plus près (dessus) pour les organiser
- Utiliser des médias légers (5mo / média) pour ne pas ralentir l'expérience et son téléchargement (max 30mo)
- Choisir une Target Image avec visuels variés et riches (photo / texte) pour la stabilité de la reconnaissance
- Intégrer le QRCode dans la Target Image pour améliorer la reconnaissance de l'image
- Insérer le QRCode final sur votre imprimé, publié sur la page de votre projet et non celui temporaire du preview!
- Pour voir les modèles 3d dans windows, télécharger gratuitement le viewer
Ressources en ligne pour la création de contenus
Images 2d (.jpg, .png)
- Générer des images par IA avec bing creator en utilisant DALL·E 3
- Améliorer la qualité des images avec upscale.media
- Des images transparentes au format png à télécharger sur pngwing.com
- Un Photoshop gratuit dans le navigateur web avec Photopea
Modèles 3d (.glb)
- Télécharger un modèle 3d en .glb sur Sketchfab
- Générer un modèle 3d par prompt IA avec Genie de luma labs (illimité) ou bien avec meshy (credits)
- Visualiser un modèle 3d dans le navigateur web avec gltf-viewer
- Réduire la taille des modèles 3d pour les téléphones avec Rapid compact
- Scanner et créer un object en 3d depuis son téléphone avec Polycam
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 elai.io / vidnoz
- Créer un montage vidéo commenté sur une thématique par IA avec deepbrain.io
- Télécharger des fichiers audio / bruitages .mp3 sur freesound.org
Divers
- Générer un QrCode lié à un lien internet / médias / sms / contacts etc avec QR Code Generator
- Paramétrer Google analytic avec Zapworks Designer après avoir créer un tracking ID
- Créer des formulaires intelligents basés sur demande avec formless.ai
- Convertir des fichiers avec freeconvert
- Tester la stabilité d'une image Target avec Pictarize
Affiches AR (flasher QrCode de l'affiche en plein écran)
Exercices terminés (il est préférable d'avoir l'imprimé)
Exemple - Présentation de produits AR / Phygital
Exemple - présentation produits par IA
Exemple / packaging (flasher en plein écran)
Exemple divers avec Zapworks Designer...
Devoirs
Rendu 1 : Télécharger le devoir sur table. A rendre en cours ou à la fin du cours sur risdant@myges.fr
Rendu 2 : Télécharger le devoir final.