Mini jeux et expériences 3D dans le navigateur | webgl.fr

Mini jeux et expériences 3D dans le navigateur

Un lien, aucune installation, aucun plugin. Vos visiteurs jouent et explorent directement dans la page, sur téléphone, tablette et ordinateur.

En une minute

Ce qu'il est possible de faire

Le navigateur du visiteur sait afficher de la 3D temps réel depuis plus de dix ans. Pas de téléchargement, pas d'application, pas de store. Vous envoyez un lien, l'expérience démarre.

Personnages animés, environnements explorables, interactions au doigt ou au clavier. Tout ce que vous voyez ici tourne dans un simple onglet.

Lancer la vidéo
0:00
Productions du studio

Quatre expériences à lancer

Chaque aperçu tourne en boucle ci dessous. Le bouton ouvre l'expérience complète en plein écran, dans un nouvel onglet.

Mini jeu · Événementiel

Viking, le concours des brasseurs

Une île entièrement modélisée à explorer librement. Quatorze brasseurs à retrouver, des pièces à collecter et une fiche détaillée pour chacun.

Île 3DCollectiblesJoystick mobileVue carte
Lancer l'aventure Chargement d'environ une minute au premier lancement
Invitation interactive

Le faire part devenu mini jeu

Un seul lien envoyé aux invités, qui découvrent le lieu, les horaires et les vidéos en parcourant une scène 3D au lieu de lire un carton.

Scène 3DVidéos intégréesInfos pratiquesiOS compatible
Lancer la démo Chargement d'environ une minute au premier lancement
Jeu éducatif

Le jeu des couleurs

Un univers coloré pensé pour les enfants, où l'on découvre couleurs et formes en explorant. Interface simple, joystick tactile, aucune lecture requise.

Jeune publicExploration libreMobile et desktop
Lancer le jeu Chargement d'environ une minute au premier lancement
Monde explorable

Neon, monde 3D à explorer

Vous incarnez un personnage et parcourez librement un environnement en vue troisième personne. Une voix off vous accompagne et présente ce que permet le WebGL.

Vue 3e personneVoix offExploration libreGamification
Entrer dans le monde Chargement d'environ une minute au premier lancement
Démonstration immédiate

Vos objets en 3D manipulable

Aucun chargement, aucun bouton. Ces modèles tournent déjà dans la page. Faites glisser pour les orienter, réglez le zoom, passez en filaire pour voir la structure.

Produit, équipement, bâtiment, anatomie ou personnage de marque. Le même principe s'applique à tout ce qui se modélise.

Chargement
Glisser pour tourner
Zoom
Compatibilité

Trois niveaux selon vos appareils cibles

Le rendu 3D dépend du matériel et du navigateur du visiteur. Le niveau se choisit en fonction du public réel, pas de l'idéal technique.

01

Universel

  • Tous navigateurs, Safari iOS inclus
  • Téléphones anciens acceptés
  • Aucune restriction GPU
  • Chargement le plus rapide
02

Game

  • Chrome, Firefox, Edge, Safari
  • PC, Mac et Android récents
  • Lumières et effets dynamiques
  • Le meilleur compromis
03

WebGPU

  • Chrome 113+ et Edge 113+
  • Safari 18+ sur Mac
  • Ordinateur uniquement
  • Rendu proche du jeu vidéo
Niveau 03, le plus élevé

WebGPU, la puissance d'un vrai moteur de jeu

WebGPU exploite directement la carte graphique du visiteur. Éclairages dynamiques, matériaux photoréalistes, animations complexes, mondes ouverts. Le niveau à retenir pour vos bornes interactives et vos pupitres d'affichage, là où la qualité visuelle prime sur la compatibilité.

Ce que le niveau 03 permet

  • Éclairage dynamique et ombres temps réel
  • Matériaux photoréalistes
  • Animations et personnages complexes
  • Environnements ouverts de grande taille

