Give us feedback
Reactive icon

JS Particles Text

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded on 26 November 2021 by 
 (0 ratings)

JS Particles Text

This is to demonstrate particle animation in Javascript using HTML Canvas. Hover the mouse over the text for effect.
Read more

I found this impressive tutorial on Youtube on Javascript animation using HTML canvas.  I implemented the code in Outsystems for demonstration.  You may also use the Web block for your own project.

Here are parameters of ParticlesText Web block:

* elementId -- After dragging the web block on the screen, publish it and use the Element Id as the value

* width -- width of web block

* height -- height of web block

* textToDisplay -- text to be rendered by particles.  Default is "CDR"

* colorHex -- Hex equivalent of the text color

Please check the demo application on how it was used.  Any suggestions for improvement are very welcome.

Release notes (1.0.1)

Replaced WIDTH and HEIGHT parameter to:
*  font -- Font Style of text to be rendered

*  size -- Size of text to be rendered

Reviews (0)