diff --git a/quickdraw-game.html b/quickdraw-game.html index 6d9746f..175abfb 100644 --- a/quickdraw-game.html +++ b/quickdraw-game.html @@ -20,7 +20,7 @@ height: 20px; width: 20px; background-color: red; - position: relative; + position: absolute; } #frame { width: 75%; @@ -59,7 +59,19 @@ console.log('frame: ' + this.frameWidth + ' x ' + this.frameHeight); }); - generateTarget(); + let k, r, x, y; + let radians; + for (let i = 0; i < 360; i++) { + r = frameWidth / 2; + + radians = degreesToRadians(i); + + x = r * Math.cos(i); + y = r * Math.sin(i); + console.log(x + ', ' + y); + + generateTarget(x, y); + } // init logs: console.log('page: ' + pageWidth + ' x ' + pageHeight); @@ -68,14 +80,17 @@ + function degreesToRadians(degrees) { + return degrees * (Math.PI / 180) + } - function generateTarget() { + function generateTarget(x, y) { const target = document.createElement("div"); target.id = "target"; - target.style.top = getRandomInt(0, frameHeight) + 'px'; - target.style.left = getRandomInt(0, frameWidth) + 'px'; - console.log(target); + target.style.top = y +'px'; + target.style.left = x + 'px'; + // console.log(target); document.getElementById("frame").insertAdjacentElement("afterbegin", target); } @@ -87,4 +102,4 @@ } - \ No newline at end of file +