Où ça fonctionne

Chrome 113+Edge 113+Safari 18+ PC WindowsMac

Non disponible sur téléphone. Pour un public mobile, on retient les niveaux 01 ou 02.

À savoir

Les démonstrations WebGPU du studio sont en cours de préparation, la technologie étant très récente. Pour vous donner un point de comparaison en attendant, voici Factory Training, une démonstration officielle publiée par Unity. Ce n'est pas une réalisation du studio, elle sert uniquement à illustrer le niveau de rendu que permet WebGPU.

Voir la démo Unity, PC uniquement
Les formats possibles

Cinq façons de transformer un message en jeu

Le format se choisit selon ce que le visiteur doit retenir, et selon le temps qu'il est prêt à y consacrer.

Format 01

Chasse aux objets

Le visiteur explore librement un environnement et retrouve des éléments cachés. Chaque objet trouvé déclenche une information, une vidéo ou une offre.

Durée typique, 2 à 5 minutes
Format 02

Parcours chronométré

Un circuit à terminer le plus vite possible. Le chrono crée la tension, le classement crée la rejouabilité et fait revenir les participants.

Durée typique, 1 à 3 minutes
Format 03

Quiz en environnement 3D

Les questions sont posées dans la scène, pas dans un formulaire. Le visiteur se déplace vers la bonne réponse au lieu de cocher une case.

Durée typique, 3 à 6 minutes
Format 04

Repérage de risques

Une scène de travail contient des situations dangereuses à identifier. Le visiteur clique, se trompe, comprend. Format éprouvé en prévention et en formation.

Durée typique, 5 à 10 minutes
Format 05

Découverte narrative

Un parcours guidé où un personnage accompagne le visiteur, avec dialogues, séquences vidéo et galeries d'images intégrées dans la scène.

Durée typique, 4 à 8 minutes
Sur mesure

Votre format

Ces cinq formats sont des points de départ, pas un catalogue. Les mécaniques se combinent selon votre objectif et votre public.

En discuter
Plateforme développée par le studio

Cartomapix, la 3D interactive déjà en production

Au delà des projets sur mesure, le studio a conçu et développé sa propre plateforme de plans 3D interactifs. Modélisation, moteur de rendu, points d'intérêt, géolocalisation, back office et hébergement. Tout est produit en interne.

Le visiteur scanne un QR code, la carte s'ouvre dans son navigateur. Aucune application à installer, aucun compte à créer.

QR codeOuverture instantanée
Temps réelRendu dans le navigateur
MultilinguePublic international
Parcs de loisirsCampingsMusées Offices de tourismeCentres commerciaux
Découvrir Cartomapix
Cartomapix, plans 3D et solutions interactives pour parcs, campings et musées
Ce qui compose un jeu

Les briques disponibles

Chaque projet assemble les mécaniques utiles à son objectif. Aucune n'est imposée.

Contrôles

  • Joystick tactile sur mobile
  • Clavier ZQSD et souris sur desktop
  • Caméra libre, orbite et zoom
  • Clic direct sur objets et personnages

Gamification

  • Score en temps réel
  • Objets à collecter
  • Chronomètre et défis
  • Classement des meilleurs scores
  • Badges et contenus à débloquer

Contenu

  • Vidéos en surimpression
  • Galeries photo dans la scène
  • Dialogues et textes narratifs
  • Audio ambiant et sons positionnés
  • Boutons d'action vers vos pages

Environnement

  • Monde ouvert ou parcours guidé
  • Vos espaces modélisés sur mesure
  • Cycle jour nuit et ombres temps réel
  • Ciel et ambiance personnalisés
  • Vue carte aérienne

Déploiement

  • Intégration WordPress et Elementor
  • Build autonome sur votre serveur
  • Accès restreint par code ou domaine
  • Multilingue

Suivi

  • Temps passé dans l'expérience
  • Interactions déclenchées
  • Taux de complétion
  • Mises à jour sans rebuild
