Libraria PixiJS (#27421)
* Libraria PixiJS * missing extension * Update and rename guide/portuguese/canvas/PixiJS.md to guide/portuguese/canvas/pixijs/index.md
This commit is contained in:
committed by
Randell Dawson
parent
8e46d631a5
commit
3c5f7e5eca
38
guide/portuguese/canvas/pixijs/index.md
Normal file
38
guide/portuguese/canvas/pixijs/index.md
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
---
|
||||||
|
title: PixiJS
|
||||||
|
localeTitle: PixiJS
|
||||||
|
---
|
||||||
|
## Libraria PixiJS
|
||||||
|
|
||||||
|
# Introdução
|
||||||
|
|
||||||
|
O PixiJS é uma libraria em Javascript que permite efetuar a manipulação dos objectos 2D utilizando o WebGL através do uso do Canvas.
|
||||||
|
|
||||||
|
# Exemplo de código
|
||||||
|
|
||||||
|
Coelho rotativo
|
||||||
|
```
|
||||||
|
var app = new PIXI.Application(800, 600, {backgroundColor : 0x1099bb});
|
||||||
|
document.body.appendChild(app.view);
|
||||||
|
|
||||||
|
// create a new Sprite from an image path
|
||||||
|
var bunny = PIXI.Sprite.fromImage('required/assets/basics/bunny.png')
|
||||||
|
|
||||||
|
// center the sprite's anchor point
|
||||||
|
bunny.anchor.set(0.5);
|
||||||
|
|
||||||
|
// move the sprite to the center of the screen
|
||||||
|
bunny.x = app.screen.width / 2;
|
||||||
|
bunny.y = app.screen.height / 2;
|
||||||
|
|
||||||
|
app.stage.addChild(bunny);
|
||||||
|
|
||||||
|
// Listen for animate update
|
||||||
|
app.ticker.add(function(delta) {
|
||||||
|
// just for fun, let's rotate mr rabbit a little
|
||||||
|
// delta is 1 if running at 100% performance
|
||||||
|
// creates frame-independent transformation
|
||||||
|
bunny.rotation += 0.1 * delta;
|
||||||
|
});
|
||||||
|
|
||||||
|
```
|
Reference in New Issue
Block a user