charlieysc Posted June 21, 2015 Share Posted June 21, 2015 Hi there, I'm new to pixiJS and is currently working on a school project that require to build a business model canvas. Example: http://businessmodelinnovationmatters.files.wordpress.com/2012/03/google-business-model1.png I've gotten pass the stage of making the canvas(background) by creating container, adding graphic by defining the size, border and fill. Referenced from the examples on http://pixijs.github.io/examples/index.html?s=basics&f=container.js&title=Container Could someone point me in the direction of creating the "notes" (individual colored boxes) that can be customised (adding text, sprite, resizing, draggable)? I'm thinking of making containers to contain/mimic each colored boxes but am I on the right track? Quote Link to comment Share on other sites More sharing options...
xerver Posted June 21, 2015 Share Posted June 21, 2015 Honestly, what you are trying to do makes a lot more sense to just be html/css/js; does it *have* to be drawn via canvas/webgl? If it has to be canvas, it probably makes more sense to do it directly in canvas rather than pixi. Especially if you aren't doing much with animations or textures. Quote Link to comment Share on other sites More sharing options...
charlieysc Posted June 21, 2015 Author Share Posted June 21, 2015 Honestly, what you are trying to do makes a lot more sense to just be html/css/js; does it *have* to be drawn via canvas/webgl? If it has to be canvas, it probably makes more sense to do it directly in canvas rather than pixi. Especially if you aren't doing much with animations or textures. It does not *have* to be drawn via canvas/webgl.. I'm currently exploring my options and happen to chance upon pixiJS. I am looking for something that can help render/create canvas of different size and shape and also to improve user's experience through the use of animation and interaction. From the looks of it I may have complicated things a little bit since this is my first time moving towards front-end development. What other framework would you recommend or is html/css/js sufficient? Quote Link to comment Share on other sites More sharing options...
xerver Posted June 22, 2015 Share Posted June 22, 2015 IMO to draw what you are trying to do (and for your edification) you should just do this in raw Canvas2D. It is simple and can easily accomplish what you are trying to do. Anything else will probably just be over complicating things, especially for a school project. Here is a good tutorial to get you started: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial 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.