Tutoriel par Examples: cercles

Cercle Pour créer un cercle , définissez un élément de même width et height (un carré ), puis définissez la propriété border-radius de cet élément sur 50% . HTML <div class="circle"></div> CSS .circle { width: 50px; height: 50px; background: rgb(246, 156, 85); ...

L'option la plus simple pour dessiner un cercle est évidemment la fonction rectangle . %// radius r = 2; %// center c = [3 3]; pos = [c-r 2*r 2*r]; rectangle('Position',pos,'Curvature',[1 1]) axis equal mais la courbure du rectangle doit être réglée sur 1 ! Le vecteur de position d...

// circle objects: { x:, y:, radius: } // return true if the 2 circles are colliding // c1 and c2 are circles as defined above function CirclesColliding(c1,c2){ var dx=c2.x-c1.x; var dy=c2.y-c1.y; var rSum=c1.radius+c2.radius; return(dx*dx+dy*dy<=rSum*rSum); }

Qu'est ce qu'une "forme"? Vous enregistrez généralement vos formes en créant un objet JavaScript "shape" représentant chaque forme. var myCircle = { x:30, y:20, radius:15 }; Bien sûr, vous ne sauvegardez pas vraiment les formes. Au lieu de cela, vous enregistrez la dé...