mikemhz Posted January 21, 2017 Share Posted January 21, 2017 I am following the setup guide for pixi.js using Brackets editor. I have followed the guide exactly, but the console message I am supposed to get... Quote Pixi.js 4.0.0 - ✰ WebGL ✰ http://www.pixijs.com/ ♥♥♥ ... does not appear. I only get the confirmation from Brackets: Quote [Brackets LiveDev] Connected to Brackets at ws://localhost:8123 Quote Link to comment Share on other sites More sharing options...
mattstyles Posted January 21, 2017 Share Posted January 21, 2017 How are you trying to include pixi into your project? Would help narrow down the problem. Quote Link to comment Share on other sites More sharing options...
mikemhz Posted January 21, 2017 Author Share Posted January 21, 2017 I am literally starting with the bare minimum index.html and pixi.js in a folder, as per the instructions at : https://github.com/kittykatattack/learningPixi > "Setting up" > "Installing Pixi the simple way". http://imgur.com/SfDzQQy <!DOCTYPE html> <html> <body> <script src="pixi.js"></script> </body> </html> Quote Link to comment Share on other sites More sharing options...
mattstyles Posted January 21, 2017 Share Posted January 21, 2017 and you've got a `pixi.js` file in the same directory as your index.html? (there could be more going on than this, but its a start) You can check the network tab to see what the browser is trying to request and the response (from the server brackets fires up) Quote Link to comment Share on other sites More sharing options...
mikemhz Posted January 21, 2017 Author Share Posted January 21, 2017 Not much: http://imgur.com/R6HMmLd Quote Link to comment Share on other sites More sharing options...
themoonrat Posted January 21, 2017 Share Posted January 21, 2017 You only get the confirmation message you're looking for once you've created a renderer mattstyles 1 Quote Link to comment Share on other sites More sharing options...
mikemhz Posted January 21, 2017 Author Share Posted January 21, 2017 4 minutes ago, themoonrat said: You only get the confirmation message you're looking for once you've created a renderer Thank you. The instructions seemed to imply that I would get the confirmation message just by linking the script file. Minimum to get it working is: <!DOCTYPE html> <html> <body> <script src="pixi.js"> </script> <script> //Create the renderer var renderer = PIXI.autoDetectRenderer(256, 256); //Add the canvas to the HTML document document.body.appendChild(renderer.view); //Create a container object called the `stage` var stage = new PIXI.Container(); //Tell the `renderer` to `render` the `stage` renderer.render(stage); </script> </body> </html> The instructions should be simplified to make this part obvious. Could save people a lot of time. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.