Direction artistique

Modélisation et illustration 3D

Tous les décors, personnages et objets présentés sur ce site sont produits en interne. Modélisation, texturing, éclairage et rendu.

Réglages galerie, visible uniquement dans l'éditeur

Dossiers à afficher
Seuls les dossiers cochés apparaîtront. Les nouveaux dossiers FileBird seront invisibles par défaut.

Vidéos YouTube

Ce que produit le studio

Quatre types de projets

De la modélisation à la mise en ligne, tout est réalisé en interne. Aucune sous traitance.

Mini jeux et serious games

Un environnement 3D jouable intégré dans votre page. Objectifs, score, classement, récompenses. Pensé pour retenir l'attention et faire retenir votre message.

Formation, prévention, campagne de marque

Expériences 3D pour entreprises

Visite virtuelle, démonstrateur produit, configurateur, présentation interactive. Vos espaces et vos produits modélisés et explorables dans le navigateur.

Industrie, immobilier, tourisme, retail

Plans et espaces 3D navigables

Un plan 3D de votre site, ouvert par une URL ou un QR code, avec points d'intérêt cliquables et repérage du visiteur.

Sites étendus, événements, lieux ouverts au public

Illustration et animation 3D

Modélisation, texturing, rigging, animation de personnages, mascottes sur mesure, rendus fixes et séquences vidéo. Livrables print, web ou temps réel.

Direction artistique, identité de marque
Qui réalise vos projets

Vingt ans de production graphique et 3D

  • Marc Williams, fondateur Directeur artistique et développeur. Je conçois, je modélise et je développe. Un seul interlocuteur du premier échange à la mise en ligne.
  • Six ans en interne chez un industriel de la sécurité Production de modules de formation 3D et de supports de prévention des risques. Contenus soumis à confidentialité, non diffusables publiquement.
  • Studio indépendant, Bouc-Bel-Air Projets WebGL, expériences 3D et illustration. Aix-en-Provence, Marseille et partout en France à distance.

Le studio maîtrise l'ensemble de la chaîne de production, de la modélisation au déploiement web, sans dépendance à un prestataire externe.

Unity 6Unreal Engine 5Three.jsWebGL WebGPUCinema 4DSubstance PainterCharacter Creator iCloneMotion CapturePhotogrammétrieGaussian Splatting WordPressPHP
Vos questions

Questions fréquentes

Qu'est ce qu'une expérience WebGL ?
Un rendu 3D affiché directement dans le navigateur, sans plugin ni téléchargement. Le visiteur ouvre un lien et l'expérience démarre. Cela couvre aussi bien un mini jeu qu'une visite virtuelle ou un plan interactif.
Sur quels appareils cela fonctionne ?
Ordinateurs, smartphones iOS et Android, tablettes. Le niveau graphique est choisi en fonction des appareils réellement utilisés par votre public, ce qui évite les mauvaises surprises sur les téléphones plus anciens.
Pourquoi le premier chargement est il long ?
Une expérience 3D complète télécharge son moteur, ses modèles et ses textures en une seule fois. Comptez environ une minute au premier lancement, puis quelques secondes lors des visites suivantes grâce au cache du navigateur.
Combien coûte un projet ?
À partir de 2 000 euros. Le budget dépend de la complexité, du niveau graphique et des mécaniques d'interaction. Le devis est établi après analyse de vos besoins.
Quel est le délai de réalisation ?
Cinq jours pour un projet simple. Plusieurs semaines pour un serious game complet ou un environnement étendu. Un planning détaillé accompagne chaque devis.
Dois je fournir les modèles 3D ?
Non. Le studio produit l'ensemble des assets. Si vous disposez déjà de modèles, de plans ou de photos, ils sont intégrés au projet.
Comment se passent les mises à jour ?
Les modifications sont déployées côté serveur. À leur visite suivante, vos utilisateurs voient automatiquement la nouvelle version. Aucune action de leur part.
Pourquoi certains projets ne sont pas visibles sur le site ?
Une partie des travaux réalisés relève d'accords de confidentialité et ne peut pas être publiée. Les expériences présentées ici sont directement représentatives du niveau technique et graphique produit par le studio.
Pour vos événements

