[Free] MasicDraw A designed to facilitate the creation of visually appealing, symmetrical mandala patterns

Extensions
,
1

MasicDraw

A designed to facilitate the creation of visually appealing, symmetrical mandala patterns

šŸ§© MasicDraw

An extension for MIT App Inventor 2.
This component is developed by th using Fast.
This component is designed to facilitate the creation of visually appealing, symmetrical mandala patterns.
It was developed by th using the Fast framework, ensuring a seamless integration with App Inventor projects.
The MasicDraw component offers a range of customization options, allowing users to tailor their mandala designs to suit their unique needs and preferences.
Telegram | GitHub
Blogger | YouTube
Find More Extension
Terms & Conditions

:memo: Specifications

:package: Package: io.th.masicdraw.masicdraw
:floppy_disk: Size: 21.34 KB
:iphone: Minimum API Level: 7
:date: Updated On: 2025-03-27T18:30:00Z
:computer: Built & documented using: FAST v2.8.1
io.th.masicdraw.masicdraw.aix (21.3 KB)
masic_draw.aia (24.8 KB)
:arrow_down: Find apk and more info on GitHub


Demo

photo_2025-04-03_21-09-12
photo_2025-04-03_21-09-12767Ɨ1280 83.2 KB

photo_2025-04-03_21-08-51
photo_2025-04-03_21-08-51767Ɨ1280 104 KB

blocks

c263eac5-440c-4034-a049-487fdd47045a
80821d3b-54d6-4bf6-82dd-0b0482139aa9
3c87950e-425f-434b-952b-0a182b41b326

Blocks

DrawingStarted_Event
DrawingEnded_Event
DrawingChanged_Event
OnSaveCompleted_Event

Undo_Method
TransparentBackground_Method
StrokeWidthRange_Method
StrokeWidth_Method
StrokeColor_Method
Segments_Method
SaveDrawing_Method
Redo_Method
Initialize_Method
GradientMode_Method
GradientBackground_Method
ClearCanvas_Method
BrushWidth_Method
BrushType_Method
BackgroundColorRGB_Method
BackgroundColorARGB_Method

MirrorEnabled_Get_Property
CustomFileName_Set_Property
CustomFileName_Get_Property
BackgroundColor_Set_Property
BackgroundAlpha_Set_Property
RotationAngle_Set_Property
RotationAngle_Get_Property
MirrorEnabled_Set_Property

OILBlock
AIRBlock
CURLYBlock
DASHEDBlock
LINEBlock
ROUNDEDBlock
PARTICLEBlock

Events:

MasicDraw has total 4 events.

:yellow_heart: DrawingStarted

Drawing has started

:yellow_heart: DrawingChanged

Drawing has changed

:yellow_heart: DrawingEnded

Drawing has ended

:yellow_heart: OnSaveCompleted

Drawing has been saved, returns the file path

Parameter Type
path text

Methods:

MasicDraw has total 16 methods.

:purple_heart: Initialize

Initialize the Mandala View in a Layout

Parameter Type
arrangement component

:purple_heart: BackgroundColorRGB

Set background color using RGB values

Parameter Type
red number
green number
blue number

:purple_heart: BackgroundColorARGB

Set background color using ARGB values (with alpha transparency)

Parameter Type
alpha number
red number
green number
blue number

:purple_heart: TransparentBackground

Set transparent background

:purple_heart: GradientBackground

Set gradient background. Example: SetGradientBackground(Color.RED, Color.BLUE, true)

Parameter Type
startColor number
endColor number
isVertical boolean

:purple_heart: Segments

Set the number of symmetrical segments (2-36)

Parameter Type
count number

:purple_heart: StrokeColor

Set the stroke color of the drawing

Parameter Type
color number

:purple_heart: StrokeWidth

Set the stroke width of the drawing (1-50)

Parameter Type
width number

:purple_heart: ClearCanvas

Clear the drawing

:purple_heart: GradientMode

Enable or disable color gradient effect

Parameter Type
enabled boolean

:purple_heart: StrokeWidthRange

Set the range for dynamic stroke width

Parameter Type
min number
max number

:purple_heart: Undo

Undo last drawing action

:purple_heart: Redo

Redo last undone action

:purple_heart: SaveDrawing

Save current drawing to bitmap

:purple_heart: BrushType

Set the brush type (NORMAL, LINE, DASHED, OIL, AIR, CURLY, PARTICLE, ROUNDED)

Parameter Type
type text

:purple_heart: BrushWidth

Set width for specific brush type (NORMAL, LINE, DASHED, OIL, AIR, CURLY, PARTICLE, ROUNDED)

Parameter Type
type text
width number

Setters:

MasicDraw has total 5 setter properties.

:green_heart: BackgroundColor

Set background color of the pattern view

  • Input type: number

:green_heart: BackgroundAlpha

Set background alpha (transparency) value (0-255)

  • Input type: number

:green_heart: MirrorEnabled

Enable or disable mirror effect

  • Input type: boolean

:green_heart: RotationAngle

Set rotation angle of the mandala. Example: RotationAngle(45) sets the rotation angle to 45 degrees.

  • Input type: number

:green_heart: CustomFileName

Set custom filename for saving drawing

  • Input type: text

Getters:

MasicDraw has total 3 getter properties.

:green_circle: MirrorEnabled

Enable or disable mirror effect

  • Return type: boolean

:green_circle: RotationAngle

Set rotation angle of the mandala. Example: RotationAngle(45) sets the rotation angle to 45 degrees.

  • Return type: number

:green_circle: CustomFileName

Set custom filename for saving drawing

  • Return type: text

Helper:

Helpers has total 8 properties.

NORMAL
Option for NORMAL

Returns: NORMAL
Deprecated: false
LINE
Option for LINE

Returns: LINE
Deprecated: false
DASHED
Option for DASHED

Returns: DASHED
Deprecated: false
OIL
Option for OIL

Returns: OIL
Deprecated: false
AIR
Option for AIR

Returns: AIR
Deprecated: false
CURLY
Option for CURLY

Returns: CURLY
Deprecated: false
PARTICLE
Option for PARTICLE

Returns: PARTICLE
Deprecated: false
ROUNDED
Option for ROUNDED

Returns: ROUNDED
Deprecated: false

This Helpers documentation was generated using Akshat Developer's Documentation Generator.

Thanks

TechHamara

2 Likes