Your own textbox

  • 22 favourites


Attached Files

The following files have been attached to this tutorial:



Download now 176.52 KB


Download now 250 B


6,314 visits, 16,155 views



This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Pleasant view

Now let's make our textbox looks like textbox.

Save unselected.png and selected.png from Tutorial Downloads.

We will use these two sprites to show state of our textbox.

Add it into your project, call it textbox and edit source text size to fit this textbox.

Add new variable selected which will help us change textbox state.

Unite our two last events with if selected = 1 condition.

Now let's make a visual display of textbox.

Start with simple Every tick - set textbox.animationframe = selected

Now add Mouse object and these two simple events:

Now everything should work fine.


  • Order by
Want to leave a comment? Login or Register an account!
    • [-] [+]
    • 1
    • Fib's avatar
    • Fib
    • 1 points
    • (0 children)

    Thanks for the basics. A few huge things to add on to this that most text editors have is cut/copy/paste, cursor navigation, and text highlighting.