Le même projet, aussi en casque VR

Grâce à WebXR, votre expérience tourne dans le navigateur pour le grand public et bascule en immersion totale sur casque pour vos salons et démonstrations. Une seule base de code, pas de double développement.

Expérience en réalité virtuelle produite par le studio, vue depuis un casque
Mode navigateur

Accessible partout

Une simple adresse web, ouverte depuis n'importe quel téléphone, tablette ou ordinateur. C'est le mode grand public.

Mode casque

Immersion totale

Build dédié, optimisé pour tourner à soixante douze images par seconde stables. Confort visuel garanti, sans nausée. Livré prêt à installer sur vos casques, quel que soit le modèle.

Environnement

  • Vos espaces recréés à l'échelle 1 pour 1
  • Monde ouvert ou parcours guidé
  • Ciel et ambiance personnalisés
  • Vidéo 360 degrés intégrée

Interaction

  • Manettes et contrôleurs natifs
  • Suivi des mains sans manette
  • Téléportation pour éviter la nausée
  • Objets à saisir et inspecter
  • Audio spatialisé

Événementiel

  • Plusieurs casques en simultané
  • Score, objectifs et collectibles
  • Chronomètre et classement
  • Interface multilingue
  • Version PC VR haut de gamme

Les expériences VR déjà produites restent la propriété exclusive de leurs commanditaires et ne sont pas diffusables en ligne. Je vous les présente volontiers lors d'un rendez vous.

Tout savoir sur la VR
Disponible pour vos projets

Prêt à passer en 3D ?

Décrivez votre projet en quelques lignes. Vous recevez une première estimation et un avis technique honnête sur sa faisabilité.

marcwilliamsaix@hotmail.com

Marc Williams Studio, Bouc-Bel-Air. Aix-en-Provence, Marseille et partout en France.

Nos solutions · Nos expertises · Notre savoir faire

Animation 3D Direction artistique Mini jeux Illustration 3D Serious Games Tournage vidéo Conception pédagogique Réalité Virtuelle Création graphique E-Learning Scénarisation interactive Shooting photos Réalité Augmentée Quiz interactifs Storyboard Production vidéo Réalité Mixte Simulateurs Prototypage rapide Vidéos interactives Recherche de risques Création de mascottes Photos professionnelles Expériences 3D Générique animé Formation professionnelle Vidéos 360 Expériences immersives Teaser 3D Prévention des risques WebGL Visite virtuelle Présentation interactive Événementiel interactif Immersion interactive Démo produit interactive Communication interne Avatar numérique Onboarding gamifié Personnage interactif Campagne de marque interactive Environnement temps réel Animation 3D Direction artistique Mini jeux Illustration 3D Serious Games Tournage vidéo Conception pédagogique Réalité Virtuelle Création graphique E-Learning Scénarisation interactive Shooting photos Réalité Augmentée Quiz interactifs Storyboard Production vidéo Réalité Mixte Simulateurs Prototypage rapide Vidéos interactives Recherche de risques Création de mascottes Photos professionnelles Expériences 3D Générique animé Formation professionnelle Vidéos 360 Expériences immersives Teaser 3D Prévention des risques WebGL Visite virtuelle Présentation interactive Événementiel interactif Immersion interactive Démo produit interactive Communication interne Avatar numérique Onboarding gamifié Personnage interactif Campagne de marque interactive Environnement temps réel

Mini jeux et expériences 3D interactives intégrés dans vos pages web. Basé à Bouc-Bel-Air, disponible partout en France.

© 2026 Marc Williams · Tous droits réservés