Drawing and Animation

Drawing and Animation Components" typically refer to software libraries or frameworks that provide tools and functionalities for creating graphical content, illustrations, and animations in applications. These components are essential for developers who want to enhance the visual appeal and interactivity of their software.

About the component


Image Description
  •  Last Update 25 Oct, 2023
  •  Component Version : 2.0.0
  •  API 21, Android 5.0 Lollipop
  •  29 Blocks Available

Image Sprite

The Image Sprite component is a two-dimensional touch-sensitive rectangular canvas area that can have a background image and can be moved on the screen within a Canvas. It provides functionalities for handling user interactions like touches, drags, and collisions with other sprites.

Overview

A visible component for creating animated, interactive sprites with images on a Canvas.

Events

Image Description
Events

CollidedWith

  • Event handler called when an ImageSprite collides with another sprite (Ball or ImageSprite).

    • # Name Type(s) Default Value
    1 other Sprite
    Image Description
    Events

    Dragged

  • Event handler called when an ImageSprite is dragged.

    • # Name Type(s) Default Value
    1 startX float
    2 startY float
    3 prevX float
    4 prevY float
    5 currentX float
    6 currentY float
    Image Description
    Events

    EdgeReached

  • Event handler called when an ImageSprite reaches an edge of the screen.

    • # Name Type(s) Default Value
    1 edge int
    Image Description
    Events

    Flung

  • Event handler called when a fling gesture (quick swipe) is made on an enabled ImageSprite.

    • # Name Type(s) Default Value
    1 x float
    2 y float
    3 speed float
    4 heading float
    5 xvel float
    6 yvel float
    Image Description
    Events

    NoLongerCollidingWith

  • Event handler called when a pair of sprites (Balls and ImageSprites) are no longer colliding.

    • # Name Type(s) Default Value
    1 other Sprite
    Image Description
    Events

    TouchDown

  • Event handler called when the user begins touching an enabled ImageSprite (placing their finger on an ImageSprite and leaving it there).

    • # Name Type(s) Default Value
    1 x float
    2 y float
    Image Description
    Events

    TouchUp

  • Event handler called when the user stops touching an enabled ImageSprite (lifting their finger after a TouchDown event).

    • # Name Type(s) Default Value
    1 x float
    2 y float
    Image Description
    Events

    Touched

  • Event handler called when the user touches an enabled ImageSprite and then immediately lifts their finger.

    • # Name Type(s) Default Value
    1 x float
    2 y float

    Methods

    Image Description
    Methods

    Bounce

  • Makes the ImageSprite bounce, as if off a wall. For normal behavior, the edge argument should be the one returned by EdgeReached.

    • # Name Type(s) Default Value
    1 edge int
    Image Description
    Methods

    CollidingWith

  • Indicates whether the specified sprite is colliding with this ImageSprite, using rectangular boundary collision detection.

    • # Name Type(s) Default Value
    1 other Sprite
    Image Description
    Methods

    MoveIntoBounds

  • Moves the ImageSprite back in bounds if part of it extends out of bounds, having no effect otherwise.

    • Image Description
    Methods

    MoveToPoint

  • Moves the origin of ImageSprite to the position of the coordinates given by the list formatted as \[x-coordinate, y-coordinate].

    • # Name Type(s) Default Value
    1 coordinates list
    Image Description
    Methods

    MoveTo

  • Moves the ImageSprite so that its left top corner is at the specified x and y coordinates.

    • # Name Type(s) Default Value
    1 x float
    2 y float
    Image Description
    Methods

    PointInDirection

  • Sets the heading of the ImageSprite toward the point with the coordinates (x, y).

    • # Name Type(s) Default Value
    1 x float
    2 y float
    Image Description
    Methods

    PointTowards

  • Turns the ImageSprite to point towards a designated target sprite (Ball or ImageSprite).

    • # Name Type(s) Default Value
    1 target Sprite

    Properties

    Image Description
    Image Description
    Properties

    Enabled

  • Specifies whether the sprite responds to touches and can be dragged.


  • Specifies whether the sprite responds to touches and can be dragged.

    • # Name Type(s) Default Value
    1 Enabled boolean True
    2 Enabled boolean True
    Image Description
    Image Description
    Properties

    Heading

  • Returns the heading of the ImageSprite in degrees above the positive x-axis. Zero degrees is towards the top of the screen.

  • Sets the heading of the ImageSprite in degrees above the positive x-axis. Zero degrees is towards the top of the screen.

    • # Name Type(s) Default Value
    1 Heading float 0.0
    2 Heading float 0.0
    Image Description
    Image Description
    Properties

    Height

  • Gets the height of the ImageSprite.

  • Sets the height of the ImageSprite.

    • # Name Type(s) Default Value
    1 Height int
    2 Height int
    Image Description
    Image Description
    Properties

    Width

  • Gets the width of the ImageSprite.

  • Sets the width of the ImageSprite.

    • # Name Type(s) Default Value
    1 Width int
    2 Width int
    Image Description
    Image Description
    Properties

    Interval

  • Gets the interval in milliseconds at which the ImageSprite's position is updated.

  • Sets the interval in milliseconds at which the ImageSprite's position is updated.

    • # Name Type(s) Default Value
    1 Interval int 100
    2 Interval int 100
    Image Description
    Image Description
    Properties

    Picture

  • Gets the path to the ImageSprite's picture.

  • Sets the path to the ImageSprite's picture.

    • # Name Type(s) Default Value
    1 Picture string
    2 Picture string
    Image Description
    Image Description
    Properties

    Rotates

  • Gets a boolean value indicating if the image should rotate to match the ImageSprite’s heading.

  • Sets whether the image should rotate to match the ImageSprite’s heading. If true, the picture will rotate around its center; if false, the picture will not rotate when the ImageSprite’s heading changes.

    • # Name Type(s) Default Value
    1 Rotates boolean True
    2 Rotates boolean True
    Image Description
    Image Description
    Properties

    Speed

  • Gets the speed of the ImageSprite, in pixels per interval.

  • Sets the speed of the ImageSprite, in pixels per interval.

    • # Name Type(s) Default Value
    1 Speed float 0.0
    2 Speed float 0.0
    Image Description
    Image Description
    Properties

    X

  • Returns the x-coordinate of the ImageSprite’s left edge.


  • Sets the x-coordinate of the ImageSprite’s left edge.

    • # Name Type(s) Default Value
    1 X float
    2 X float
    Image Description
    Image Description
    Properties

    Y

  • Returns the y-coordinate of the ImageSprite’s top edge.

  • Sets the y-coordinate of the ImageSprite’s top edge.

    • # Name Type(s) Default Value
    1 Y float
    2 Y float
    Image Description
    Image Description
    Properties

    Z

  • Gets the z-layer of the ImageSprite. A higher number means the sprite will be drawn on top of other sprites that overlap it.

  • Sets the z-layer of the ImageSprite. A higher number means the sprite will be drawn on top of other sprites that overlap it.

    • # Name Type(s) Default Value
    1 Z float 1.0
    2 Z float 1.0
    Image Description
    Image Description
    Properties

    Visible

  • Returns true if the sprite is visible.

  • Specifies whether the sprite should be visible on the screen.

    • # Name Type(s) Default Value
    1 Visible boolean True
    2 Visible boolean True