Skip to content
Browse files

better intro

  • Loading branch information...
1 parent 71f2ba8 commit 70290560d84cb8c1b3318f796d5df8e43d652d31 @jeromeetienne committed Dec 16, 2013
Showing with 45 additions and 2 deletions.
  1. +45 −2 source/_posts/2013-12-15-zero-to-nyancat-in-30-seconds-flat.markdown
View
47 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="http://www.youtube.com/embed/AUCJDeBdmbs" 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](http://yeoman.io) is a "Modern Workflow for WebApps".
+It is composed of 3 tools:
+[bower](http://bower.io), [grunt](http://gruntjs.com) and [yo](http://yeoman.io/generators.html).
+Yeoman will help us ease up and speed up the work when we’re doing [three.js](http://threejs.org).
-<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](http://yeoman.io/generators.html) to generate the
+[three.js boilerplate](/blog/2012/01/19/boilerplate-builder-for-three-js/),
+and [bower](http://bower.io) to install
+[threex extensions](http://jeromeetienne.github.io/threex/).
+You can look at the
+[screencast](www.youtube.com/watch?v=zeR_cpupZcQ)
+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 :)
+
+**TL;DR;**
+To generate the boilerplate, just do
+
+```
+ yo threejs-boilerplate
+```
+
+To install any [threex extension for three.js](http://jeromeetienne.github.io/threex/),
+and
+[threex.nyancat](http://github.com/jeromeetienne/threex.nyancat/) in particular, do
+
+```
+ bower install threex.nyancat
+```
+
+## Video Of The Talk
+
+<iframe width="425" height="349" src="http://www.youtube.com/embed/zeR_cpupZcQ" frameborder="0" allowfullscreen></iframe>
+
+
+<!-- more -->
+
+## Slides
+
+Here are a screenshot of every slides.
+Or you can directly look at the
+[slides](/data/2013-12-15-zero-to-nyancat-in-30-seconds-flat/slides/).
<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.
Something went wrong with that request. Please try again.