Learning Three.js

[...] realize your dream :) It is about a minigame called "Punch A Doom Character in Augmented Reality" because in this game, the player can punch Doom Character in augmented [...]

[...] you realize your dream :) It is about a minigame called “Punch A Doom Character in Augmented Reality” because in this game, the player can punch Doom Character in augmented reality :) The [...]

[...] This post presents a livecoding screencast of Augmented Reality 3D Pong. This is an experiment to use augmented gestures as a way to interact with game. So [...]

[...] right foot. It is the learningthreejs boilerplate for three.js With .start(), we start the rendering loop. So from now on, the world scene gonna be rendered periodically, typically 60time per seconds. [...]

[...] to create our world as usual. This initialize the renderer, the camera, its controls and a rendering loop. We setup the boilerplate for three.js and add a page title with some info on our little 3D [...]

[...] to cast shadows as if it cames from the sun. This is a nice way to improve the realism in our 3D scene We already talked about it in "Casting Shadow" The renderer needs to be notified so we [...]

[...] . ``` ``` We Change the background color. This confusing line ensure the background of the 3D scene will be rendered as 0x000000 color, aka black. ``` ``` Here we setup the lights of our scene. [...]

[...] and configure your own audio nodes chain :) Conclusion Ok so now you can play sounds in your 3D scene. You can make the sound follows a given object3d with realistic sound spatialization. All that [...]

[...] - All Solar System’s Planets Done For You While i was at it, i made threex.planets, a threex extension for three.js. It provides all the planets from the solar system to be easily usable in your [...]

[...] ;s MD2 converter. To see the other posts about one threex a day and forget our moto! “A THREEx extension a day, gets your game on its way!” discuss it on hacker news Show Don’t Tell [...]

[...] if you want ;) To see the other posts about one threex a day and forget our moto! “A THREEx extension a day, gets your game on its way!” Show Don’t Tell examples/canvas.html [view [...]

[...] the balls roll. To see the other posts about one threex a day and forget our moto! “A THREEx extension a day, gets your game on its way!” Show Don’t Tell examples/basic.html [view [...]

[...] of the ‘one threex a day’ challenge. This challenge is to publish every day one game extension for three.js! One per day, every day and that for 2month! In this post, we gonna talk about [...]

[...] of the ‘one threex a day’ challenge. This challenge is to publish every day one game extension for three.js! One per day, every day and that for 2month! In this post, we gonna talk about [...]

[...] of the ‘one threex a day’ challenge. This challenge is to publish every day one game extension for three.js! One per day, every day and that for 2month! In this post, we gonna talk about [...]

[...] of the ‘one threex a day’ challenge. This challenge is to publish every day one game extension for three.js! One per day, every day and that for 2month! In this post, we gonna talk about [...]

[...] , which say "the mass is infinite, dont move, ever" :) ``` ``` Spawning object in a 3D world Spawning is always a delicate matter in our world. But first let's load the texture for the [...]

[...] open a new url. It is built on top of domEvents. It is used to incoporate dom kindof events in 3D world. We saw them a few week back in 'dom events in 3D space' post. Previous posts on tquery may be [...]

[...] open a new url. It is built on top of domEvents. It is used to incoporate dom kindof events in 3D world. We saw them a few week back in 'dom events in 3D space' post. Previous posts on tquery may be [...]

[...] shiny example using reflexion and environment map. How To Install It You can install it via script tag Or you can install with bower, as you wish. How To Use It Here is a typical usage [...]

[...] source] : It shows a basic usage of the extension. How To Install It You can install it via script tag Or you can install with bower, as you wish. How To Use It How to load the geometry ? How to [...]

[...] goes party” from nextgamefrontier talk. How To Install It You can install it via script tag Or you can install with bower, as you wish. How To Use It First you need to create a classic [...]

[...] source] : It shows a basic usage of this extension. How To Install It You can install it via script tag Or you can install with bower, as you wish. How To Use It ? The algo is well described in this [...]

``` Let's Code in JS First we gonna intenciate WebAudio. This will initialize the layer. It will create the AudioNode`s for the end of the chain. By [...]

[...] and fast ground. We have seen something similar with tquery.checkerboard.js in “tQuery Plugin for Doom Characters” post. The Car First we instanciate a tQuery.Car object with [...]

[...] and fast ground. We have seen something similar with tquery.checkerboard.js in "tQuery Plugin for Doom Characters" post. ``` ``` The Car First we instanciate a tQuery.Car object [...]

[...] augmented gesture in "Augmented Reality 3D Pong" post and MD2 Characters in "tQuery Plugin for Doom Characters" post. Now we gonna associate them together in our mini game :) I [...]

[...] prefere a less invasive solution, not requiring to jailbreak your devices. You can use WebGL Browser made by Ben Vanik , aka @benvanik on twitter. He is wellknow for WebGL Inspector. By the [...]

[...] prefere a less invasive solution, not requiring to jailbreak your devices. You can use WebGL Browser made by Ben Vanik , aka @benvanik on twitter. He is wellknow for WebGL Inspector. By the [...]

[...] to render with canvas 2D in the regular browser. Even possible to render WebGL using WebGL Browser by Ben Vanik. The Road In a scene, it is cool to create a goal, something for the user [...]

[...] are already in three.js, like targets or facekat. Demo Time !! As usual we did a plugin for tQuery API to make it easy to use in our environement. One can find 2 examples for it: A educational [...]

[...] Get Started The code of today is a copy of the collision example from physijs using it thru tQuery API. It may usefull to reimplement the same thing, just to be sure they both perform the same way. : [...]

[...] Get Started The code of today is a copy of the collision example from physijs using it thru tQuery API. It may usefull to reimplement the same thing, just to be sure they both perform the same way. : [...]