Yeoman for Three.js
3.5 (69 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,698 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Yeoman for Three.js to your Wishlist.

Add to Wishlist

Yeoman for Three.js

Learn to use yeoman to boost your three.js workflow and have fun making a WebGL nyancat in the process.
3.5 (69 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,698 students enrolled
Created by Jerome Etienne
Last updated 1/2014
Price: Free
  • 34 mins on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • generate a three.js boilerplate
  • display a nyancat in webgl
  • use yeoman to boost your three.js workflow
View Curriculum
  • a basic http server to deliver the application
  • This course is a step by step tutorial where you will learn how to use yeoman to speed up your three.js workflow.

After taking this course you will be able to:

  • Create a Nyancat in WebGl, starting from nothing and
  • Get to know Three.js , if you don’t know it already and all the cool 3D games you can do with this technology
  • Get to know yeoman and it’s tools: bower for packaging, grunt for automatic tasks and yo for Scafolding
  • Generate a three.js Boilerplate.
  • Install any of the threex extensions and use that in your own games. There are 32 of them as of today. All free for you to use.
  • Combine three x and yeoman and understand how they work together

The idea behind this course is to help you become a creator. You will be able to develop your own WebGL demos. I believe that everybody is capable of creating web 3D. I believe that if you’re motivated enough you can learn how to use the elements I will teach during this course to develop your own 3D creation.

Why this course?

  • I will take you through the demo-making process step by step. We will create a Nyancat together using yeoman, an effort from Google that is worth the time to learn. It will be simple and smooth. It will be fun all while learning real skills and tools to help you develop your own WebGl demos.
  • You will learn Three.js, a new leading-edge technology that starts to be hot and deployed worldwide.
  • You will see and code practical applications of Three.js extensions on 3D demos and mini-games.
  • You will be able to reproduce everything you learn during the course in your own computer. It is easy to learn and easy to use!


  • You will learn to develop a cool WebGl demo in 3D. You can surprise your family, friends and colleagues with your creations.
  • It will be fun! I will show you my off-beat demos. Plus, you will be able to use my code and modify it however you want!
  • I encourage motivated developers and anybody interested in 3D to to contact me. I would love for you to share your passion, your ideas and your skills. Also, don’t hesitate to give me feedback and to tell me what you think of this course.
Who is the target audience?
  • web developers interested in creating their own 3d game
Students Who Viewed This Course Also Viewed
Curriculum For This Course
2 Lectures 08:39

We describe what we gonna do and which tools we gonna use to get there.

The Tools

Yeoman is presented in more details. We give an overview of this excelent tool and describe how we gonna use it.

A Closer Look At Yeoman
The Meat
3 Lectures 22:01

We generate the initial three.js boilerplate. This get us started fast with usual good practices.

Getting Started with Three.js Boilerplate

We present threex.nyancat, a three.js extension to display nyancat in webgl. In the process, we present threex extensions and how you can reuse them.

What is THREEx and How Does It relate to Nyancat ?

Now we are ready to actually display the nyancat! Let's do that and start spreading nyancat everywhere :)

Let's Release The Nyancat In Our 3D :)
The End
2 Lectures 02:52

Let's summarize what we learned!

Packing It Up

Once your are confortable with all this, you can have fun. Here is a shameful i made. a farting nyancat. You should not laugh :)

A Shameful Toy Which Gonna Make You Laugh
About the Instructor
Jerome Etienne
3.5 Average rating
69 Reviews
3,698 Students
1 Course


My name is Jerome Etienne.

I'm a off-beat developer and a creator. I am also CTO of a video game company which is actually engaged in developing a 3D social network online.

I keep a blog called "learning three.js" to teach other developers about my passion for creating 3D demos and mini-games. Feel free and welcome to visit my blog at You can take a look and comment my posts and demos.

I have worked as a Technology Consultant, a Project Manager and a Product Designer in Web developing companies in France and North America. I have a lot of experience working in and developing technologies like javascript, node.js, webgl and html5 in general. I love to share my ever increasing excitement for modern web technology. I dedicate my time to improving my skills through creativity, curiosity and team working. I like to teach motivated people who are willing to learn something new or something that they always dreamed of knowing.

I have teached in 3D Games and Multimedia Schools in Paris. As an independent game developer I have created many 3D mini-games on the web (MarbleSoccer, PacMaze, Pong, Stellar 7, Flying Spaceship.) I am real proud of my three x extensions

I have participated and presented my creations in many conferences worldwide (DevFest, On Game Start, Mozilla Fest London, WebGl camp at Google London, HTML5 Game Jam.) You can see some videos of my talks on youtube

I have also organize local events promoting js, webgl and gamedev (Paris.Js, Three.js g + hangout, Demo.Js)

I was rated eighth in github, here is the link to my site I like to constantly publish issues that I will develop in my online teaching. I have 2000 followers on Twitter and 2600 followers on Google plus For further information you can always take a look at my homepage at