pc.ScreenComponent
Extends: pc.Component
A ScreenComponent enables the Entity to render child pc.ElementComponents using anchors and positions in the ScreenComponent's space.
Summary
Properties
| cull | If true then elements inside this screen will be not be rendered when outside of the screen (only valid when screenSpace is true). |
| referenceResolution | The resolution that the ScreenComponent is designed for. |
| resolution | The width and height of the ScreenComponent. |
| scaleBlend | A value between 0 and 1 that is used when scaleMode is equal to pc.SCALEMODE_BLEND. |
| scaleMode | Can either be pc.SCALEMODE_NONE or pc.SCALEMODE_BLEND. |
| screenSpace | If true then the ScreenComponent will render its child pc.ElementComponents in screen space instead of world space. |
Methods
| syncDrawOrder | Set the drawOrder of each child pc.ElementComponent so that ElementComponents which are last in the hierarchy are rendered on top. |
Inherited
Properties
| enabled | Enables or disables the component. |
| entity | The Entity that this Component is attached to. |
| system | The ComponentSystem used to create this Component. |
Methods
| fire | Fire an event, all additional arguments are passed on to the event listener. |
| hasEvent | Test if there are any handlers bound to an event name. |
| off | Detach an event handler from an event. |
| on | Attach an event handler to an event. |
| once | Attach an event handler to an event. |
Details
Constructor
ScreenComponent(system, entity)
Create a new ScreenComponent.
Parameters
| system | pc.ScreenComponentSystem | The ComponentSystem that created this Component. |
| entity | pc.Entity | The Entity that this Component is attached to. |
Properties
If true then elements inside this screen will be not be rendered when outside of the screen (only valid when screenSpace is true).
The resolution that the ScreenComponent is designed for. This is only taken into account when screenSpace is true and scaleMode is pc.SCALEMODE_BLEND. If the actual resolution is different then the ScreenComponent will be scaled according to the scaleBlend value.
The width and height of the ScreenComponent. When screenSpace is true the resolution will always be equal to pc.GraphicsDevice#width x pc.GraphicsDevice#height.
A value between 0 and 1 that is used when scaleMode is equal to pc.SCALEMODE_BLEND. Scales the ScreenComponent with width as a reference (when value is 0), the height as a reference (when value is 1) or anything in between.
Can either be pc.SCALEMODE_NONE or pc.SCALEMODE_BLEND. See the description of referenceResolution for more information.
If true then the ScreenComponent will render its child pc.ElementComponents in screen space instead of world space. Enable this to create 2D user interfaces.
Methods
syncDrawOrder()
Set the drawOrder of each child pc.ElementComponent so that ElementComponents which are last in the hierarchy are rendered on top. Draw Order sync is queued and will be updated by the next update loop.
Inherited
Properties
Methods
fire(name, [arg1], [arg2], [arg3], [arg4], [arg5], [arg6], [arg7], [arg8])
Fire an event, all additional arguments are passed on to the event listener.
obj.fire('test', 'This is the message');
Parameters
| name | object | Name of event to fire. |
| arg1 | * | First argument that is passed to the event handler. |
| arg2 | * | Second argument that is passed to the event handler. |
| arg3 | * | Third argument that is passed to the event handler. |
| arg4 | * | Fourth argument that is passed to the event handler. |
| arg5 | * | Fifth argument that is passed to the event handler. |
| arg6 | * | Sixth argument that is passed to the event handler. |
| arg7 | * | Seventh argument that is passed to the event handler. |
| arg8 | * | Eighth argument that is passed to the event handler. |
Returns
pc.EventHandlerSelf for chaining.
hasEvent(name)
Test if there are any handlers bound to an event name.
obj.on('test', function () { }); // bind an event to 'test'
obj.hasEvent('test'); // returns true
obj.hasEvent('hello'); // returns false
Parameters
| name | string | The name of the event to test. |
Returns
booleanTrue if the object has handlers bound to the specified event name.
off([name], [callback], [scope])
Detach an event handler from an event. If callback is not provided then all callbacks are unbound from the event, if scope is not provided then all events with the callback will be unbound.
var handler = function () {
};
obj.on('test', handler);
obj.off(); // Removes all events
obj.off('test'); // Removes all events called 'test'
obj.off('test', handler); // Removes all handler functions, called 'test'
obj.off('test', handler, this); // Removes all hander functions, called 'test' with scope this
Parameters
| name | string | Name of the event to unbind. |
| callback | pc.callbacks.HandleEvent | Function to be unbound. |
| scope | object | Scope that was used as the this when the event is fired. |
Returns
pc.EventHandlerSelf for chaining.
on(name, callback, [scope])
Attach an event handler to an event.
obj.on('test', function (a, b) {
console.log(a + b);
});
obj.fire('test', 1, 2); // prints 3 to the console
Parameters
| name | string | Name of the event to bind the callback to. |
| callback | pc.callbacks.HandleEvent | Function that is called when event is fired. Note the callback is limited to 8 arguments. |
| scope | object | Object to use as 'this' when the event is fired, defaults to current this. |
Returns
pc.EventHandlerSelf for chaining.
once(name, callback, [scope])
Attach an event handler to an event. This handler will be removed after being fired once.
obj.once('test', function (a, b) {
console.log(a + b);
});
obj.fire('test', 1, 2); // prints 3 to the console
obj.fire('test', 1, 2); // not going to get handled
Parameters
| name | string | Name of the event to bind the callback to. |
| callback | pc.callbacks.HandleEvent | Function that is called when event is fired. Note the callback is limited to 8 arguments. |
| scope | object | Object to use as 'this' when the event is fired, defaults to current this. |
Returns
pc.EventHandlerSelf for chaining.