Browse files

better intro

  • Loading branch information...
jeromeetienne committed Dec 16, 2013
1 parent 71f2ba8 commit 70290560d84cb8c1b3318f796d5df8e43d652d31
Showing with 45 additions and 2 deletions.
  1. +45 −2 source/_posts/2013-12-15-zero-to-nyancat-in-30-seconds-flat.markdown
@@ -6,9 +6,52 @@ comments: true
categories: three.js yeoman
-<iframe width="425" height="349" src="" frameborder="0" allowfullscreen></iframe>
+So, today we are gonna learn how to use Yeoman for threejs.
+We are gonna create a Nyancat in only 30 seconds using the yeoman tools.
+You are gonna see how easy it is!
+But first... what is yeoman? Well,
+[yeoman]( is a "Modern Workflow for WebApps".
+It is composed of 3 tools:
+[bower](, [grunt]( and [yo](
+Yeoman will help us ease up and speed up the work when we’re doing [three.js](
-<iframe width="80%" height="480px" src="/data/2013-12-15-zero-to-nyancat-in-30-seconds-flat/slides/" frameborder="0" allowfullscreen></iframe>
+We gonna use [yo]( to generate the
+[three.js boilerplate](/blog/2012/01/19/boilerplate-builder-for-three-js/),
+and [bower]( to install
+[threex extensions](
+You can look at the
+of me doing the talk, or directly at the
+[slides](/data/2013-12-15-zero-to-nyancat-in-30-seconds-flat/slides/) below.
+If you are in a rush, here is the TL;DR executive summary. Have Fun :)
+To generate the boilerplate, just do
+ yo threejs-boilerplate
+To install any [threex extension for three.js](,
+[threex.nyancat]( in particular, do
+ bower install threex.nyancat
+## Video Of The Talk
+<iframe width="425" height="349" src="" frameborder="0" allowfullscreen></iframe>
+<!-- more -->
+## Slides
+Here are a screenshot of every slides.
+Or you can directly look at the
<img src="/data/2013-12-15-zero-to-nyancat-in-30-seconds-flat/screenshots/slide01.png" width="100%">
<img src="/data/2013-12-15-zero-to-nyancat-in-30-seconds-flat/screenshots/slide02.png" width="100%">

0 comments on commit 7029056

Please sign in to comment.