As an homage to the very first tutorial ever posted in the Community, I’m going to create a quick scrolling text demo.
For reference, the scrolling text I’m going to replicate is like a stock ticker or a news ticker that scrolls along the bottom of your TV screen.
Here’s a quick demo - just click on the text to see it in action:
This really reminds me of the much maligned
<Marquee> tag in HTML, but it’s surprisingly easy to create in Thunkable so read on.
1. Design your app
In this example the phrase "The quick brown fox jumps over the lazy hedgehog. " is going to continuously scroll across the screen.
Note that our sentence ends with a full stop and a space.
2. Move the first letter to the end of the label.
With this first set of blocks, we take the first letter in the label and copy it to the end of the label.
3. Remove the first letter
Now that the first letter is copied to the end of the label we can go ahead and remove the first letter with the next four blocks.
4. Set the scrolling Speed
Using the built-in
wait block we can choose how fast the text is going to update, or scroll. The lower this number is, the faster it will appear to move.
5. Rinse and repeat
Finally, wrap the whole thing in a
forever loop to make the scrolling happen continuously and you’re done! The whole thing takes about 15 blocks and can be done with just one component.
Did you notice our new events?
Also, the keen-eyed amongst you will have noticed that the whole thing is triggered by clicking on the
Here’s the remix link so you can customised this project for yourself.