How to create a typewriter effect

Best Practices + Tips & tricks
1

Typewriter effect

I’d like to share a quick trick to create a typewriter effect in Intuiface. The goal is to reveal a string of text, one letter at a time, at a specific cadence.
This demo takes advantage of:

  • Excel IA to determine the length of a string
  • Text Manipulation IA to progressively extract a longer substring
  • A timer to define the cadence

Download the Typerwriter Effect XP here. Enjoy!

[EDIT Intuiface]
Version without Excel formula but custom script converter. Requires Composer Premier or Enterprise.
Typerwriter Effect - Seb.zip (6.2 MB)

7 Likes
2

Yeah, very nice! :tada:

For your information, you can even get rid of the Excel length part by using a custom Converter with just this little piece of javascript:
INPUT.length

image
image3418×1744 493 KB

I’ll try to reuse this with a typewriter font like one of these :wink:

meraviglioso! :it: :+1:

Alex.

6 Likes
3

Ah the custom converter and the right font, good ideas. Thanks @Alex!

4

This is awesome @tosolini thanks for sharing!

2 Likes
5

Hi Paolo @tosolini!

That is a great usage of the Text Manipulation Interface Asset!!

I can’t help but agree with @Alex on simplifying your XP with a Custom Script converter instead of using an Excel file to compute the text length. I added this version to your original post for those who are interested :wink:

3 Likes
6

I feel that the Custom Script Converter is one of those gems that can give a lot of satisfaction if you know a bit of Javascript. Thanks for simplifying my XP even further @seb

3 Likes
7

Well done Paolo! Putting this to use :slight_smile:

1 Like
8

The maestro does it again !! :grinning:

1 Like