#PIXEL DUNGEON GAME MODES UPDATE#

If you have a Sprite whose texture is 100px x 50px, and want the set the pivot point to the center of the image, you'd set your pivot to (50, 25) - half the width, and half the height. There are two ways to achieve this: pivots and anchorsДЄn object's pivot is an offset, expressed in pixels, from the top-left corner of the Sprite. In many cases, however, what you want is for the sprite to rotate around the center of the image it contains, or around an arbitrary point. If you add a sprite to your stage and rotate it, it will by default rotate around the top-left corner of the image. So width and height are really just convenience methods for changing scale, based on pixel dimensions rather than percentages. When you set a Sprite's width, internally PixiJS converts that width into a percentage of the underlying texture's width and updates the object's x-scale. This works because a Sprite object owns a Texture, which has an explicit width and height. In addition, however, Sprites support explicit width and height attributes that can be used to achieve the same effect, but are in pixels instead of a percentage. Sprites, being DisplayObjects, also support scaling.

The PIXI.DisplayObject class allows you to set the x and y scale for any object. One common area of confusion when working with sprites lies in scaling and dimensions. The three main modes are add, which adds each pixel's RGB channels to whatever is under your sprite (useful for glows and lighting), multiply which works like tint, but on a per-pixel basis, and screen, which overlays the pixels, brightening whatever is underneath them. For example, if you had a dungeon game, you might show a character's poison status by setting obj.tint = 0x00FF00, which would give a green tint to the character.Д«lend modes change how pixel colors are added to the screen when rendering. Tinting allows you multiply the color value of every pixel by a single color.

You can use it to fade sprites into the scene by animating each sprite's alpha from 0.0 to 1.0 over a period of time. Alpha, Tint and Blend ModesДЄlpha is a standard display object property.

#PIXEL DUNGEON GAME MODES UPDATE#

Since Sprite objects are also display objects, you can move a sprite, rotate it, and update any other display property. In our DisplayObject guide, we learned about the DisplayObject class and the various properties it defines.

Pixel dungeon game modes