Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
gdevelop5:objects:text [2019/05/18 01:07]
piyushpalawat99
gdevelop5:objects:text [2019/06/01 22:10] (current)
nilarjun
Line 10: Line 10:
 ==== Create a text object ==== ==== Create a text object ====
  
-First we need to create a text object by clicking the add object button at the bottom of the Objects list. Select "​Text" ​ from the list that appears. +Firstwe need to create a text object by clicking the add object button at the bottom of the Objects list. Select "​Text" ​ from the list that appears. 
-{{ :​gdevelop5:​objects:​add-text-object.png?​nolink&​200 ​|}}+{{ :​gdevelop5:​objects:​add-text-object.png?​nolink |}}
  
 ==== Change properties ==== ==== Change properties ====
  
-Next you want to change the properties of the text object. Right click on the newly created Text object in the Objects list on the right. Select "Edit object"​ from the popup list. The panel will open up the properties window. +Nextyou want to change the properties of the text object. Right click on the newly created Text object in the Objects list on the right. Select "Edit object"​ from the popup list. The panel will open up the properties window. 
-{{ :​gdevelop5:​objects:​text-properties-window.png?​nolink&​400 ​|}}+{{ :​gdevelop5:​objects:​text-properties-window.png?​nolink |}}
 ==== Change text ==== ==== Change text ====
  
 Here you can change the text displayed by the object by simply click the text field and type something else. Here you can change the text displayed by the object by simply click the text field and type something else.
-{{ :​gdevelop5:​objects:​change-text.png?​nolink&​200 ​|}}+{{ :​gdevelop5:​objects:​change-text.png?​nolink |}}
  
 ==== Change size ==== ==== Change size ====
  
 You can also change the size of the text by changing the value next to the Size field. You can also change the size of the text by changing the value next to the Size field.
-{{ :​gdevelop5:​objects:​change-size-of-text.png?​nolink&​200 ​|}}+{{ :​gdevelop5:​objects:​change-size-of-text.png?​nolink |}}
  
 ==== Change color ==== ==== Change color ====
  
-The color of the displayed text can be changed by clicking on the palette color square located to the left of the "​Bold" ​check box+The color of the displayed text can be changed by clicking on the palette color square located to the left of the "​Bold" ​checkbox
-{{ :​gdevelop5:​objects:​change-color-of-text.png?​nolink&​400 ​|}}+{{ :​gdevelop5:​objects:​change-color-of-text.png?​nolink |}}
 ==== Change the font style ==== ==== Change the font style ====
  
 The style of the displayed text can be changed. You can choose from bold, italic or even choose a custom font file. The style of the displayed text can be changed. You can choose from bold, italic or even choose a custom font file.
- {{ :​gdevelop5:​objects:​change-style-of-text.png?​nolink&​400 ​|}}+ {{ :​gdevelop5:​objects:​change-style-of-text.png?​nolink |}}
  
 Further, text can be changed using events. Below, the text object is changed to 150px when the scene is loaded. Further, text can be changed using events. Below, the text object is changed to 150px when the scene is loaded.
  
-{{ :​gdevelop5:​objects:​changetextsizeviaevents.png?600 |}}+{{ :​gdevelop5:​objects:​changetextsizeviaevents.png |}}
  
  
Line 49: Line 49:
 Manipulate a Text Object Manipulate a Text Object
  
-[[https://​editor.gdevelop-app.com/?​project=example://​manipulate-text-object|{{ :​gdevelop5:​objects:​changetextexample1.png?400 |}}]]+[[https://​editor.gdevelop-app.com/?​project=example://​manipulate-text-object|{{ :​gdevelop5:​objects:​changetextexample1.png |}}]]
  
 * https://​editor.gdevelop-app.com/?​project=example://​manipulate-text-object * https://​editor.gdevelop-app.com/?​project=example://​manipulate-text-object
  
 Fade Text In and Out Fade Text In and Out
-[[https://​editor.gdevelop-app.com/?​project=example://​text-fade-in-out|{{ :​gdevelop5:​objects:​textfadeoutinexample.png?400 |}}]]+[[https://​editor.gdevelop-app.com/?​project=example://​text-fade-in-out|{{ :​gdevelop5:​objects:​textfadeoutinexample.png |}}]]
  
 * https://​editor.gdevelop-app.com/?​project=example://​text-fade-in-out * https://​editor.gdevelop-app.com/?​project=example://​text-fade-in-out
Line 60: Line 60:
 Type on Text Effect Type on Text Effect
  
-[[https://​editor.gdevelop-app.com/?​project=example://​type-on-text-effect|{{ :​gdevelop5:​objects:​type-ontexteffectexample.png?400 |}}]]+[[https://​editor.gdevelop-app.com/?​project=example://​type-on-text-effect|{{ :​gdevelop5:​objects:​type-ontexteffectexample.png |}}]]
  
 * https://​editor.gdevelop-app.com/?​project=example://​type-on-text-effect * https://​editor.gdevelop-app.com/?​project=example://​type-on-text-effect