š§© EyeLoader
An extension for MIT App Inventor 2.This component is developed by th using Fast.
EyeLoader that creates and manages animated eye and mouth components.
This class provides a comprehensive set of controls for creating interactive, expressive eyesrn and mouth that can be used in various applications, such as animated characters or robots.
Telegram | GitHub
Blogger | YouTube
Find More Extension
Terms & Conditions
Specifications
Package: io.th.eyeloader.eyeloader
Size: 17.96 KB
Version: 1.0
Minimum API Level: 7
Updated On: 2025-04-03T18:30:00Z
Built & documented using: FAST-CLI v2.8.1
io.th.eyeloader.eyeloader.aix (18.0 KB)
eye.aia (21.7 KB)
Find apk and more info on GitHub
io.th.eyeloader.eyeloaderV1.3.aix (25.6 KB)
eyeV1.3.aia (35.0 KB)
New Update
V1.3 (06-04-2025)
ShowStatusBar
Set the visibility of the status bar
- Input type:
boolean
Set the visibility of the navigation bar
*> Input type:boolean
Output
V1.2 Update 2025-04-04T18:30:00Z
io.th.eyeloader.eyeloaderV1.2.aix (25.1 KB)
Aia Soon...
IrisShape
Set the iris shape for both eyes. Available shapes in helper class: ELLIPSE, CIRCLE, TRIANGLE, TRAPEZIUM, LEAF, RHOMBUS, HEART_I, HEART_II, DROP, STAR, STAR_II, DIAMOND, PENTAGON.
IrisColor
Get the iris color for both eyes
- Return type:
number
Get the pupil color for both eyes
- Return type:
number
Check if expression is sad
- Return type:
boolean
Check if expression is happy
- Return type:
boolean
Check if expression is angry
- Return type:
boolean
Check if expression is surprised
- Return type:
boolean
Set the teeth shape (ROUND or ZIGZAG)
- Input type:
text - Helper class:
TeethStyle - Helper enums:
ROUND,ZIGZAG
Without Mouth
With Mouth
Blocks
Demo
DemoV1.3
Screen2blocks
Events:
EyeLoader has total 4 events.
LeftEyeBlinked
Event triggered when the left eye blinks
RightEyeBlinked
Event triggered when the right eye blinks
BothEyesBlinked
Event triggered when both eyes complete blinking
EyesMoved
Event triggered when eyes move beyond threshold
| Parameter | Type |
|---|---|
| angleX | number |
| angleY | number |
Methods:
EyeLoader has total 20 methods.
CreateEyesWithMouth
Initialize eyes and mouth inside an arrangement
| Parameter | Type |
|---|---|
| arrangement | component |
InitializeEyesWithSize
Initialize both eyes inside an arrangement with custom size
| Parameter | Type |
|---|---|
| arrangement | component |
| eyeWidth | number |
| eyeHeight | number |
LeftEyePosition
Set the position of the left eye. For example, SetLeftEyePosition(100, 100) will position the left eye at coordinates (100, 100) on the screen.
| Parameter | Type |
|---|---|
| x | number |
| y | number |
RightEyePosition
Set the position of the right eye. For example, SetRightEyePosition(300, 100) will position the right eye at coordinates (300, 100) on the screen.
| Parameter | Type |
|---|---|
| x | number |
| y | number |
LookAt
Make both eyes look at a point. For example, LookAt(100, 200) will make both eyes look at the point (100, 200) on the screen.
| Parameter | Type |
|---|---|
| x | number |
| y | number |
LeftEyeLookAt
Make left eye look at a point
| Parameter | Type |
|---|---|
| x | number |
| y | number |
RightEyeLookAt
Make right eye look at a point
| Parameter | Type |
|---|---|
| x | number |
| y | number |
ResetEyePositions
Reset eye positions to center
BlinkBothEyes
Blink both eyes
BlinkLeftEye
Make left eye blink
BlinkRightEye
Make right eye blink
LeftEyeSize
Set individual dimensions for left eye in pixels
| Parameter | Type |
|---|---|
| width | number |
| height | number |
RightEyeSize
Set individual dimensions for right eye in pixels
| Parameter | Type |
|---|---|
| width | number |
| height | number |
ShowSurprisedExpression
Make eyes appear surprised
ShowAngryExpression
Make eyes appear angry
ResetExpression
Reset eye expression to normal
MouthPosition
Set mouth position
| Parameter | Type |
|---|---|
| x | number |
| y | number |
MouthSize
Set mouth size
| Parameter | Type |
|---|---|
| width | number |
| height | number |
ShowHappyExpression
Show happy expression
ShowSadExpression
Show sad expression
Setters:
EyeLoader has total 15 setter properties.
RightEyeColor
Set the right eye color
- Input type:
number
LeftEyeColor
Set the left eye color
- Input type:
number
IrisColor
Set the iris color for both eyes
- Input type:
number
PupilColor
Set the pupil color for both eyes
- Input type:
number
BlinkInterval
Set the blink interval in milliseconds
- Input type:
number
BlinkSpeed
Set the blink speed (1-10, where 1 is fastest)
- Input type:
number
EyeSpacing
Set the spacing between eyes. For example, SetEyeSpacing(200) will place the eyes 200 pixels apart horizontally.
- Input type:
number
EyeWidth
Set the width of both eyes in pixels
- Input type:
number
EyeHeight
Set the height of both eyes in pixels
- Input type:
number
OutlineThickness
Set the outline thickness for both eyes
- Input type:
number
ReflectionSize
Set the reflection size (0-1)
- Input type:
number
MouthLineStyle
Set mouth line style (1=round, 2=square, 3=stroke)
- Input type:
number
ShowTeeth
Show or hide teeth
- Input type:
boolean
TeethColor
Set teeth color
- Input type:
number
MouthLineColor
Set the mouth line color
- Input type:
number
Getters:
EyeLoader has total 2 getter properties.
RightEyeColor
Set the right eye color
- Return type:
number
LeftEyeColor
Set the left eye color
- Return type:
number
Thanks
Techhamara
