CODEWITHSUNDEEP
javascriptshapescoding-efficiency
Yerren
Yerren

Reputation: 3

Efficient way to create complex JavaScript shapes

I have been trying to create complex JavaScript shapes (to the end effect of functioning gauges). However, this is a very slow process when creating each individual part programmatically.

I was hoping to find some way to do this more effectively than this. Adobe Animate looked hopeful, but it is very overkill for what I need. I was hoping that there was some software or method to creative JavaScript shapes more effectively than writing each piece of code.

Thank you for any advice you may have.

Upvotes: 0

Views: 321

Answers (1)

Oz Lodriguez
Oz Lodriguez

Reputation: 973

I guess you mean Canvas since you said JavaScript shapes. I've used htmlcanvas studio for another project and it seemed ok. Have a look here http://www.htmlcanvasstudio.com/

Once your shape is created. Include it into a function so this way you can new the same shape over and over again. It may also be an object of course. Then you can create instances of it with Object.create(square) for example. 

function someShape () {
  // paste generated code
  console.log('your shape has been created');
}


const shape = new someShape();

// or
new someShape();

Upvotes: 1

Related Questions