Doodly Intermediate Tutorial

X and Y Coordinates

Intermediate Tutorial #5
Show the update 2.7.3 where Doodly developers correct the inefficiency of center aligning the X and Y coordinates in Doodly

Shows an example of the X and Y coordinates being center aligned.

Shows another example of the X and Y coordinates in Doodly being inefficient while they are center aligned.

Provides settings for the X and Y coordinates to be aligned to a full screen.

Shows an example of a full screen asset fading from full color to white background using the X and Y coordinates in Doodly

Displays a simple graph showing Y coordinate goes up and down while X coordinate goes left and right.

X and Y Coordinates

Doodly provides X and Y coordinates for internally supplied and imported assets, including text, character and images.

The Issue

Update: This information may be out of date because since the making of this tutorial and our frustrations and bugs video tutorial, Doodly has now created an update where they say they now left align based on the information in this video.

New Feature: Provide a means of setting precise size and position of assets in a scene. You can adjust the position of assets on the canvas by setting X and Y coordinates based on "Top Left Corner" instead of "Center" of the assets on the Asset Settings dialog. In addition, you can also easily look at their location and size with tooltips displayed when resizing and moving assets on the canvas (#351). We are going to continue to keep this tutorial up because Doodly developers are well-known for not really fixing the bugs but reporting them as being fixed. It is also not a "new" feature, it was a broken useless feature that they fixed and hopefully made it useable.

Doodly center aligns everything instead of left aligning with no reference points on the canvas so using these coordinates are extremely inefficient in almost all cases. In addition, when using the width or height options to precisely increase the asset size, Doodly center expands those items which makes these options even more sub-optimal.

Inefficient Usage

Attempting to left or right align text, image or character assets

Efficient Usage

What is a Full Screen Image Asset?

An imported image that covers the entire canvas exactly. An example would be a 1920px X 1080px image asset on a 1920px X 1080px canvas.

Why Would I Need a Full Screen Asset?

There are several reasons to need a full screen image asset but perhaps one of them would be to keep text on a screen that has an asset behind it when fading to a different color than the previous scene. The images provide this example.

Frequently Asked Questions

Find answers to the most common questions regarding this topic.

The platform introduced a feature that allows users to position elements based on the top left corner rather than the center. This modification was created to help users set the exact size and location of their graphics, text, and characters much more accurately on the canvas.

Using the coordinate settings works best when you are trying to center your text, characters, or images. It is also highly effective when you are working with graphics that cover the entire screen area.

A full screen asset is an imported graphic that perfectly matches the dimensions of your workspace. For instance, if your workspace is 1920 by 1080 pixels, the imported graphic would share those exact same dimensions to cover the entire background completely.

One major reason to use a background graphic that fills the whole workspace is to maintain text visibility when transitioning between scenes. It helps keep your words clearly visible on the screen even if the scene fades into a completely different color.

Users can view specific location and size details through helpful tooltips that appear automatically on the screen. These visual aids show up whenever you drag or resize an item around your workspace, making it much easier to position things perfectly.

About the author

Copy Image
Copy Image URL
Download Image
Support