Une nouvelle démo 3D qui permet de comprendre la dilatation du temps lors d’un voyage dans l’espace. Vous choisissez la durée la vitesse de la fusée qui va décoller de la Terre (et aussi les durées d’accélération et décélération) et vous voyez en tant réel les différences de temps entre le référentiel de la fusée […]
Experience 3D « Time dilatation » Lire la suite »
Une autre démo 3D demo faite avec Three JS « Système solaire avec gravité Newtonienne » : Vous pouvez changer les masses, les positions et les vélocités du soleil, de la terre et de la lune. Et aussi définir la position de la caméra et de l’objet à suivre. Il est également possible de voir les trajectoires
Système solaire avec gravité Newtonienne Lire la suite »
Une petite démonstration 3D que j’ai appelé « Universe Experience » : Elle simule les interactions entre les particules dans notre univers. Vous pouvez changer leurs paramètres : nombre, masse et charge. Et aussi modifier les distances pour la gravité et le magnétisme. Développée avec Three JS et inspiré de cette vidéo « Artificial Particle Life » :
Universe Experience Lire la suite »
Qu’est ce que les websockets ? Définition de wikipédia : Le protocole WebSocket vise à développer un canal de communication bidirectionnel et full-duplex sur un socket TCP pour les navigateurs et les serveurs web. C’est une des technologies apportées par HTML5. En fait il s’agit de permettre l’ouverture d’une connexion réseau entre une page web
Les websocket – Tutoriel avec Node JS Lire la suite »
Qu’est ce que WebGL ? WebGL, voila une des grandes nouveautés qu’amène HTML5 ! En effet WebGL permet de faire tourner des applications 3D dans votre navigateur sans installation préalable d’un quelconque plugin (Flash ou Java pour ne citer qu’eux). Démonstration WebGL (CubicVR)
Utiliser WebGL avec CubicVR Lire la suite »
La balise video de HTML permet de lire directement une vidéo dans le navigateur. Une autre possibilité que propose HTML5 est de lire une vidéo dans un <canvas>. Cela peut avoir plusieurs avantages : modification de l’affichage (taille, découpe, etc…), ajout d’informations en surimpression de la vidéo, de filtres de couleurs, lecture de plusieurs vidéo
Utiliser la balise canvas pour lire une vidéo – HTML5 Lire la suite »
Une autre nouveauté proposé par le HTML5 va faire l’objet de ce tutoriel : le localStorage et le sessionStorage Définition et utilité Le localStorage et le sessionStorage permettent de faire sensiblement la même chose : stocker des données directement dans le navigateur, donc coté client. La différence entre les 2 est la même qu’il existe
HTML5 – Utiliser le localStorage Lire la suite »
Dans ce tutoriel nous allons voir comment réaliser un lecteur vidéo HTML5 personnalisé : voir la démonstration
Réaliser un lecteur vidéo HTML5 personnalisé Lire la suite »
XEngine est composé de 3 moteurs : graphique (2D), physique et audio. Je le développe depuis quelques temps et je me suis dit qu’il était temps de le partager. Il est écrit en Javascript et fonctionne avec HTML5 et notamment la balise <canvas>.
XEngine : moteur graphique/physique/audio (HTML5/Javascript) Lire la suite »
