Core Props Examples

Every component in bilza.js library is derived from a parent class called "BaseComponent". For this reason all of the components share a large number of properties (refered to as core props). For example every component has "opacity" , "x" , "y" etc etc.

Following is a group of examples made to show the use of core props individually by each component. These are the basic tests to check every component`s basic functionality.

Please do keep in mind that some components may not implement all the props and some props are implemented differently in some components. The details of these will be discussed on the individual component pages.


Available Components 8

    circle

  1. Animation Chaining

  2. Width Height Oscillate

  3. Width Height Oscillate (Non Responsive)

  4. Rotate

  5. Color Goto

  6. Padding Responsive

    7. fillRect

  7. Animation Chaining

  8. Width Height Oscillate

  9. Width Height Oscillate (Non Responsive)

  10. Rotate

  11. Color Goto

  12. Padding Responsive

    13. grid

  13. Animation Chaining

  14. Width Height Oscillate

  15. Width Height Oscillate (Non Responsive)

  16. Rotate

  17. Padding Responsive

    18. particleSystem

  18. Animation Chaining

  19. Width Height Oscillate

  20. Width Height Oscillate (Non Responsive)

  21. Rotate

  22. Color Goto

  23. Padding Responsive

    24. pic

  24. Animation Chaining

  25. Width Height Oscillate

  26. Width Height Oscillate (Non Responsive)

  27. Rotate

  28. Padding Responsive

    29. rect

  29. Animation Chaining

  30. Width Height Oscillate

  31. Width Height Oscillate (Non Responsive)

  32. Rotate

  33. Color Goto

  34. Padding Responsive

    35. text

  35. Animation Chaining

  36. fontSize Animation/Oscillate

  37. Rotate

  38. Color Goto

  39. Padding Non Responsive

  40. Padding Responsive

    41. Non Boxed Components

    line


  41. Rotation

  42. Color Goto

    43. canvasBorder


  43. Color Goto