Responsive2D Alignment Extension – Cocos Creator

Please rename your canvas node title as “Canvas” within the editor.

On the menu

• Extension → Extension Supervisor

• Open Venture panel from Extension Supervisor

• Press + icon

• Select zip file

• After set up restart editor

This extension works in actual time. While you change one thing on the part, you’ll be able to see modifications immediately on the editor.

Scales sport object with entered worth. For instance, if the worth equals 1, so the sport object width will probably be equal to display dimension.

Identical with width ratio, on this case the sport object top modifications.

Choices are ‘min, max and stretch’

Chooses minimal worth between width and top ratio and apply scale to sport object.

Chooses most worth between width and top ratio and apply scale to sport object.

Scales sport object seperately for width and top ratios.

Initially sport objects align self acoording to display dimensions. If a referance node utilized so the sport object considers referance node remodel values.

The all display is split into sections. The yellow half that you just see on the picture is the chosen alignment (heart – heart) which suggests the sport object will probably be positioned on the heart of the display. Select completely different sections to position sport object completely different areas and we are going to use spacing to provide offset to the sport object.

Enabling this selection disables alignment and the sport object observe chosen node place.

This works with Alignment and Observe Node. This spec contains 8 choices. These are:

Offers area to the sport object utilizing the % of accessible area. For instance selecting 50% strikes the sport object proper as a lot as half of the display width.

Offers area utilizing pixel worth

Offers area by calculating sport object self width. For instance If 100% setted, so the sport object will probably be moved as a lot as self width

Offers area by calculating left referance node width. For instance If 100% setted, so the sport object will probably be moved as a lot as left referance node width

Identical factor goes for different referance nodes

And similar factor goes for adopted node that I defined within the entry 6

That is vertical spacing, it’s similar with Horizontal House. The one distinction is spacing vertically.

Flips the sport object horizontally and the flip y is flips the sport object verticalls as its title explains the case.

Settings for portrait orientation

Settings for panorama orientation

Common settings

Rotates editor gameplay space so we will set issues for each portrait and panorama orientations.

Modifications gameplay space’s dimension. At the moment we’ve 3 completely different gadget. However you’ll be able to add completely different gadget dimensions within the script.

If this selection shouldn’t be enabled, the sport object makes use of portrait values for the panorama and whether it is enabled so you’ll be able to set panorama alignment for the sport object.

Rapidly copy and paste portrait settings.

That is contains 3 choices that are:

Calculation is made for every display dimension change occasion, like switching between portrait and panorama orientations.

Calculation is made for less than as soon as.

Calculation is made within the replace methodology.

In case you have father or mother node and this node has little one nodes, so place little one nodes within the editor and calculate the father or mother dimensions with this selection after which untick this selection. The primary objective is getting remodel values of the father or mother node so we will align father or mother with proper proprtions.

Usually extension positions the sport object by utilizing its edge factors. If this selection is enabled, the sport object will probably be aligned from it’s anchor factors.