Yeoman for Three.js

Learn to use yeoman to boost your three.js workflow and have fun making a WebGL nyancat in the process.
4.0 (30 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,164 students enrolled
Free
Start Learning Now
  • Lectures 7
  • Contents Video: 34 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2014 English

Course Description

  • 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!

Bonuses:

  • 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.

What are the requirements?

  • a basic http server to deliver the application

What am I going to get from this course?

  • generate a three.js boilerplate
  • display a nyancat in webgl
  • use yeoman to boost your three.js workflow

What is the target audience?

  • web developers interested in creating their own 3d game

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
04:01

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

04:38

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

Section 2: The Meat
06:12

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

08:20

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.

07:29

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

Section 3: The End
01:03

Let's summarize what we learned!

01:49

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Hi!

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 http://learningthreejs.com/. 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 http://jeromeetienne.github.io/threex/

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 https://www.youtube.com/watch?v=LDjPuiV5tUUhttps://www.youtube.com/watch?v=rXl7gOK0VfE

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 https://github.com/jeromeetienne. I like to constantly publish issues that I will develop in my online teaching. I have 2000 followers on Twitter https://twitter.com/jerome_etienne and 2600 followers on Google plus https://plus.google.com/+JeromeEtienne/posts. For further information you can always take a look at my homepage at http://jetienne.com/.

Ready to start learning?
Start Learning Now