AdrianEraldo's Tutorials - Corona SDK, LUA, and more...

Programming for beginners – part 4

2012-08-31T21:05:00.001-07:00

I hope everybody understands my previous posts. If not please let me know what is not clear and I’ll try to clarify.

What you see here is the actual MEMORY. I don’t want to get to technical so I’m just going to say that inside of these little boards resides the information that we are going to work with.

How? we don’t care for now.

Remember last time we were talking about boxes, and variables. So to recap from last week, a variable is representation of a container, such as a box. It holds information: numbers, names, dates, images, sounds, music, etc. In our case with MINIFONO (or Candy Toy phone) we have a screen where we have all the buttons that represents the numeric pad of a phone. Each of these button’s has different attributes: size, image, location and is tied to a specific functionality, more on that later. For example the number one is a button that has an image attached to it. It also has a position on the screen. A size. So we can say that there are several variables assigned to button number one.

And because there are several of these variables or boxes it’s a good idea to go to the hardware store and buy a bigger box to hold all these variables together. But first let’s define what we know now. And here comes the part were we actually code. In LUA we do it this way.

local buttonOne <—here we name it, we create the box but we don’t assign any value yet

And since we came back from the hardware store with a bigger box we are going to use it for buttonOne. In it we are going to store the image that was created previously. Like this:

buttonOne = display.newImage(“buttonOne.png”) <—that’s the way you do it in Corona SDK, more later.

buttonOne now has become the bigger box that will from now on contain the other attributes we discussed just now. In the next episode we will assign the size, the location on screen, etc.

More programming for beginners – part 3

2012-08-24T21:59:00.001-07:00

Guess who forgot to post!

Anyhow let’s get to this week’s lesson: Variables!

I know it doesn’t sound fun but this is a very important concept. So what is a variable? Is a tag, or a box that contains information in it.

Let’s say we need to add 2 numbers and show the result. So we ask the user for the first number and STORE it in the first box, we call this first box, let me see what could be an original name? How about BOX1, now my brains are melting.

Let’s call the second box BOX2. In box2 we store the second number but wait we still need a third box, in this one we need to store the result of the adding operation. We call this box resultbox. Do you follow me? And then we tell the computer to add, we do it this way:

RESULTBOX = BOX1 + BOX2

Voila! So now we have the result in the variable called RESULTBOX, was that easy or what?

But why is this important? Well we now see a very simple example with 2 numbers and with a simple operation, but what if we had to do different operations? We’ll save that for later. For now we need to understand that a variable is a box that contains data. You need to know something more, this box is a representation of actual computer MEMORY.

I bet you went to the store one day and the guy talked to you about memory and ram and gigabytes, well next time I’ll explain that too!

See ya!

Programming for beginners – part 2

2012-08-16T16:55:00.001-07:00

And here we are again, thanks for coming back!.

I hope everything was clear last time we met, if not please comment and let me know.

Today we are going to learn a few new things. First of all, on the right there’s a picture from my first app. I named it mini fono candy (or minifono for short). My plan is to take you from absolutely no programming knowledge to being able to make an app like minifono.

Like I said, let’s go slowly first. When I first started programming there were not many options and I only had access to a very small computer called zx81. It was similar to a programmable calculators we use these days. But it really worked as a teaching tool and because it was so limited it made me think things twice.

My first game, back in 1983, was a horse racing game. It was very rudimentary but it served it’s purpose. There were 10 horses and you could bet on one of them. At the end of the race you could win or loose, easy.

So the first thing I needed to do was to make 1 horse. Remember last time I was talking about the visual representation, the pixel, right?. So first thing was making a horse. Back then I just put 3 squares together, because that’s was all available, period. Today I would do it differently. I would make a horse with a paint software.

So let’s say we have an image of a horse, we now tell the computer to put it on the screen. And then move it to the right. We repeat this step as many times as needed to complete the amount of horses in our race. At the end we check which one wins, if it’s our horse we then increment our reward. That’s fine but what this has to do with programming? Well, years later I went to school and actually learn how to program. There they taught me something very important. They taught me that I need to understand the problem before I try to solve it.

Minifono is an app that teaches the numbers from 0 to 9 in English and Spanish. Right, so what’s the problem here? Mmmh.

Let’s say this: every time I touch a button I need to hear the sound of that number. That’s it? Well yes but wait, that’s easy to say but how on earth do we do it?

Let’s isolate the problem a little bit. First of all we need to show the button, then assign an event (touch) and then assign a sound to that event. Do you get it? Ok, so then let’s start with what we call CODE. A code is a language that the computer understand. It’s also known as programming language. So we first need to learn it before we can command the computer to do such things.

For every object that we see on screen we need a referrer, something, like a tag on a t-shirt. We call this tag a variable. And we need it because we need to put some information in it. Put? similar to a TAG, tags have information written on it right? things like price, brand, size, etc, right? I feel illuminated now. So a variable is a tag, a container that has information in it. We need to name those tags, we are going to call button1 to the first tag. So now we have a variable called button1. This variable is not attached to anything right now but it will NEXT WEEK !

