setSize(480, 480); var BALL_SIZE = 20; var HOLE_SIZE = BALL_SIZE / 2 + 3; var DEFAULT_BALL_IMAGE = "https://static.codehs.com/img/library/objects/golfball.png"; var DEFAULT_BACKGROUND_IMAGE = "https://static.codehs.com/img/library/landscapes/grass.jpg"; var FRICTION = 0.88; var DELAY = 30; var HIT_DAMPENING_FACTOR = 0.2; var MAX_VELOCITY_FOR_HOLE = 3; var HOLE_TOLERANCE = 5; var levels = []; var currentLevelBuilding = -1; var currentLevelPlaying = -1; var currentLevel = {}; var hitCount = 0; var hitLabel; var ball; var background; var backgroundSong = ""; var hole; var dx = 0; var dy = 0; var mouseX = 0; var mouseY = 0; var playing = false; var bgSongPlaying = false; var hitLine; var mouseClickFunction; var ballHitWallFunction; var ballInHoleFunction; var ballInWaterFunction; var ballHitObstacleFunction; var instructionsText = []; var instructionsImageURL = "https://static.codehs.com/img/library/landscapes/grass.jpg"; var instructionsPageFunction; function begin(){ // Initialize Tone (needed for Expo) if(window.Tone){ var toneInitSynth = new window.Tone.Synth().toMaster(); } // Playing if(!levels.length){ displayMessage("Create Some Holes!"); return; } else if(instructionsPageFunction) { instructionsPageFunction(); } else { displayMessage("Click to Begin!"); } mouseMoveMethod(onMouseMove); mouseDownMethod(onMouseMove); mouseUpMethod(onMouseClick); } function animate(){ if(dx != 0 || dy != 0){ ball.move(dx, dy); hitLine.setEndpoint(ball.getX() + BALL_SIZE / 2, ball.getY() + BALL_SIZE / 2); dx *= FRICTION; dy *= FRICTION; } if(ballIsHittingWall() && ballHitWallFunction){ ballHitWallFunction(); } if(ballIsInHole() && ballInHoleFunction){ ballInHoleFunction(); } if(ballIsInWater() && ballInWaterFunction){ ballInWaterFunction(); } if(ballIsHittingObstacle() && ballHitObstacleFunction){ ballHitObstacleFunction(); } } function resetBall(){ var x = levels[currentLevelPlaying]['ballX']; var y = levels[currentLevelPlaying]['ballY']; ball.setPosition(x, y); hitLine.setEndpoint(ball.getX() + BALL_SIZE / 2, ball.getY() + BALL_SIZE / 2); dx = 0; dy = 0; } function ballIsInWater(){ var elem = getCollidingObject(); if(elem && (elem.type == 'Circle' || elem.type == 'Rectangle')){ return true; } return false; } function ballIsHittingObstacle(){ var elem = getCollidingObject(); if(elem && elem.type == 'WebImage'){ return true; } return false; } function getTopCollidingObject(){ var elem = getElementAt(ball.getX() + BALL_SIZE / 2, ball.getY() - 1); if(elem && elem != ball && elem != background && elem != hole && elem != hitLabel){ return elem; } return null; } function getBottomCollidingObject(){ // Bottom var elem = getElementAt(ball.getX() + BALL_SIZE / 2, ball.getY() + BALL_SIZE + 1); if(elem && elem != ball && elem != background && elem != hole && elem != hitLabel){ return elem; } return null; } function getLeftCollidingObject(){ // Left var elem = getElementAt(ball.getX() - 1, ball.getY() + BALL_SIZE / 2); if(elem && elem != ball && elem != background && elem != hole && elem != hitLabel){ return elem; } return null; } function getRightCollidingObject(){ // Right var elem = getElementAt(ball.getX() + BALL_SIZE + 1, ball.getY() + BALL_SIZE / 2); if(elem && elem != ball && elem != background && elem != hole && elem != hitLabel){ return elem; } return null; } function getCollidingObject(){ // Top var elem = getTopCollidingObject(); if(elem) return elem; // Bottom elem = getBottomCollidingObject(); if(elem) return elem; // Left elem = getLeftCollidingObject(); if(elem) return elem; // Right elem = getRightCollidingObject(); if(elem) return elem; return null; } function finishHole(){ ball.setPosition(hole.getX() - BALL_SIZE/2, hole.getY() - BALL_SIZE/2); dx = 0; dy = 0; playing = false; stopTimer(animate); if(currentLevelPlaying == levels.length - 1){ displayMessage("Complete! Your Score: " + hitCount); mouseUpMethod(function(){}); } else { displayMessage("Click to Continue!"); } } function ballIsInHole(){ return ( ball.getX() >= (hole.getX() - HOLE_SIZE - HOLE_TOLERANCE) && (ball.getX() + BALL_SIZE) <= (hole.getX() + HOLE_SIZE + HOLE_TOLERANCE) && ball.getY() >= (hole.getY() - HOLE_SIZE - HOLE_TOLERANCE) && (ball.getY() + BALL_SIZE) <= (hole.getY() + HOLE_SIZE + HOLE_TOLERANCE) && dx <= MAX_VELOCITY_FOR_HOLE && dy <= MAX_VELOCITY_FOR_HOLE ); } function ballIsHittingWall(){ return ball.getX() <= 0 || ball.getY() <= 0 || ball.getY() + BALL_SIZE >= getHeight() || ball.getX() + BALL_SIZE >= getWidth(); } function onMouseMove(e){ mouseX = e.getX(); mouseY = e.getY(); if(hitLine) { hitLine.setPosition(mouseX, mouseY); hitLine.setEndpoint(ball.getX() + BALL_SIZE / 2, ball.getY() + BALL_SIZE / 2); } } function playNextHole(){ currentLevelPlaying++; initHole(currentLevelPlaying); createHitLine(); setTimer(animate, DELAY); } function onMouseClick(e){ if(!playing){ playNextHole(); } else if(mouseClickFunction) { mouseClickFunction(mouseX, mouseY); } } function hitBall(hitX, hitY){ hitCount++; updateHitLabel(); dx = (hitX - ball.getX()) * HIT_DAMPENING_FACTOR; dy = (hitY - ball.getY()) * HIT_DAMPENING_FACTOR; } function initHole(holeNum){ removeAll(); playing = true; createBackground(holeNum); createObstacles(holeNum); createHole(holeNum); createBall(holeNum); createHitLabel(); } function bounceBall(){ if(ball.getX() <= 0){ dx = Math.abs(dx); } if(ball.getX() + BALL_SIZE >= getWidth()) { dx = -Math.abs(dx); } if(ball.getY() <= 0){ dy = Math.abs(dy); } if(ball.getY() + BALL_SIZE >= getHeight()){ dy = -Math.abs(dy); } var elem = getCollidingObject(); if(elem){ //Figure out which quadrant of the obstacle the ball is hitting // Top Left if(ball.getX() <= (elem.getX() + elem.getWidth() / 2) && ball.getY() <= (elem.getY() + elem.getHeight() / 2)){ dx = -Math.abs(dx); dy = -Math.abs(dy); } // Top Right else if(ball.getX() > (elem.getX() + elem.getWidth() / 2) && ball.getY() <= (elem.getY() + elem.getHeight() / 2)){ dx = Math.abs(dx); dy = -Math.abs(dy); } // Bottom Left else if(ball.getX() <= (elem.getX() + elem.getWidth() / 2) && ball.getY() > (elem.getY() + elem.getHeight() / 2)){ dx = -Math.abs(dx); dy = Math.abs(dy); } // Bottom Right else { dx = Math.abs(dx); dy = Math.abs(dy); } } } function createHitLine(){ if(hitLine) remove(hitLine); hitLine = new Line(0, 0, ball.getX() + BALL_SIZE / 2, ball.getY() + BALL_SIZE / 2); hitLine.setColor(Color.RED); add(hitLine); } function createHitLabel(){ if(hitLabel) remove(hitLabel); hitLabel = new Text("Strokes: " + hitCount, "18pt Arial"); hitLabel.setPosition(5, getHeight() - 5); add(hitLabel); } function updateHitLabel(){ hitLabel.setText("Strokes: " + hitCount); } function displayMessage(message){ var text = new Text(message, "24pt Impact"); text.setPosition(getWidth() / 2 - text.getWidth() / 2, getHeight()/2 - text.getHeight() / 2); add(text); } function startBuildingNewHole(){ currentLevelBuilding++; var level = { 'ballX': (getWidth() / 2), 'ballY': (getHeight() / 2), 'holeX': HOLE_SIZE, 'holeY': HOLE_SIZE, 'backgroundImage': DEFAULT_BACKGROUND_IMAGE, 'ballImage': DEFAULT_BALL_IMAGE, 'obstacles': [], 'water': [] } levels.push(level); } function addObstacle(url, width, height, x, y){ if(checkValidImageURL(url) && levels[currentLevelBuilding]){ var obstacle = new WebImage(url); obstacle.setSize(width, height); obstacle.setPosition(x, y); levels[currentLevelBuilding]['obstacles'].push(obstacle); } } function addCircularWaterFeature(radius, x, y) { if(levels[currentLevelBuilding]) { var water = new Circle(radius); water.setColor(Color.BLUE); water.setPosition(x, y); levels[currentLevelBuilding]['water'].push(water); } } function addRectangularWaterFeature(width, height, x, y) { if(levels[currentLevelBuilding]) { var water = new Rectangle(width, height); water.setColor(Color.BLUE); water.setPosition(x, y); levels[currentLevelBuilding]['water'].push(water); } } function createHole(holeNum){ if(hole) remove(hole); hole = new Circle(HOLE_SIZE); hole.setPosition(levels[holeNum]['holeX'], levels[holeNum]['holeY']); add(hole); } function createObstacles(holeNum){ var obstacles = levels[holeNum]['obstacles']; for(var i = 0; i < obstacles.length; i++){ add(obstacles[i]); } var water = levels[holeNum]['water']; for(var i = 0; i < water.length; i++){ add(water[i]); } } function createBackground(holeNum){ if(background) remove(background); background = new WebImage(levels[holeNum]['backgroundImage']); background.setSize(getWidth(), getHeight()); add(background); } function createBall(holeNum){ if(ball) remove(ball); ball = new WebImage(levels[holeNum]['ballImage']); var x = levels[holeNum]['ballX']; var y = levels[holeNum]['ballY']; ball.setSize(BALL_SIZE, BALL_SIZE); ball.setPosition(x, y); add(ball); } function setHolePosition(x, y){ if (x < HOLE_SIZE) x = HOLE_SIZE; if (y < HOLE_SIZE) y = HOLE_SIZE; if (x > (getWidth() - HOLE_SIZE)) x = (getWidth() - HOLE_SIZE); if (y > (getHeight() - HOLE_SIZE)) y = (getHeight() - HOLE_SIZE); levels[currentLevelBuilding]['holeX'] = x; levels[currentLevelBuilding]['holeY'] = y; } function setBallStartingPosition(x, y){ if(x < 0) x = 0; if(y < 0) y = 0; if(x > (getWidth() - BALL_SIZE)) x = (getWidth() - BALL_SIZE); if(y > (getHeight() - BALL_SIZE)) y = (getHeight() - BALL_SIZE); levels[currentLevelBuilding]['ballX'] = x; levels[currentLevelBuilding]['ballY'] = y; } function setBallImage(url){ if(checkValidImageURL(url) && levels[currentLevelBuilding]){ levels[currentLevelBuilding]['ballImage'] = url; } } function setBackgroundImage(url){ if(checkValidImageURL(url) && levels[currentLevelBuilding]){ levels[currentLevelBuilding]['backgroundImage'] = url; } } function setInstructionsImage(url){ if(checkValidImageURL(url)){ instructionsImageURL = url; var img = new WebImage(url); img.setSize(getWidth(), getHeight()); add(img); for(var i = 0; i < instructionsText.length; i++){ add(instructionsText[i]); } } } function checkValidImageURL(url){ if(!url.startsWith("https://codehs.com") && !url.startsWith("https://static.codehs.com")){ println("Make sure the URL for your image starts with https://codehs.com or https://static.codehs.com. Use the Upload Tab to create a valid URL!"); return false; } return true; } function playSound(url){ if(window.Tone){ var sound = new window.Tone.Player(url).toMaster(); sound.autostart = true; } else { var sound = new Audio(url); sound.play(); } } // Start a song function startSong(songURL){ if(!bgSongPlaying){ bgSongPlaying = true; if(window.Tone){ backgroundSong = new window.Tone.Player(songURL).toMaster(); backgroundSong.autostart = true; } else { backgroundSong = new Audio(songURL); backgroundSong.crossOrigin="anonymous"; backgroundSong.play(); } } } // Stop song function stopSong(){ if(bgSongPlaying){ if(backgroundSong.stop){ backgroundSong.stop(); } else if (backgroundSong.pause){ backgroundSong.pause(); } bgSongPlaying = false; } } function addText(text, font, size, color, x, y){ var fontString = size + "pt " + font; var txt = new Text(text, fontString); txt.setPosition(x, y); txt.setColor(color); instructionsText.push(txt); add(txt); }