eskirk
diff --git a/‎.DS_Store
6 KB b/‎.DS_Store
6 KB
diff --git a/‎.gitignore
+1 b/‎.gitignore
+1
diff --git a/‎assets/theMan.png
13.5 KB b/‎assets/theMan.png
13.5 KB
diff --git a/‎index.html
+7 b/‎index.html
+7
diff --git a/‎main.js
+32 b/‎main.js
+32
@@ -0,0 +1 @@
+node_modules/*
@@ -0,0 +1,7 @@
+<!doctype html>
+<html>
+  <head>
+  </head>
+  <body>
+  </body>
+</html>
@@ -0,0 +1,32 @@
+// 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();
+
+// The application will create a canvas element for you that you
+// can then insert into the DOM.
+document.body.appendChild(app.view);
+
+// load the texture we need
+PIXI.Loader.shared.add('man', './assets/theMan.png').load((loader, resources) => {
+
+  // This creates a texture from a 'bunny.png' image.
+  const bunny = new PIXI.Sprite(resources.bunny.texture);
+
+  // 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;
+
+  // 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;
+  });
+});
-Original file line number
+Diff line change
 +<!doctype html>
 +<html>
 +  <head>
 +  </head>
 +  <body>
 +  </body>
 +</html>