Category Archives: Tutorial

Software Tutorials

Tutorial: SpriteIlluminator

I was recently selected to be able to beta test SpriteIlluminator by CodeAndWeb. SpriteIlluminator helps you add dynamic lighting to your mobile games by helping you create a normal map to add to your sprite.

Since the majority of my mobile games are created using Corona SDK, I’m going to cover how to get started integrating SpriteIlluminator into that.

The first thing you’ll do is import a sprite into SpriteIlluminator. Here I just quickly drew a guy for this demo.

Screen Shot 2015-02-26 at 10.09.32 AM

Next you can add the various effects, such as bevel and embossing.

Screen Shot 2015-02-26 at 10.09.54 AM

You can drag the light source around and see how your sprites will look in real-time, which is very helpful. You can also use the lasso tool to select certain portions of the sprite and add effects just to that part.

Screen Shot 2015-02-26 at 10.12.28 AM

When you’re finished, you can publish out the project and it will create your normal map file.

Screen Shot 2015-02-26 at 10.14.42 AM

In this example, I beveled the sprite and then raised the shirt sleeve, nose, and eyes to make them stand out. Then in SublimeText, I created a main.lua file and did a composite of both the sprite and its normal map. Here you can see how a light source reacts to the sprite.

Screen Shot 2015-02-26 at 10.18.54 AM

If you set the attenuationFactor to 0, you can see the portions are the image that I beveled and raised in SpriteIlluminator.

Screen Shot 2015-02-26 at 10.19.06 AM

And if you reverse the order of the sprite and its normal map, you can see the beveled image.

Screen Shot 2015-02-26 at 10.19.28 AM

SpriteIlluminator is a very easy-to-use and powerful tool to help add some nice dynamic lighting effects to your games. This is obviously a very basic example of what it can do, but hopefully it’s enough to get you started in integrating it in your Corona SDK apps.

Advertisements

Construct 2: Space Pinball Tutorial

I’m very pleased to announce that my new video course, Create a Space Pinball Game in Construct 2, is now live on Udemy!

It’s priced at $59, but I want to offer it to my loyal blog followers at a special discounted price of $20. The first 50 readers to use promo code BLOGFOLLOWERS or click this link will save $39 off the normal price.

Thank you for continuing to read my blog and have fun making the pinball game!

Sketch 3

I was recently commissioned by Stone River E-Learning to create a video tutorial series on Sketch 3 software. If you need a lightweight software package to quickly mock-up websites or mobile apps, Sketch 3 is very useful. The learning curve is very small and there’s even a website devoted to templates and artwork specifically for Sketch 3 that you can use.

I didn’t want the tutorials to be a typical “this is how you use the oval drawing tool” course, so the very first lesson is creating an actual Facebook app clone. I figured it’d be more exciting to create working examples and the students would learn how to use all of the tools by actually making something.

If you don’t already own a copy of Sketch 3, get the 30 day free trial here and check out the course here.

Tutorial: Android TV App Development

I recently got my Maddie Bear’sSnack Time game published for the Android TV console. Since I was one of (if not the) first person to do this with Corona SDK, they asked me to write a tutorial about it.

mbstTV

Check out the tutorial here: http://coronalabs.com/blog/2015/01/13/tutorial-creating-android-tv-apps/ and you can go through step-by-step with a working example of how to get your app on the Android TV.

Tutorial: Affinity Designer

I recently recorded a complete video tutorial series on Affinity Designer for Stone River e-Learning. You can check out the entire lesson here. The course teaches everything from illustration, logo design, user interface mock-ups, and exporting for web and mobile devices. However, if you’re just wondering how Affinity Designer can help you mock up mobile user interfaces, here is a tutorial.

You can download the entire step-by-step tutorial and the resource files. You are free to use the artwork provided for personal or commercial use. However you cannot sell or distribute the tutorial.

Download the tutorial here.

57

Create a Feeding Fish Frenzy Game in Construct 2

UdemyPromoImage

I’m happy to announce the launch of my new video tutorial series: Create a Feeding Fish Frenzy Game with Construct 2!

The lesson features:

  • Over 3 hours of video content
  • All artwork, sound effects, music, and Construct 2 files used in the tutorial
  • Detecting if the player is on a computer or touchscreen device
  • Changing levels once the player reaches a certain score
  • Randomly generating different size fish on the screen to eat or in which to be eaten
  • Implementing animation

Check it out on Udemy today!

udemy

Construct 2 Video Tutorial Course

It’s been a very busy week at GP Animations! The www.GPAnimations.com and www.MaddieBearBooks.com were both redesigned for the new year, and I completed a new video tutorial course on Construct 2!

udemy

I’m working with CartoonSmart.com to get it on their site, but you can get early access to it right now through Udemy.com. The course teaches you how to use Construct 2 to create games that you can play on computers and mobile devices. Even if you’re not familiar with game development, you can take the course because you don’t need to learn a programming language.

Check it out, and I hope you enjoy it!