So please read this as many times as needed. See you next week!

Oh and if you need to download minifono just click on it’s name and it will take you to the App Store it’s FREE, if you don’t have an apple device you can still get it from the Barnes and Noble Store.

How to start programming for beginners

2012-08-09T19:09:00.001-07:00

I previously made a tutorial about how to make an iPad eBook, but, I received several comments saying that those tutorials are a little too difficult for someone who doesn't have any previous experience; so I decided to start from scratch and make a tutorial for really really beginners.

In other words, if you already programmed then this tutorial is not for you. On the other hand if you don't have any idea but you have a passion and you are willing to study and practice then this is for you.

I used to teach basic computer skills in the 90's and frequently found people who never ever touched a keyboard, so I designed ways to explain programming using some examples and analogies. At that time I used to ask this: What is a programmer? Do you have a washing machine at home? If so then you are a programmer already! Let me explain. A program is a series of steps that a computer has to follow. In this case a washing machine follows a series of steps such as, wash, rinse, etc. If you can see this then you are almost there.

Now you say that's really easy to see but how do I make a game such as Plants Vs Zombies? Whoa, hold on there! You need to start small and gradually get into more complex things. Think about this, what you see on your monitor is just a dot of light. Or should I say millions of them. That's all. You just interact with them via several different ways such as: keyboard, mouse, finger, etc. Those points of light on your screen are called pixels. Order them and you get an image. Presto. Then you can tell the computer to move that image. Or perhaps rotate it, or detect if it collided with another image. You see we start building the concepts little by little.

And this now looks more like an introduction to a book, and who knows maybe in the future it will be. For now let’s just get started.

So, we need to know how are we going to tell the computer what steps she needs to follow. But wait, is there a dial similar to a washing machine one? Nah. If there was one then computers would be very limited. So instead of a dial we have a keyboard. With it we can enter instructions. A set of instructions becomes a program. Easy right?. And a set of programs becomes an application, such as Word or Excell.

What we really need to do now is learn the language the computer uses; what kind of structures we need, what kind of things or commands the computer is capable to perform. For instance, we would like to display a word or a sentence on the screen. How do we tell the computer to do that? This kinds of things we will learn in these tutorials.

So for this first one I will tell you that we are going to learn a language called LUA. And for now that’s all you need to know about it.

To get ready for the next tutorial I want you to grab a notebook (a paper one), a pencil and eraser, that’s all. We need to write down some information before we proceed with the actual programming. Later you’ll have a summary of the commands that you can use.

See you next week!

AdrianEraldo

What is a Spritesheet? (not a drink)

2012-07-27T20:50:00.001-07:00

I have found this very interesting video and I wanted to share it with you. It’s about spritesheets, wait what?

Ok, a spritesheet is a big image file that contains smaller images inside. The reason behind this is to avoid having multiple images spread around the project directory and to save memory on the device. But enough introduction, here it is:

SpriteSheets video

Thanks Andreas Loew for letting me share this content.

P7 - How to make an iPad eBook with CoronaSDK

2012-07-26T15:47:00.001-07:00

In this tutorial I’ll show you a demonstration on how to use a very important module called Director. This module was develop by Ricardo Rauber at his lab in Brazil. He created it to help the developer’s community and certainly he is doing a great job. Right now he is in version 1.4. if you want more information you should go to his page http://rauberlabs.blogspot.ca and take a look. The only sad things is that there is not available information for beginners, so that’s why I decided to give Ricardo a hand and try to explain a little more what is it about. I hope I’m doing a good job here, if not please let me know what would you like me to explain further.

But then how did I manage to understand it? Well there are some comments inside the module. And you can also run it and see how it works. So that’s about it. After that you need to implement it with your own code; and that’s how I teach myself.

If you are looking for my work you can visit my page: Interactive iPad Books for children on my other website. And if you are feeling thankful please buy one of my apps.

So let’s get to it.

Nook store nightmares...

2012-07-25T19:21:00.000-07:00

As some of you may know publishing in the NOOK app store could be a nightmare.
First of all, if are a developer like me, you might want to look into this store since has a few but good features (that in another post).
So for now I want to warn you that applying is a nightmare. First all the questions, then the taxes even if you are publshing outside the US you still need to apply for an EAN.
As usual, if everything goes the way it goes in a perfect world then you don't have to worry. But if you live in the same world that I live then you are screwed.
All I want to say for now is that pay attention to every step. Specially in the tax application because if you misspelled the name of your street then the process is halted. In my case instead of just typing the number of my apartment there was the word UNIT in front. So for that reason my application was put in review mode.
Ok, that's it for now.
Cheers!

Why iBooks Author is a big deal for publishers

2012-07-24T13:02:00.001-07:00

Very interesting blog post about making iPad interactive books ->
Media Concepts Research Group: Why iBooks Author is a big deal for publishers

Part 6 - How to make an iPad intereactive book app using Corona SDK

2011-12-09T16:28:00.001-08:00

