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