Terminal / Console Style Text Input

Post reply

❤Follow Topic(3)

0 favourites

3 posts

From the Asset Store

Customised Input Template - Gamepad, Keyboard and Mouse Support

$14.95 USD

Total customisation of the input! You can combine inputs from all peripherals. Make your game accessible for everyone!

Biim Games

- PSyCHoHaMSTeRza
- - Joined 9 Jun, 2017
  - 12 topics • 30 posts
- 1
- 29 Sep, 2019
- Quote
Hi guys

I am using Construct 3.

So, I want to make my text input look like a console or terminal. More specifically, I want a blinking cursor in it.

This website has a good example of what I am looking for.

blog.carbonfive.com/2015/01/07/vintage-terminal-effect-in-css3
Though I will also be happy with a blinking underscore.

I know a little bit about CSS (already changed the font, colour and background of the text input how I like it), but it's the classes and ID's and stuff that mess me around here. I don't know how to use them in C3 because I can only change Properties and Values.

All I want is the blinking cursor that moves along as I type.

Thank you in advance!
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- dop2000
- - Joined 26 May, 2016
  - 139 topics • 12,613 posts
- 1
- 29 Sep, 2019
- Quote
TextBox is a Form Control object. It may be ok to use in simple word or quiz games, but I wouldn't use it in anything more serious. Form controls have all kinds of problems with scaling, scrolling etc. I advise doing this with a spritefont instead.

Here is a small demo:

dropbox.com/s/wj1vpn641t7mjct/SpritefontWithBlinkingCursor.capx
Of course, it works like a very basic terminal input. You can't move cursor, use lowercase/uppercase, select text etc. It's possible to add these features, but they will require more work.
- PSyCHoHaMSTeRza
- - Joined 9 Jun, 2017
  - 12 topics • 30 posts
- 1
- 2 Oct, 2019
- Quote
Thanks, I am going to implement this.

For anyone else using this with a custom spritefont (I made mine with this https://www.construct.net/en/forum/game-development/tools-and-resources-27/sprite-font-generator-v3-64038), firstly, make sure you colour fill the < symbol and you erase the > symbol, also make sure the character set in the spritefont properties match the character set you used to export your spritefont, otherwise the blinking cursor won't work.