Your own textbox

6

Index

Attached Files

The following files have been attached to this tutorial:

.capx

tutorial-ext.capx

Download now 176.52 KB
.capx
.png
.png

unselected.png

Download now 250 B

Stats

8,400 visits, 19,969 views

Tools

License

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.

Published on 5 Dec, 2013. Last updated 19 Feb, 2019

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.

  • 1 Comments

  • 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.