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 »
Une petite démo de ce qu’on peut faire avec Three JS (moteur 3D webGL). Cliquez sur l’image pour accéder à la démo : Le site officiel de Three JS : https://threejs.org/ Un petit tuto pour bien débuter avec Three JS : https://www.alsacreations.com/tuto/lire/1572-webgl-3d-three-canvas-threejs.html
Iron Maiden 3D Concert (démo Three JS) Lire la suite »
Une petite démo WebGL crée avec l’excellente librairie BabylonJS : Je mettrais à jour régulièrement cet article au fur et à mesure de l’avancement du projet 🙂 Mise à jour du 01/02/2016 Ajout d’un papillon et d’un peu de végétation :
Island – Démo WebGL (Babylon JS) 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 le Responsive Web Design Le Responsive Web design est un terme que l’on rencontre de plus en plus souvent dernièrement. Sous ce terme se cache en fait un concept simple : le design d’un site ou d’une application web va s’adapter automatiquement à l’appareil (PC de bureau, Smartphone, IPad, etc) qui est
Responsive Web design et media queries 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 »
