fixed polygon function
This commit is contained in:
parent
23f3331311
commit
f8cf88beaf
2 changed files with 18 additions and 11 deletions
|
@ -7,8 +7,8 @@
|
|||
<center>
|
||||
<canvas id="canvas" style='border: 1px black solid;' width='1000' height='1000'></canvas>
|
||||
</center>
|
||||
<script src="math.js"></script>
|
||||
<script src="entities.js"></script>
|
||||
<script src="main.js"></script>
|
||||
<script src="math.js"></script>
|
||||
</body>
|
||||
</html>
|
27
main.js
27
main.js
|
@ -5,7 +5,7 @@ window.requestAnimFrame = (function(){
|
|||
return window.requestAnimationFrame ||
|
||||
window.webkitRequestAnimationFrame ||
|
||||
window.mozRequestAnimationFrame ||
|
||||
function( callback ){
|
||||
function( callback ) {
|
||||
window.setTimeout(callback, 1000 / 60);
|
||||
};
|
||||
})();
|
||||
|
@ -18,24 +18,31 @@ window.requestAnimFrame = (function(){
|
|||
|
||||
Render();
|
||||
|
||||
function drawClock(x, y, sides, sideLength, theta) {
|
||||
function drawPolygon(x, y, sides, radius, theta) {
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(0, sideLength);
|
||||
ctx.moveTo(x, y + radius);
|
||||
var oldX = 0;
|
||||
var oldY = radius;
|
||||
for (var i = 0; i < sides; i++) {
|
||||
var coords = rotatePoint(x, y, 60);
|
||||
ctx.lineTo(coords.x, coords.y);
|
||||
ctx.moveTo(coords.x, coords.y);
|
||||
var coords = rotatePoint(oldX, oldY, 360 / sides);
|
||||
ctx.lineTo(coords.x + x, coords.y + y);
|
||||
ctx.moveTo(coords.x + x, coords.y + y);
|
||||
oldX = coords.x;
|
||||
oldY = coords.y;
|
||||
// console.log(coords);
|
||||
}
|
||||
ctx.closePath();
|
||||
ctx.fill();
|
||||
ctx.stroke();
|
||||
}
|
||||
|
||||
function Render() {
|
||||
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
||||
blocks.forEach(function(o){
|
||||
o.draw();
|
||||
});
|
||||
// blocks.forEach(function(o){
|
||||
// o.draw();
|
||||
// });
|
||||
drawPolygon(100, 100, 6, 100, 0);
|
||||
requestAnimFrame(Render);
|
||||
|
||||
}
|
||||
|
||||
// function Block(lane, color, time) {
|
||||
|
|
Loading…
Reference in a new issue