GIDEROS TEXT FIELD HOW TO
GIDEROS TEXT FIELD CODE

In Lua you start one line comments with. Let me explain this line by line - a script Great, your first mobile app is finished! Save it, run Player and you will see text “Hello World” displayed there or on your smartphone (you have to run the Gideros app on your smartphone first of course). Local myTextField = TextField.new(nil, 'Hello World!')

GIDEROS TEXT FIELD CODE

Delete the code in our editor and add this : This takes few more lines but it is still easy. “Hello World” on Gideros Player / Smartphone There is our hello world! Of course this is handy when we need to debut or test something but what we want is this text to appear on Player or our smartphone. But check the Output window and you will see something like this: Program will execute and… nothing will happen on Player. Start the the local player (Player->Start Local Player) and press play button on Gideros menu. Double click it so it opens in the editor. This is how you will add new code files to your project. Right click on the HelloWorld project icon and select Add New File as seen below: Name the project HelloWorld and browse to directory where you want to store your projects and click OK. Start Gideros(Gideros Mobile Studio) and select File->New Project from menu. We will create 2 versions of “Hello World” – one that prints to console and one that prints to your mobile device phone screen (or Gideros Player). Again, I am just learning Lua too so you don’t need to be master Lua to follow this tutorial. I am assuming that you are a developer who knows at least one language and have a basic understanding of how programing works. Posted in Gideros, Mobile Tagged gideros, lua, mobile 1 Comment on Gideros Mobile Tutorial 3: Shapes Gideros Mobile Tutorial 2: “Hello World”Įvery tutorial starts with “Hello World” and who am I to break this tradition? 🙂 Please keep in mind that I will not be teaching Lua language, concepts of Objects, functions etc. Play with it a little, create different shapes. MyShape:setRotation(40) - rotate shape by 40 degrees MyShape:setPosition(100,100) - move the entire shape to 100,100 now we apply some transformations to the shape we created MyShape:lineTo(0,0) - draw left side of rectangle MyShape:lineTo(0,100) - draw bottom of rectangle MyShape:lineTo(100,100) - draw right side of rectangle MyShape:lineTo(100,0) - draw top of rectangle MyShape:moveTo(0,0) - move pen to start of line MyShape:setFillStyle(Shape.SOLID, 0xFF0000) - solid red fill color MyShape:setLineStyle(2) - set the line width = 2 Modify the code so it will look like this: If we want to prevent out rectangle from previous example to move off the screen we first create the shape at 0,0 coordinates (left top corner) and then move it to 100,100. The anchor point affects how the shape behaves when manipulated (e.g., rotated, scaled). Shapes are “anchored” at the graph origin (0,0).

Now let’s draw a rectangle, fill it will color and apply some transformations learned in previous lessons. I am sure developers understand the screen coordinate system (line from 100,100 to 200,100) but here is the coordinate system just in case:

As you can see once we create new Shape object named myShape we always use “myShape:” to change it’s properties, do something with it etc. The “lineTo” function draws a straight line from current pen location to the destination location. We can use pen & paper analogy to explain it even simpler: The “moveTo” function is like lifting a pen off the paper and moving it to a different location without drawing anything. I think it is not hard to see what is going on here. Stage:addChild(myShape ) - add the shape to the stage - display it MyShape:lineTo(200,100) - draw line to new coordinates MyShape:moveTo(100,100) - move pen to start of line MyShape:setLineStyle(1) - set the line width = 1 MyShape:beginPath() - We have to tell shape to begin a path Local myShape = Shape.new() - create the shape object assigned to variable myShape Add this code (comments - are in the code) to a, run the player and you will see black line on your screen. Remember that in Gideros we create every new object (sprites,textfield,shape,bitmap…) with the keyword new. Create new project, name it “Shapes”, add new a file and open it in editor. You can draw primitive shapes with Gideros on the screen.

GIDEROS TEXT FIELD HOW TO

I will leave out step-by-step explanation on how to add files to projects, how to start Gideros Player etc because this was covered in previous tutorials.

It’s nice to have something else on the screen than just text.

Gideros text field