background preloader

D

D
Related:  Three.Js

three.js - JavaScript 3D library WebGL Water Loading... Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. Interactions: Draw on the water to make ripples Drag the background to rotate the camera Press SPACEBAR to pause and unpause Drag the sphere to move it around Press the L key to set the light direction Press the G key to toggle gravity Features: Raytraced reflections and refractions Analytic ambient occlusion Heightfield water simulation * Soft shadows Caustics (see this for details) ** * requires the OES_texture_float extension** requires the OES_standard_derivatives extension Tile texture from zooboing on Flickr

The Wheels Of Steel: Turntables in your browser (a web-based DJ prototype) •▷Modeles cahier des charges site elabores par un specialiste 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à !

(WebGL) Max to Three.js workflow tips and tricks - Blog - (BKcore) Thibaut Despoulain Ever since I started working with the WebGL technology, I've been trying out a few frameworks like SpiderGL and SceneJS. Most recently, I've been giving a try to Three.js, and it is by far the best WebGL framework I've ever tested. So as I'm advancing on my learning of this framework, I'll be giving out on this blog a few tips and tricks that I found useful when using Three.js. The first one being an advice on the Max-to-Three.js workflow, readable after the break. Demo This is what I came up with during my workflow experiment. Context In order to learn more about the Three.js framework I decided to follow a complete modeling to rendering workflow, from 3ds Max to Three.js. So I quickly started to model a Tron identity disk in Max, the reason being that it is quite a simple geometry yet having some specificities that will be usefull when playing with advanced rendering later, like glow and particles. Modelling So I went on with a quick 2.5k poly mesh using a screenshot as blueprint. Export

evanw/lightgl.js - GitHub Basecamp for iPhone, Android, Blackberry, and Palm. Highly recommended. Primarily through word-of-mouth alone, Basecamp has become the world’s #1 project management tool. For the last 10 years, companies have been switching to Basecamp because it’s famously easy-to-use, reliable, and It Just Works™. A track record you can trust. We’ve been in business for 15 years, so you can depend on us to be here when you need us. On the Mac, PC, iPhone/iPad, Android and via email. Basecamp’s at home on Safari (Mac, iPhone/iPad), Chrome (Mac, PC, iPhone/iPad, Android), Firefox (Mac, PC), and IE 9+ (PC, Surface). No “IT Guy” required. Basecamp runs in the cloud on our secure servers, so you don’t have to mess with anything technical. Can I see how other people use Basecamp? Absolutely. Free weekly classes + live Q&A. We also offer weekly “Be a Basecamp Pro in 30 minutes” online classes with live Q&A. Who else uses Basecamp? A touch over 15,000,000 people have used Basecamp at work or for their own personal projects. A few quick reads and links.

La Boite Concept LD 120 Rouge - Enceinte acoustique multimédia - Enceinte dédiée MP3 - La Boite Concept Description La Boite Concept La vocation principale de La Boite Concept consiste à concevoir et à fabriquer des enceintes acoustiques monoblocs de haute-fidélité permettant la convergence de la Hi-Fi et des médias numériques. La Boite Concept dispose d'un laboratoire en électro-acoustique ayant une activité de R&D soutenue, composée d'une équipe complémentaire de docteurs, ingénieurs, designers, industriels et commerciaux. Caractéristiques Haut-parleurs : • 7 haut-parleurs La Boîte Concept - 2 x 50 mm tweeters dôme soie - 2 x 70 mm large bande arrière - 2 x 100 mm medium chassis aluminium - 1 x 160 mm boomer chassis aluminium Amplificateurs : • Puissance totale : 120 W réels sur 8 ohms - 2 x 25 W RMS sur 8 ohms - 1 x 70 W RMS sur 8 ohms Connectique : • Aux 1 : RCA • Aux 2 : Mini jack 3,5 mm (câble fourni) • Connecteur dock Sendstation pour iPod/iPhone • Carte son DAC USB pour liaison MAC et PC • Prise 220 V intégrée et dimensionnée spécialement pour l'adaptateur secteur Apple Contenu du colis

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]

THREEx - Game Extensions for Three.js threex.text It makes it easy to add 3d text in your scene. You can fine tune lots of parameters to make it fit your needs. You can choose the fonts, the size, the bevel, the weight etc... Demo Github Tags: content tool

Related: