Jump to content

Business Model Canvas


charlieysc
 Share

Recommended Posts

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?

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...