Canvas 3D (WebGL) plus facile avec Three.js

Nous avons tous déjà vu des sites de grandes marques nous en mettant plein la vue avec des animations 3D interactives, ou des démonstrations technologiques qui font rêver. On pense ici à quelques berlines allemandes parfaitement modélisées qu’il est possible d’inspecter sous tous ses angles avec un simple mouvement de la souris... Bien souvent développées en Flash avec la librairie Papervision3D ces animations en jettent un max, mais restent dépendantes du plug-in d'Adobe qui est de moins en moins populaire et "incompatible" tablette et smartphone. Aujourd’hui la tendance est au HTML5 et CSS3, parsemé d’un peu de JavaScript. Ô chance, le W3C et ses contributeurs ont justement prévu de passer par Canvas (qui permet déjà de dessiner dans une page web en 2D) pour exploiter une scène 3D avec les standards du web. Comment et pour qui ? Pour ceux qui ne le savent pas, il existe deux composants HTML5 pour dessiner : La librairie Three.js <! Démonstration “Tout ça pour ça” me direz-vous ? Et voilà !

3D animation, industrial design and cinema » Générateur de villes 3D Générateur de villes 3D Le générateur de villes 3d automatique, premiers essais. Difficile pour moi de ne pas passer une petite demi-heure pour vous informer de ceci. Ça y est il fonctionne ! Et c’est peu dire ! Sur les différents exemples que vous découvrez, nous avons éclairé le modèle 3d correctement avec un système solaire physiquement fonctionnel. Categories: 3D & animation, blender 3d, Réalité virtuelleTags: blender, générateur 3d, modélisation, prilly, sig, territoire, urbanisme, ville 3d

WebGL Un article de Wikipédia, l'encyclopédie libre. Fonctionnement[modifier | modifier le code] WebGL permet d'afficher, de créer et de gérer dynamiquement des éléments graphiques complexes en 3D dans la fenêtre du navigateur web d'un client. Il est actuellement implémenté dans la plupart des grands navigateurs modernes, mais cette implémentation est récente, d'où le fait que cette technologie reste assez méconnue du grand public. Lorsqu’un élément graphique de type WebGL est inclus dans une page web, le navigateur exécute un programme en JavaScript utilisant l'interface WebGL. Implémentations[modifier | modifier le code] Si, en septembre 2009, aucun navigateur web ne permettait l'affichage 3D directement dans le navigateur sans greffon, ça n'est plus le cas aujourd'hui[3]: Limitations[modifier | modifier le code] WebGL est basé sur OpenGL ES 2.0 (OpenGL for Embedded Systems), une version d'OpenGL destinée aux systèmes embarqués. Problèmes de jeunesse[modifier | modifier le code]

Open Source 3D Landscape Generators I recently noticed two free 3D landscape generators and thought to myself: "I bet there are dozens of never-finish terrain generators for games and vr apps!" I was wrong. In this article, I will introduce the handful of floss scenery generators and editors that I was able to find. InnerWorld InnerWorld is a Blender-based landscape generator that shines through a nice online documentation. Terraform Terraform is an open source interactive height field generation and manipulation program, giving you the ability to generate random terrain and transform it. The project seems to be non-living - last CVS activity: August 2003. Hme Height Map Editor is a 2D GUI for generating and precise-editing height maps. Wing Wing, a GPLed, DirectX-based and thus Windows-only landscape editor, is aimed to proceduraly generate four key ingredients of nature: plants, terrain, water and weather, with simple but powerful user controls Real Landscape Project (supposedly) 3D Landscape Generator (Processing)