atom.xml

<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">

  <title><![CDATA[Category: news | Learning Three.js]]></title>
  <link href="http://learningthreejs.com/blog/categories/news/atom.xml" rel="self"/>
  <link href="http://learningthreejs.com/"/>
  <updated>2015-09-01T13:36:39+01:00</updated>
  <id>http://learningthreejs.com/</id>
  <author>
    <name><![CDATA[Jerome Etienne]]></name>
    
  </author>
  <generator uri="http://octopress.org/">Octopress</generator>

  
  <entry>
    <title type="html"><![CDATA[Learning Three.js News #14: Creative demos of the week]]></title>
    <link href="http://learningthreejs.com/blog/2015/09/01/learning-three-dot-js-news-number-14-creative-demos-of-the-week/"/>
    <updated>2015-09-01T13:26:00+01:00</updated>
    <id>http://learningthreejs.com/blog/2015/09/01/learning-three-dot-js-news-number-14-creative-demos-of-the-week</id>
    <content type="html"><![CDATA[<p>Hello everybody!</p>

<p>This post is about edition 14 of Three.js News. Our favorite demos of last week were very fun to play around with. There were some set above the clouds, staring directly at the sun. Some were cool webgl experiences inspired by games and movies. Some showed a brilliant use of shaders and VR technology. And we even met a three.js sock puppet!</p>

<h3>Evolution</h3>

<p><img src="/data/2015-09-01-learning-three-dot-js-news-number-14-creative-demos-of-the-week/screenshots/evolution.jpg" alt="evolution" /></p>

<p>This breathtaking <a href="http://vrse.com/watch/?id=6">project</a> is a photo-realistic CGI-rendered 3D Virtual Reality film on three.js player. "It takes the viewer on a journey from one beginning to a new beginning." It was made for <a href="https://twitter.com/vrse">Vrse</a>.</p>

<!-- more -->


<h3>Above The Clouds</h3>

<p><img src="/data/2015-09-01-learning-three-dot-js-news-number-14-creative-demos-of-the-week/screenshots/above_the_clouds.jpg" alt="above_the_clouds" /></p>

<p>Mesmerising <a href="http://earth.plus360degrees.com/">journey</a> above Earth, interactive experience created by <a href="https://twitter.com/plus360degrees">Plus 360 Degrees</a> where you travel around the world, floating with the clouds.</p>

<h3>Auto Exposure</h3>

<p><img src="/data/2015-09-01-learning-three-dot-js-news-number-14-creative-demos-of-the-week/screenshots/auto_exposure.jpg" alt="auto_exposure" /></p>

<p>A wonderful sunny <a href="https://c1.goote.ch/3e24b2dd50cf43069a1215f124520630.scene/">demo</a> developed by <a href="https://twitter.com/RasmusCoder">Rasmus Karlsson</a>. A scene with only a camera, you turn around the field, look up at the sky and see the light.</p>

<h3>Share The Force</h3>

<p><img src="/data/2015-09-01-learning-three-dot-js-news-number-14-creative-demos-of-the-week/screenshots/share_the_force.jpg" alt="share_the_force.jpg" /></p>

<p>With this webgl <a href="https://sharetheforce.target.com/">experience</a> made for <a href="https://twitter.com/Target">Target</a> you can explore Star War memories. If you are a fan you are gonna love it. Type in your favorite character to discover its universe.</p>

<h3>Casino</h3>

<p><img src="/data/2015-09-01-learning-three-dot-js-news-number-14-creative-demos-of-the-week/screenshots/share_the_force.jpg" alt="share_the_force.jpg" /></p>

<p><a href="http://playcanv.as/p/LpmXGUe6?overlay=false&amp;scrolling=true">Casino</a> is an extremely accomplished and interactive experiment released by <a href="https://twitter.com/playcanvas">PlayCanvas</a>. The quality of the rendering and the level of detail are excellent.</p>

<h3>Small Island</h3>

<p><img src="/data/2015-09-01-learning-three-dot-js-news-number-14-creative-demos-of-the-week/screenshots/share_the_force.jpg" alt="share_the_force.jpg" /></p>

<p>This is a fun <a href="http://codepen.io/chribbe/full/19f4a710bd771da41bcc79b814341b8d">project</a> by <a href="https://twitter.com/chribbe1">Christian Östman</a> on Codepen.io. Small islands are randomly generated every time you load. You can ass trees, mountains and clouds to the scene.</p>

<h3>Flux Core</h3>

<p><img src="/data/2015-09-01-learning-three-dot-js-news-number-14-creative-demos-of-the-week/screenshots/flux_core.jpg" alt="flux_core.jpg" /></p>

<p><a href="https://www.shadertoy.com/view/ltlSWf">Flux Core</a> amplifies and concentrates energy. This powerful demo was created by otaviogood on <a href="https://twitter.com/shadertoy">ShaderToy</a>. Be sure to try out the high-quality non-realtime renderer and use it for your shaders.</p>

<h3>Puppetic</h3>

<p><img src="/data/2015-09-01-learning-three-dot-js-news-number-14-creative-demos-of-the-week/screenshots/puppetic.jpg" alt="puppetic.jpg" /></p>

<p>This charming character is a three.js <a href="http://www.mediosyproyectos.com/puppetic/">sock puppet</a>. This interactive demo is a creation of <a href="https://twitter.com/wearemyp">mediosyproyectos</a>, they've got a cool <a href="http://www.mediosyproyectos.com/">website</a>. You can make him move the way you choose and change his mood.</p>

<h3>Conclusion</h3>

<p>Okay guys, that's all for this time. We hope you will play around with these demos and become a fan! You can even get inspire and try out your own :) Thanks for sharing and see you next time.</p>

<p>Stay tuned for more Three.js News.</p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Learning Three.js News #13: Creative demos of the week]]></title>
    <link href="http://learningthreejs.com/blog/2015/08/25/learning-three-dot-js-news-number-13-creative-demos-of-the-week/"/>
    <updated>2015-08-25T13:30:00+01:00</updated>
    <id>http://learningthreejs.com/blog/2015/08/25/learning-three-dot-js-news-number-13-creative-demos-of-the-week</id>
    <content type="html"><![CDATA[<p>Hello everybody</p>

<p>Welcome to a new episode of Three.js News. This time we will discover some artistic and abstract demos. We will go through them at fast speed, see them grow, expand and dissolve. We will also get a bit spooked by a creepy head!</p>

<h3>Bjork's website</h3>

<p><img src="/data/2015-08-25-learning-three-dot-js-news-number-13-creative-demos-of-the-week/screenshots/bjork.jpg" alt="bjork" /></p>

<p>Beause arty design is also a three.js matter, here is a beautiful <a href="http://bjork.com/">demo</a> created by Vince Mckelvie from <a href="https://twitter.com/mmparisdotcom">M/M</a> design agency in Paris. It's singer Bjork's new website.</p>

<!-- more -->


<h3>Fluid Experiment</h3>

<p><img src="/data/2015-08-25-learning-three-dot-js-news-number-13-creative-demos-of-the-week/screenshots/fluid_experiment.jpg" alt="fluid_experiment" /></p>

<p>This <a href="http://haxiomic.github.io/GPU-Fluid-Experiments/html5/?q=UltraHigh">demo</a> is an experiment with Fluid particles in Webgl. It was developed by <a href="https://twitter.com/Haxiomic">George Corney</a> and it has great effects. It is both hypnotic and mesmerising.</p>

<h3>Meander</h3>

<p><img src="/data/2015-08-25-learning-three-dot-js-news-number-13-creative-demos-of-the-week/screenshots/meander.jpg" alt="meander" /></p>

<p><a href="http://codedoodl.es/_/inconvergent/meander">Meander</a> consists of randomly generated organic sand-storm clouds that dance around the screen. Its author, <a href="https://twitter.com/inconvergent">Anders Hoff</a> shared this via <a href="http://codedoodl.es/">Codedoodl</a> a tool to create original code sketches.</p>

<h3>Arrows</h3>

<p><img src="/data/2015-08-25-learning-three-dot-js-news-number-13-creative-demos-of-the-week/screenshots/arrows.jpg" alt="arrows" /></p>

<p>Like a painting in a canvas, this <a href="http://codedoodl.es/_/cabbibo/arrows">demo</a> by <a href="https://twitter.com/Cabbibo">Cabbibo</a> is abstract and bursting with colour. The arrows wander around like small brush strokes in 3D. You can also find it at <a href="http://codedoodl.es/">Codedoodl</a>.</p>

<h3>Signal barrel</h3>

<p><img src="/data/2015-08-25-learning-three-dot-js-news-number-13-creative-demos-of-the-week/screenshots/signal_barrel.jpg" alt="signal_barrel" /></p>

<p><a href="http://codepen.io/austinmayer/full/oXRGez/">Signal barrel</a> is a demo created by <a href="https://twitter.com/amayer_">Austin Mayer</a> and inspired by a similar project by <a href="https://twitter.com/beeple">Beeple</a>. It is a very cool tunnel like recreation on <a href="http://codepen.io/">CodePen</a>. You will want to follow it 'til the end.</p>

<h3>Fungal State</h3>

<p><img src="/data/2015-08-25-learning-three-dot-js-news-number-13-creative-demos-of-the-week/screenshots/fungal_state.jpg" alt="fungal_state" /></p>

<p>This evolutive <a href="http://gregtatum.com/poems/growth/#/2-fungus">demo</a> was created by the talented <a href="https://twitter.com/TatumCreative">Greg Tatum</a>. It shows us a dynamic and realtime growing fungus shape. It is part of Greg's <a href="http://gregtatum.com/blog/">Growth series</a>.</p>

<h3>Creepy Head</h3>

<p><img src="/data/2015-08-25-learning-three-dot-js-news-number-13-creative-demos-of-the-week/screenshots/creepy_head.jpg" alt="creepy_head" /></p>

<p>This <a href="http://codepen.io/SaschaSigl/full/MwMOag/">demo</a> is a creepy morph animation made with javascript. It was created by <a href="https://twitter.com/SaschaSigl">Sascha Sigl</a> on <a href="http://codepen.io/">CodePen</a>. The way the mouth moves and the eyes follow you is kind of disturbing and spooky :)</p>

<h3>Conclusion</h3>

<p>Okay guys, that's all the news for this week. We discovered some very artistic, abstract and fast paced projects. Some evolving and expanding, morphing and growing...and some freaking us out! In any case, they are all creative and fun.</p>

<p>Stay tuned and see you next time.</p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Learning Three.js News #12: Creative demos of the week]]></title>
    <link href="http://learningthreejs.com/blog/2015/08/17/learning-three-dot-js-news-number-12-creative-demos-of-the-week/"/>
    <updated>2015-08-17T13:07:00+01:00</updated>
    <id>http://learningthreejs.com/blog/2015/08/17/learning-three-dot-js-news-number-12-creative-demos-of-the-week</id>
    <content type="html"><![CDATA[<p>Hello everybody,</p>

<p>This post is a special edition of Three.js News. We have decided to change the format a bit. We will continue publishing the most interesting and creative 3D demos on the web. We will collect the ones that we have tweeted during the week and highlight each one. It's more of a Newsletter kind of style. Hope you like it :)</p>

<h3>Icosahedron Snake</h3>

<p><img src="/data/2015-08-17-learning-three-dot-js-news-number-12-creative-demos-of-the-week/screenshots/icosahedron_snake.jpg" alt="screen shot 2015-08-10 at 10 43 09" /></p>

<p>Fun and twisty three.js <a href="http://codepen.io/tdhooper/full/ZGPOQJ/">demo</a> by <a href="https://twitter.com/tdhooper">Thomas Hooper</a> on Codepen.io. It's a spiral snake making its way in a funky pink background.</p>

<!-- more -->


<h3>Vortex Pair Warp</h3>

<p><img src="/data/2015-08-17-learning-three-dot-js-news-number-12-creative-demos-of-the-week/screenshots/vortex_pair_warp.jpg" alt="screen shot 2015-08-10 at 10 51 34" /></p>

<p>Generative net of cells from Turing pattern with gradient flow. It's got twin vortex mouse and cool shaders. The <a href="http://cake23.de/vortex-pair-warp.html">demo</a> is by <a href="https://twitter.com/flexi23">Felix Woitzel</a>.</p>

<h3>Harvest</h3>

<p><img src="/data/2015-08-17-learning-three-dot-js-news-number-12-creative-demos-of-the-week/screenshots/harvest.jpg" alt="screen shot 2015-08-14 at 14 22 35" /></p>

<p>This <a href="http://www.loxodrome.io/Harvest/index.html">demo</a> is a 3d platform using three.js. Work in progress by <a href="https://twitter.com/JamesLMilner">James Milner</a>. Based on the three.js PointerLockControl example.</p>

<h3>BLCK4777</h3>

<p><img src="/data/2015-08-17-learning-three-dot-js-news-number-12-creative-demos-of-the-week/screenshots/blck4777.jpg" alt="screen shot 2015-08-14 at 14 47 46" /></p>

<p>This <a href="http://www.p01.org/releases/BLCK4777/BLCK4777_safe.htm">demo</a> is all about realtime audio visual animations with "good'ole 2D canvas". Great project by <a href="https://twitter.com/p01">Mathieu 'p01' Henri</a>.</p>

<h3>Sneakers</h3>

<p><img src="/data/2015-08-17-learning-three-dot-js-news-number-12-creative-demos-of-the-week/screenshots/sneakers.jpg" alt="screen shot 2015-08-12 at 11 58 53" /></p>

<p><a href="http://travisirby.net/three-js-3d-webgl-experiment/">Sneakers</a> is one of <a href="https://twitter.com/travisirby">Travis Irby's</a> first experiments with webgl javascript framework three.js. It is interactive and it works on mobile too.</p>

<h3>Particle Shader</h3>

<p><img src="/data/2015-08-17-learning-three-dot-js-news-number-12-creative-demos-of-the-week/screenshots/shader_particles.jpg" alt="screen shot 2015-08-13 at 11 00 43" /></p>

<p>Shiny shader based <a href="http://pwambach.github.io/threejs-particle-shader/">particles</a> running with three.js and GLSL. Smooth and colourful demo by <a href="https://twitter.com/phil_osophie">Philipp Wambach</a>.</p>

<h3>The Thing From Limbo</h3>

<p><img src="/data/2015-08-17-learning-three-dot-js-news-number-12-creative-demos-of-the-week/screenshots/the_thing_from_limbo.jpg" alt="screen shot 2015-08-13 at 11 09 20" /></p>

<p>Cool 3d <a href="http://thewebdesignerpro.com/glslshader.html">design</a> and animation by <a href="https://twitter.com/armychiu">Army Chiu</a> for the <a href="http://thewebdesignerpro.com/">WebDesignerPro</a>. It's got good use of shaders and shadows.</p>

<h3>Conclusion</h3>

<p>Okay guys, that's all for this week. The demos featured here are all awesome projects that deserve to be recognised and shared. So don't hesitate to check them out.</p>

<p>Stay tuned and see ya next time.</p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[LearningThree.js News # 11: Stay Tuned With Creative 3D Demos]]></title>
    <link href="http://learningthreejs.com/blog/2015/08/07/learningthree-dot-js-news-number-11-stay-tuned-with-creative-3d-demos/"/>
    <updated>2015-08-07T11:02:00+01:00</updated>
    <id>http://learningthreejs.com/blog/2015/08/07/learningthree-dot-js-news-number-11-stay-tuned-with-creative-3d-demos</id>
    <content type="html"><![CDATA[<p>This post is another edition of Three.js News. We have collected some original demos with skilful effects and lots of style. There is a high degree of talent displayed on these projects. In this episode, we will cycle through the daring climbs of the Tour de France. We will turn around decadent blue worlds, play with colourful Rubik's cube and take the new Renault Espace for a test run. We will also merge and morph with creative experiences and investigate fascinating generative compositions.</p>

<iframe width="420" height="315" src="http://learningthreejs.com//www.youtube.com/embed/jaVdFWl_PIo" frameborder="0" allowfullscreen></iframe>




<!-- more -->


<h3>Metropolis</h3>

<p><img src="/data/2015-08-07-learningthree-dot-js-news-number-11-stay-tuned-with-creative-3d-demos/screenshots/metropolis.jpg" alt="metropolis" /></p>

<p><a href="https://alexstockdale.com/metropolis/">Metropolis</a> is an impressive demo by <a href="https://twitter.com/ALIXPLOX">Alex Stockdale</a>. It is a spheric vision of an urban world in destruction, or construction, depending on how you see it. It has a decadent aspect to it, the light is like the shadow of a dream and there is a hazy bluish shade in the atmosphere. This project is not only interactive and skilful but it is also a great example of what we can do with three.js.</p>

<h3>The Climb of Alpe d'Huez</h3>

<p><img src="/data/2015-08-07-learningthree-dot-js-news-number-11-stay-tuned-with-creative-3d-demos/screenshots/the_climb_alpe_huez.jpg" alt="the_climb_alpe_huez" /></p>

<p>This <a href="http://www.theguardian.com/sport/ng-interactive/2015/jul/23/tour-de-france-the-climb-of-alpe-dhuez-interactive">demo</a> by <a href="https://twitter.com/amason">Andrew Mason</a>, Troy Griggs and Lawrence Ostlere, is a 3D representation of the Tour de France. We cycle a trail following the iconic Alpe d'huez climb. Step by step we learn about its history, about details of the trickiest passings and challenges to get to the summit....wonderful work by the talented devs at the guardian!</p>

<h3>Roobix</h3>

<p><img src="/data/2015-08-07-learningthree-dot-js-news-number-11-stay-tuned-with-creative-3d-demos/screenshots/roobix.jpg" alt="roobix" /></p>

<p><a href="http://playcanv.as/p/V9B7k46n">Roobix</a> is a very fun game created by <a href="https://twitter.com/marquizzo">Marco del Valle</a> on <a href="https://playcanvas.com/">Play Canvas</a>. It is a Rubik's cube simulator with great animations. The rotations and puzzle combinations are extremely fun to play with. The cube is very reactive and the twinkling colours are part of the features that make this game unique.</p>

<h3>Renault Espace</h3>

<p><img src="/data/2015-08-07-learningthree-dot-js-news-number-11-stay-tuned-with-creative-3d-demos/screenshots/renault_espace.jpg" alt="renault_espace" /></p>

<p>This <a href="http://www.littleworkshop.fr/renaultespace/">demo</a> is an interactive prototype of the New Renault Space by <a href="https://twitter.com/glecollinet">Guillaume Collinet</a>. It is a webgl visualizer using real time 3d. You can go inside the car as if you were gonna take it out for a test drive. The interior and animations are life-like and will make you feel like you own it! You can visit Guillaume's <a href="http://www.littleworkshop.fr/">little workshop</a> for more stylish experiences.</p>

<h3>Omm Experience</h3>

<p><img src="/data/2015-08-07-learningthree-dot-js-news-number-11-stay-tuned-with-creative-3d-demos/screenshots/omm_experience.jpg" alt="omm_experience" /></p>

<p><a href="http://ommexperience.com/">Omm Experience</a> shows us the fantastic world created by <a href="https://twitter.com/jhelf">Jean Helfenstein</a>. At first, there is an awesome lens flare effect with a halo of light glowing around a revolving asteroid. As the demo evolves, there are 3 chapters about creativity with great morphing and merging animations that transform and deform the object as if it was a ball of water.</p>

<h3>Gridiron</h3>

<p><img src="/data/2015-08-07-learningthree-dot-js-news-number-11-stay-tuned-with-creative-3d-demos/screenshots/gridiron.jpg" alt="gridiron" /></p>

<p><a href="http://haptic-data.com/project/gridiron">Gridiron</a> is "an exploration of generative compositions based on vertical structures fighting for space" developed by <a href="https://twitter.com/hapticdata">Kyle Phillips</a>. We can see procedurally generated geometries that rain up and fill the screen. We can also modify their properties and play with the effects. It kind of reminds me of chemistry class.</p>

<h3>Conclusion</h3>

<p>In this edition of Three.js News we saw the talent behind daring and challenging experiences like the Tour de France, behind life-like animations and reactive games like Rubik's cube. We floated through procedurally generated worlds and through spheric decadent visions of a city. We took a drive around our imagination and witnessed creativity in its abstract form.</p>

<p>Thanks for sharing. Stay tuned for more Three.js News and see you next time.</p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[LearningThree.js News #10: Stay Tuned With Creative 3D Demos]]></title>
    <link href="http://learningthreejs.com/blog/2015/07/24/learningthree-dot-js-news-number-10-stay-tuned-with-creative-3d-demos/"/>
    <updated>2015-07-24T13:28:00+01:00</updated>
    <id>http://learningthreejs.com/blog/2015/07/24/learningthree-dot-js-news-number-10-stay-tuned-with-creative-3d-demos</id>
    <content type="html"><![CDATA[<p>This post is about the 10th episode of Three.js News. We are very happy to share exceptional demos with you every week. In all the 3D experiences we have shared on previous episodes, we have witnessed talent, dedication and skill. Without so many creative projects we wouldn't have been able to continue with the news. So, to celebrate this 10th edition, we are going to travel through space, time and even dimensions.</p>

<p>In this episode, we will explore other worlds and make musical journeys across decades and light years. We will wonder around the Parisian metro in a different light and be amazed by the simple beauty of land and stone. We will interact with the futuristic and be repelled by the terrestrial. We will learn to safeguard and preserve our cultural heritage through online 3D, and finally, take a walk through the magical woods of the imagination.</p>

<iframe width="420" height="315" src="http://learningthreejs.com//www.youtube.com/embed/633x6HwnGPE" frameborder="0" allowfullscreen></iframe>




<!-- more -->


<h3>Metropolitan IO</h3>

<p><img src="/data/2015-07-24-learningthree-dot-js-news-number-10-stay-tuned-with-creative-3d-demos/screenshots/metropolitan_io.jpg" alt="metropolitan_io" /></p>

<p>This <a href="http://metropolitain.io/">project</a> by <a href="https://twitter.com/dataveyes/">Dataveyes</a> was made to represent the metro network of the Parisian underground. It is a Webgl data visualisation experience. It gives commuters information about the metro system, like journey times and people touching in at each station. It is dynamic and interactive. <a href="http://dataveyes.com/?em_x=22#!/en">Dataveyes' mission</a> is to transform human data into the best user experiences.</p>

<h3>I Want To See Other Worlds</h3>

<p><img src="/data/2015-07-24-learningthree-dot-js-news-number-10-stay-tuned-with-creative-3d-demos/screenshots/i_want_to_see_other_worlds.jpg" alt="i_want_to_see_other_worlds" /></p>

<p><a href="http://primitive.be/prods/IWTSOW/">I want to see other worlds</a> by <a href="http://primitive.be/">Primitive</a>. Have you ever dreamed about traveling through space and time? If the answer is yes, then you are gonna love this demo. Primitive is a demo group with outstanding projects in their record. In this webgl demo you can see various elements floating through space. It is raw and pure at the same time. You will see transformations, visit fantastic universes and be driven through planets of the imagination</p>

<h3>Everything Is Fashion</h3>

<p><img src="/data/2015-07-24-learningthree-dot-js-news-number-10-stay-tuned-with-creative-3d-demos/screenshots/everything_is_fashion.jpg" alt="everything_is_fashion" /></p>

<p><a href="http://stianj.com/fashion/">Everything is fashion</a> is a design and rhythmic demo created by <a href="http://www.pouet.net/prod.php?which=65978">Ninjadev</a>. It is colourful, fun and its got style. You feel as if you are travelling through time with the music. You go through decades, 80's, 90's...etc. The transitions are impressive and keep up with the beat, great and simple effects. It is both old-school and futuristic</p>

<h3>Light Year</h3>

<p><img src="/data/2015-07-24-learningthree-dot-js-news-number-10-stay-tuned-with-creative-3d-demos/screenshots/lightyear.jpg" alt="lightyear" /></p>

<p><a href="http://lightyear.fm/">Lightyear</a> is a very cool experience developed by <a href="https://twitter.com/mikelacher">Mike Lacher</a>, <a href="https://twitter.com/blackmika">Mika Chernov</a>, <a href="https://twitter.com/lanewinfield">Brian Moore</a> and <a href="https://twitter.com/ilovechrisbaker">Chris Baker</a>. In this awesome demo you can hear how far music hits have travelled through Space. Music waves from radio broadcasts leave Earth at the speed of light. You can scroll to move away from Earth and you will hear songs that go way back ....even 100 light years.</p>

<h3>Bon Appetit</h3>

<p><img src="/data/2015-07-24-learningthree-dot-js-news-number-10-stay-tuned-with-creative-3d-demos/screenshots/bon_appetit.jpg" alt="bon_appetit" /></p>

<p><a href="http://quasimondo.com/threejs/bon_appetit.html">Bon appetit</a> is a "creeping on your skin" demo by creative coder <a href="https://twitter.com/quasimondo">Mario Klingemann</a>. It will truly make you loose your appetite. It is a realistic and big slimy worm crawling on your screen. The texture is very cool and life-like. The slithering creature is in the form of a torus knot which makes it even more disturbing when it moves!</p>

<h3>Future Citizen</h3>

<p><img src="/data/2015-07-24-learningthree-dot-js-news-number-10-stay-tuned-with-creative-3d-demos/screenshots/future_citizen.jpg" alt="future_citizen" /></p>

<p>This <a href="http://ftrctzn.com/">demo</a> is a funky presentation of Future citizen, a studio making interactive web experiences for brands. It is creative and hypnotic. You can see the net of waves flow towards and against the letters. If you move your mouse around to trigger the effect, you will see that the interactions are pretty neat.</p>

<h3>Kessler Syndrome</h3>

<p><img src="/data/2015-07-24-learningthree-dot-js-news-number-10-stay-tuned-with-creative-3d-demos/screenshots/kessler_syndrome.jpg" alt="kessler_syndrome" /></p>

<p><a href="https://www.chromeexperiments.com/experiment/kessler-syndrome">Kessler Syndrome</a> is a Chrome Experiment developed by <a href="https://twitter.com/wj_field">Will Field</a>. In this demo we can see the amounts of space trash that have been produced by space travel. The idea is to track some of that trash in real time. The red dots are points where the debris fly past each other at close range. In the bottom left we can fast forward to see all the potential future collisions of trash around Earth.</p>

<h3>Red Stone</h3>

<p><img src="/data/2015-07-24-learningthree-dot-js-news-number-10-stay-tuned-with-creative-3d-demos/screenshots/red_stone.jpg" alt="red_stone" /></p>

<p><a href="http://potemkin.se/redstone/">Red Stone</a> is a beautifully polished demo made with <a href="http://goocreate.com/">Goo Create</a>. It was done by <a href="https://twitter.com/herrpotemkin">Magnus Östergren</a>, their creative director. The scene is like a desert with some subtle wildlife on it. It has wonderful lighting and shadow casting moving around the stone. It was made with an iphone 6. This is just an example of the cool things you can do with the Goo Create tool.</p>

<h3>Mount Rushmore</h3>

<p><img src="/data/2015-07-24-learningthree-dot-js-news-number-10-stay-tuned-with-creative-3d-demos/screenshots/mount_rushmore.jpg" alt="mount_rushmore" /></p>

<p><a href="http://www.cyark.org/projects/mount-rushmore-national-memorial/mount-rushmore">Mount Rushmore</a> is a 3D representation of the famous national memorial in the US South Dakota state. It was created by <a href="https://twitter.com/cyark">CyArk</a>, an organisation using digital technology to create and share 3D online libraries of the world's cultural heritage sites. Their mission is inspiring, they want to safeguard and preserve these sites to assure their existence for future generations. Visit their <a href="http://www.cyark.org/projects/">website</a> to learn more.</p>

<h3>Way to go</h3>

<p><img src="/data/2015-07-24-learningthree-dot-js-news-number-10-stay-tuned-with-creative-3d-demos/screenshots/way_to_go.jpg" alt="way_to_go" /></p>

<p><a href="http://a-way-to-go.com/">Way to go</a> is an interactive experience created by <a href="https://twitter.com/vmorisset">Vincent Morisset</a> and his team: Philippe Lambert, Edouard Lanctot-Benoit and Caroline Robert. It is a magical walk in the woods which everybody can enjoy. It is fresh and fascinating with its wonderful animation, great old-school characters and 360° video. You can discover the world around you, interact with nature and explore your surroundings admiring the breathtaking effects.</p>

<h3>Conclusion</h3>

<p>In this episode we travelled far far away, through some exceptional worlds. We experienced fashion extravaganza and music playing in distant light years from Earth. Our journey took us from underground Paris to primitive and futuristic worlds. We explored possible collisions and beautiful life-like scenes. We also protected our cultural heritage and discovered, in the woods, a magical way to go.</p>

<p>Thank you for your contributions. Keep them coming!
Stay tuned and see you next time.</p>
]]></content>
  </entry>
  
</feed>