[Paid] Broken A realistic glass breaking effect to any view.

🧩 Broken

An extension for MIT App Inventor 2.
This extension adds a realistic glass breaking effect to any view. It was developed by TechHamara using the Fast library, allowing for a seamless integration of this visually appealing feature into your projects. The glass breaking effect can be applied to any component, providing a unique and engaging user experience. The extension offers customization options for complexity, break duration, fall duration, and circle rifts radius, giving you full control over the animation. Additionally, it includes advanced features such as manual break point control, custom color selection, and animation stage management. The Broken extension is designed to be easy to use and integrate into your App Inventor projects, making it an excellent choice for adding a touch of realism and interactivity to your applications.
Telegram | GitHub
Blogger | YouTube
Find More Extension
Terms & Conditions

:memo: Specifications


:package: Package: io.th.broken
:floppy_disk: Size: 31.56 KB
:gear: Version: 1.0
:iphone: Minimum API Level: 14
:date: Updated On: 2025-05-08T18:30:00Z
:computer: Built & documented using: FAST v2.8.4
:books: Library Use by zhanyongsheng Thanks you for your awesome library.
:heavy_dollar_sign: Buy On UPI 180rs or USD 2💲.
:placard: Find more info on GitHub

Demo

MIT-App-Inventor-05-09-2025_05_14_PM
blocks


fd98c613-3787-4c68-833a-721ec11d7c86

5294bc6a-3b33-4827-ae81-d6292a7c57ad

26b85eaf-6cfe-4060-b88f-dae91fb65c5d


Blocks

CancelEnded_Event
BreakStarted_Event
BreakRestarted_Event
BreakCancelled_Event
FallingStarted_Event
FallingEnded_Event


Stage_Method
Reset_Method
IsAnimating_Method
Initialize_Method
DoReverse_Method
BreakPosition_Method
BreakComponentRandomly_Method
BreakComponentAtPoint_Method
BreakComponent_Method
BreakAndShowComponent_Method
BreakAndHideComponent_Method


CircleRiftsRadius_Get_Property
BreakDuration_Set_Property
BreakDuration_Get_Property
Complexity_Get_Property
CircleRiftsRadius_Set_Property
FallDuration_Set_Property
FallDuration_Get_Property
Enabled_Set_Property
Complexity_Set_Property

Events:

Broken has total 6 events.

BreakStarted

Event triggered when the break animation starts

BreakCancelled

Event triggered when the break animation is cancelled

BreakRestarted

Event triggered when the break animation restarts

FallingStarted

Event triggered when the falling animation starts

FallingEnded

Event triggered when the falling animation ends

CancelEnded

Event triggered when cancel animation ends

Methods:

Broken has total 11 methods.

Initialize

Initialize BrokenView inside an arrangement.

Parameter Type
arrangement component

BreakComponent

Apply glass breaking effect to a component

Parameter Type
component component

Reset

Reset the BrokenView to its initial state

BreakComponentRandomly

Break a component at a random point

Parameter Type
component component

BreakAndHideComponent

Break and hide a component

Parameter Type
component component

Stage

Set the animation stage for the current component (0=Test, 1=Breaking, 2=Falling, 3=EarlyEnd)

Parameter Type
stage number

DoReverse

Reverse the breaking animation if possible

  • Return type: boolean

BreakComponentAtPoint

Break component at a specific point (x,y coordinates relative to the component)

Parameter Type
component component
x number
y number

BreakAndShowComponent

Break and show component (make visible if it was previously hidden)

Parameter Type
component component

BreakPosition

Set custom break position for all future breaks (relative to screen)

Parameter Type
component component
x number
y number

IsAnimating

Check if animation is in progress

  • Return type: boolean

Setters:

Broken has total 5 setter properties.

Enabled

Set the animation enabled state

  • Input type: boolean

Complexity

Set the complexity of the break effect (number of fragments, Default complexity is 12)

  • Input type: number

BreakDuration

Set the duration of the break animation in milliseconds

  • Input type: number

FallDuration

Set the duration of the falling animation in milliseconds

  • Input type: number

CircleRiftsRadius

Set the radius of circle rifts (set to 0 to disable circle rifts, Default circle rifts radius is 66)

  • Input type: number

Getters:

Broken has total 4 getter properties.

Complexity

Set the complexity of the break effect (number of fragments, Default complexity is 12)

  • Return type: number

BreakDuration

Set the duration of the break animation in milliseconds

  • Return type: number

FallDuration

Set the duration of the falling animation in milliseconds

  • Return type: number

CircleRiftsRadius

Set the radius of circle rifts (set to 0 to disable circle rifts, Default circle rifts radius is 66)

  • Return type: number

Buy on PayPal

Thanks

TechHamara

Feel free to contact us any quarry or suggestions.

2 Likes