(not Fuse releated) Imperfect Ball drawing on HTML5 Canvas

General
1

Hello.
I made a webpage using html and javascript (http://html-js.comxa.com/Animação.html - in Portuguese). But it seems to me that when I stop the ball (by setting “Velocidade” to 0) its outline is wider in the left side and thinner in the right. Do it seems to you too?

file

file

The javascript part I wrote to draw the ball is:

	  d.beginPath();
	  d.fillStyle = "blue";
      d.arc(x,y,radius,0,Math.PI*2,false);
	  d.fill();
	  
	  d.lineWidth = 1;  //Ball stroke
	  
	  d.beginPath();
      d.arc(x,y,radius,0,Math.PI*2,false);
	  d.stroke();

and you can also find it in the last script of the page (code variables,etc is in English).

Do you know why this is happening? How could I fix it? Thank you for help!

2

I’m a little confused - how does this relate to the Fuse mobile app development toolkit?

3

Bent Stamnes wrote:

I’m a little confused - how does this relate to the Fuse mobile app development toolkit?

I’m sorry, I just searched for a forum for help with this, I don’t know what fuse is and where to find help. Do you know where should I find help for this? Thank you.

4

I’d seek out any generic JavaScript/HTML5 community, perhaps take a look at StackOverflow - good luck :slight_smile: