pixi.js 7.0.0-alpha → 7.0.0-alpha.2

package/README.md

@@ -32,37 +32,38 @@ import * as PIXI from 'pixi.js'
 ### Basic Usage Example
 
 ```js
+import { Application, Sprite } from 'pixi.js';
+
 // The application will create a renderer using WebGL, if possible,
 // with a fallback to a canvas render. It will also setup the ticker
-// and the root stage PIXI.Container.
-const app = new PIXI.Application();
+// and the root stage PIXI.Container
+const app = new Application();
 
 // The application will create a canvas element for you that you
-// can then insert into the DOM.
+// can then insert into the DOM
 document.body.appendChild(app.view);
 
 // load the texture we need
-app.loader.add('bunny', 'bunny.png').load((loader, resources) => {
+const texture = await Assets.load('bunny.png');
 
-    // This creates a texture from a 'bunny.png' image.
-    const bunny = new PIXI.Sprite(resources.bunny.texture);
+// This creates a texture from a 'bunny.png' image
+const bunny = new Sprite(texture);
 
-    // Setup the position of the bunny
-    bunny.x = app.renderer.width / 2;
-    bunny.y = app.renderer.height / 2;
+// Setup the position of the bunny
+bunny.x = app.renderer.width / 2;
+bunny.y = app.renderer.height / 2;
 
-    // Rotate around the center
-    bunny.anchor.x = 0.5;
-    bunny.anchor.y = 0.5;
+// Rotate around the center
+bunny.anchor.x = 0.5;
+bunny.anchor.y = 0.5;
 
-    // Add the bunny to the scene we are building.
-    app.stage.addChild(bunny);
+// Add the bunny to the scene we are building
+app.stage.addChild(bunny);
 
-    // Listen for frame updates
-    app.ticker.add(() => {
-         // each frame we spin the bunny around a bit
-        bunny.rotation += 0.01;
-    });
+// Listen for frame updates
+app.ticker.add(() => {
+    // each frame we spin the bunny around a bit
+    bunny.rotation += 0.01;
 });
 ```