Created on 25 November 2021
icon_unfollowing
Login to follow
js-particles

JS Particles Text

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded on 26 November 2021 by 
js-particles

JS Particles Text

Details
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)
Category
Demos & samples, User interface
Support options
This asset is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from  who created this asset.
Dependencies
See all 1 dependencies
Application Objects
JS Particles Text has 0 AOs.
Team
Compatible with
Version 11
11.12.0 or higher
Database:
All
Asset consumers
No consumers yet.
Weekly downloads