Skip to main content

显示对象


DisplayObject 是引擎可以渲染的任何内容的核心类。 它是精灵、文本、复杂图形、容器等的基类,并为这些对象提供了许多通用功能。 当你学习 PixiJS 时,了解如何移动、缩放、旋转和组合项目的视觉元素对 通读该类的文档 来说非常重要。

英:DisplayObject is the core class for anything that can be rendered by the engine. It's the base class for sprites, text, complex graphics, containers, etc., and provides much of the common functionality for those objects. As you're learning PixiJS, it's important to read through the documentation for this class to understand how to move, scale, rotate and compose the visual elements of your project.

请注意,你不会直接使用 DisplayObject - 你将在派生类中使用它的函数和属性。

英:Be aware that you won't use DisplayObject directly - you'll use its functions and attributes in derived classes.

常用属性

在 PixiJS 中对内容进行布局和动画处理时最常用的属性由 DisplayObject 类提供:

英:The most common attributes you'll use when laying out and animating content in PixiJS are provided by the DisplayObject class:

属性描述
positionX 和 Y 位置以像素为单位给出,并更改对象相对于其父对象的位置,也可以直接用作 object.x / object.y
rotation旋转以弧度指定,并顺时针旋转对象 (0.0 - 2 * Math.PI)
angle角度是旋转的别名,以度而不是弧度指定 (0.0 - 360.0)
pivot对象旋转的点(以像素为单位) - 还设置子对象的原点
alpha不透明度从 0.0(完全透明)到 1.0(完全不透明),由子级继承
scale比例指定为百分比,1.0 为 100% 或实际大小,并且可以为 x 和 y 轴独立设置
skewSkew 与 CSS skew() 函数类似,在 x 和 y 方向上变换对象,并以弧度指定
visible对象是否可见,作为布尔值 - 防止更新和渲染对象和子对象
renderable对象是否应该渲染 - 当 false 时,对象仍然会更新,但不会渲染,不影响子对象