Hello and welcome to another tutorial. This time I'm going to show you how to make an object draggable. So in other words, once you created your object you can add features to it such as physics, etc.
I recomend going to the other videos first but if you feel you know enough then go ahead.

Please visit http://totostudios.com and buy one of my games.
If you enjoyed this tutorial please share it with your friends.
Tutorial on dragging objects on-screen using CoronaSDK.

Part 5 - How to make an iPad interactive book with Corona SDK

2011-10-10T19:18:00.001-07:00

This is part 5 of my tutorial on how to make an iPad interactive book for children. In this lesson we’ll see an introduction to the physics engine that comes with Corona SDK. What we are going to see here is an explanation of a sample that ships with Corona SDK, so in other words if you installed Corona SDK in your computer then you have the sample file already. You probably want to watch the previous tutorials before you watch this one.

Part 4 - How to make an interactive iPad book using Gumbo

2011-10-03T23:41:00.001-07:00

Hi everybody! I was on holidays so it took me longer than expected to post this tutorial but here it is at last.
In this tutorial I’ll show you a web tool called Gumbo. We will use it to place images on screen without having to type a single line of code! Later I’ll show you how to add sound to an object; when the object is touched a sound plays. I hope you like it and please share it!
Cheers!

Part 3 – How to make an iPad book tutorial using Corona SDK.

2011-08-21T23:56:00.001-07:00

Ok, part 3 is here. Sorry for the delay, I had a little problem with my screen cast software…

So, in this tutorial we are going to display 3 images on-screen using Corona SDK simulator. It is going to be a really simple tutorial yet powerful. From now on you could potentially add as many images as you want to your project after this tutorial.
Later on we will interact we the images, add sound, narration and GRAVITY!!
If you are familiar with the pop up books series you know what I’m talking about. Ok here’s the video, enjoy and don’t forget to comment!!

How to make an iPad ebook tutorial – Part 2

2011-08-12T00:34:00.001-07:00

As I promised here is Part 2 of my tutorial “How to make an iPad ebook” with CoronaSDK fast and easy.
I hope you already downloaded the necessary files as stated before, if not lucky you! cause I’m explaining how to do it in this video that I just recorded.
I noticed some outsynch problems, I’m not sure why… I’m using BBFlash to make the videos.
Next time I’ll try with a different one. FYI I already tested CamStudio and it works fine but it creates huge files. I’ll try it again to see if I can set it right.
Ok, less talk and more video:

2011-08-10T20:43:00.001-07:00

Where can I get this wonderful game for my child? I heard it teaches you basic numbers in Spanish!

Update

2011-08-08T23:27:00.000-07:00

Hey guys!
I haven't forgotten about the tutorial I promised, I'm working on part 2 and I think I will have to trim it. I know I've said that I was going to teach how to make the drawings in flash but that's not gonna work, it's just too much.

So the new tutorial will be a basic one using Corona SDK.
I'm currently working on the assets for the tutorial. So when I'm done with that you'll see how easy it is to make an iPad book with Corona SDK.

I'm going to ask you that, if you are following my tutorial, go to http://ow.ly/5YpnS" and download the SDK. Don't worry just subscribe, which is totally free, and then download the windows or mac version.Once you do that we are ready to go.

If you already went to the ansca website you probably seen that you need to use coding. That's right but it is really easy and fun. I promise. I'll show you exactly what you need to do and you can copy and paste code, replace the assets and voila!
I'm positive that you can have the iPad book running the same day.
Next part will be ready later this week, meaning you will have your book ready to show for this weekend! 100% guaranteed or your time spent reading my post back. Not sure how to fulfill that but I'll try ;)

How to publish your iPad book tutorial. Part 1 of 12.

2011-08-06T23:00:00.000-07:00

This is just the announcement to my new tutorial about making apps for the iphone platform.

We all know that is not easy to get into the app market. So I decided to give you a break and teach you how to publish your book in the App Store; and who knows even make money?.

This tutorial can not guarantee that you will make money but I’m sure you’ll find this information very useful.

If you follow along you will have your book ready to publish in 6 weeks. You could do it faster I’m sure but I can’t promise that I will have time to post the required tutorials in time.

I have 5 apps in the making and one already published a month ago. You can find it here.

So let’s start.

This is a shopping list of what we are going to need:

1) A story.

2) Images related to the story.

3) Background music.

4) An apple developer account.

5) Download Ansca Mobile Corona SDK.

6) Lots of motivation.

I’m assuming that you already have a story.

If you don’t have any images I’ll show you how to create them in Flash. After that we will download free music for our app. Then we will download the Corona SDK. Later I’ll guide you through the process of creating a developer account; which you need before you can submit your app.

And finally the process of creating the required certificates to test the app on your iPad and submitting it to the App Store.

Sounds easy?

See you in a couple of days.

MiniFono App Review

2011-08-04T11:35:00.000-07:00

I asked the CEO of Toto Publishing Studios to give us a brief review of their new iPad App MiniFono. Here it is:

You can download it for free here: http://itunes.apple.com/us/app/minifono/id446060200?mt=8&ls=1

If you like the game please review it in iTunes, thanks!