Exercice 1 — Géolocalisation
Utilisation de getCurrentPosition et watchPosition pour récupérer
la position de l’utilisateur et afficher les données en temps réel.
Retrouvez ici tous les exercices réalisés pendant le cours d'Initiation au Multimédia.
Utilisation de getCurrentPosition et watchPosition pour récupérer
la position de l’utilisateur et afficher les données en temps réel.
Affichage d’une carte OpenStreetMap centrée sur votre position, marqueur « Ma position », marqueur sur Nice (centre) et polygone du Triangle des Bermudes.
Ouvrir l’exerciceCouches alternatives, cercle de précision de la géolocalisation, distance Haversine Marseille ↔ Nice et intégration de données publiques (GeoJSON).
Ouvrir l’exerciceScène 3D avec caméra, éclairages et ombres. Cube texturé par une vidéo, import d’un modèle STL, slider d’échelle et particules de pluie. Gestion de matériaux dynamiques et rendu temps réel.
Ouvrir le projetScène Babylon.js avec îles flottantes réparties en sphère, ciel jour/nuit selon la position du soleil et de la lune (avec ombres), wallpaper de nuages en profondeur et océan low-poly texturé. Navigation à la souris : rotation, zoom et déplacement (pan).
Ouvrir le projetVisualisation sur une carte interactive et un globe 3D. Sélection d’un pays pour centrer la carte, contrôle du mode jour/nuit, billboard pour les drapeaux et sphères 3D pour les marqueurs. Ensemble des fonctionnalités avancées pour explorer la géolocalisation avec Three.js et Leaflet.
Ouvrir l’exerciceCette page est publiée via GitHub Pages et versionnée avec Git.