Cliffbreak/Minigolf
Archived
4
1
Fork 0
Code Releases Activity

Shoot the ball!

Browse source
This commit is contained in:
Simon Giesel 2017-06-18 22:17:35 +02:00
parent 4497248615
commit 607d1894d7
1 changed files with 31 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
index.html
View file

@ -15,7 +15,8 @@ var ctx,
bX, bX,
bY, bY,
pX, pX,
pY pY,
bVec
/************************/ /************************/
/*** _GAME VARIABLES_ ***/ /*** _GAME VARIABLES_ ***/
@ -27,7 +28,9 @@ var _COLOR_GRASS = '#388E3C',
_COLOR_BRACKET = '#000000' _COLOR_BRACKET = '#000000'
var _MAX_BRACKET = 100 var _MAX_BRACKET = 100,
_BALL_SPEED = 50,
_BALL_SPEED_THRESHOLD = 10
$(function(){ $(function(){
ctx = $('canvas')[0].getContext('2d') ctx = $('canvas')[0].getContext('2d')
@ -46,13 +49,37 @@ var _COLOR_GRASS = '#388E3C',
}) })
$(document).mousedown(function(e){ $(document).mousedown(function(e){
// TODO: Add functionality var strength = Math.hypot(pX - bX, pY - bY)
if(strength > _MAX_BRACKET)
strength = _MAX_BRACKET
angle = Math.atan2(pY - bY, pX - bX)
x = bX+strength*Math.cos(angle)-_MAX_BRACKET
y = bY+strength*Math.sin(angle)-_MAX_BRACKET
if(Math.abs(x) < _BALL_SPEED_THRESHOLD){
if(x < 0)
x = -_BALL_SPEED_THRESHOLD
if(x > 0)
x = +_BALL_SPEED_THRESHOLD
}
if(Math.abs(y) < _BALL_SPEED_THRESHOLD){
if(y < 0)
y = -_BALL_SPEED_THRESHOLD
if(y > 0)
y = +_BALL_SPEED_THRESHOLD
}
console.log(x + '|' + y);
if(bVec == null)
bVec = [x/_BALL_SPEED, y/_BALL_SPEED]
}) })
}) })
var i = 0
function animLoop() { function animLoop() {
ctx.clearRect(0, 0, $('canvas').width(), $('canvas').height()); ctx.clearRect(0, 0, $('canvas').width(), $('canvas').height());
// drawBall(bX++, bY++) // drawBall(bX++, bY++)
if(bVec != null)
drawBall(bX-i++*bVec[0], bY-i*bVec[1])
else
drawBall(bX, bY) drawBall(bX, bY)
drawBracket() drawBracket()
} }