Game Design Tutorial

JavaScript TutorialIn this one video we will make an entire game and you’ll actually understand it through diagrams and more. We’ll create Pong using JavaScript and you’ll learn about Receiving User Input, Handling Collisions, Moving AI, Creating User Interfaces, Playing Sound and Much more. You can play the game here. The sound file is here.

All of the heavily commented code follows below. If you want me to make a specific game please tell me. Continue reading Game Design Tutorial

Illustrator CC Tutorials

This is part 1 of my Adobe Illustrator CC Tutorials. I decided to mix these into my regular videos to have some fun. In this 1st video I’ll show you how to make a precise recycling logo while teaching a ton of tricks. I cover basics like creating documents, switching between units, centering art, using layers, drawing shapes and more. Then we’ll create guides, move art with precision, swatches, rotating, etc.

My goal is for you to become a master at using Adobe Illustrator by the end of this series. The art is free to download here. Continue reading Illustrator CC Tutorials

JavaScript Paint App Finished

JavaScript TutorialIn this part I finish my JavaScript Paint App. In this part I finish my JavaScript Paint App. It can draw brush strokes, lines, rectangles, circles, ellipses, and polygons. The app also saves and loads new images. When I cover other libraries and frameworks in the future like Node I will add additional capabilities.

All of the code and a transcript of the video follows below. Take notes as you watch to help you learn. I hope you have enjoyed the tutorial. Continue reading JavaScript Paint App Finished

JavaScript Paint App 2

JavaScript TutorialIn this part of my JavaScript Paint App tutorial I make the toolbar work, show how to get canvas mouse positions, save / redraw the canvas, create the rubber band system, find angles, convert to radians / degrees, save / import images and set up event handling. In the next video I’ll finish the whole app.

All of the code used is available below to help you learn. Here are the images used. Continue reading JavaScript Paint App 2

JavaScript Paint App JavaScript Canvas API

JavaScript TutorialIn this tutorial I start creating a JavaScript Paint Application while exploring all that is possible with the JavaScript Canvas API. We’ll create a paint app that allows for Opening, Saving and the use of Brushes, Lines, Rectangles, Circles, Ellipses and Polygons. Each tool will work with the rubber band effect like other advanced paint apps.
I will add on to this series if you guys want me to. If this series averages 10,000 views I will continue adding functionality. Continue reading JavaScript Paint App JavaScript Canvas API