Elxis CMS Forum

Support => General => Topic started by: ROUBOS on June 09, 2015, 03:56:03

Title: HTML 5 Canvas a good choice?
Post by: ROUBOS on June 09, 2015, 03:56:03

Hi,
just wanted people's opinion on something.

I want to create a simple project, where  a 3D object will be created after user input of values.
So for example, a rectangle is created using input such as width, height, corner angle degrees... then go a little further and make the object 3D adding depth or even rotating the object in 3d space with the mouse.

I thought of using html5 canvas to achieve this and making it a browser app.

Is canvas the right tool to use? Should I be looking at Java instead? I thought of html 5 since it'll be easier for me to achieve this as I don't know java.

Any thoughts, help or links to resources will be appreciated.

thank you

Title: Re: HTML 5 Canvas a good choice?
Post by: datahell on June 09, 2015, 08:13:47

Canvas is fine but you will need javascript to draw your shape. Search the internet, you will find many examples like this:
http://cssdeck.com/labs/html5-canvas-3d-cubes (http://cssdeck.com/labs/html5-canvas-3d-cubes)
And a step-by-step tutorial:
http://diveintohtml5.info/canvas.html (http://diveintohtml5.info/canvas.html)

Title: Re: HTML 5 Canvas a good choice?
Post by: ROUBOS on June 09, 2015, 09:00:10

Yes javascript. That is fair enough. Hopefully I can get this happening in an interactive way.
Example clicking to select a corner and type in the angle degrees in order to achieve the desired shape. :)

Not going to be easy.. will be a lot of reading but happy to go through it for the experience.