var id, c, degree = 270, x, y var map = [], h = 0 var items = [,,,,,] var s = new Array(11) var ctx; var spd = 0, acc = 0 var del = 0; var fuel = 100; var name="/Heart/Heat shield rock/Adirondack/Barnacle Bill/Coronation/Esperence/Jake Matijevic/Tintina/Link/Bounce" var comp="#Jolee loves caca very muchh 💕💕💕\nBuka google drive yahh :)#93% Iron, 7% nickel, trace of germanium (~300 ppm) & gallium (<100 ppm)#Contains the minerals pyroxene, olivine, plagioclase, and magnetite.#It is the intermediate type between basalt and rhydolite, and ranges from 57 to 63% silicon dioxide (SiO2)#Igneous rock with generally 45–53% silica (SiO2) and less than 10% feldspathoid by volume, and where at least 65% of the rock is feldspar in the form of plagioclase.#It is also a type of rock, rich in pyroxene and magnetite. #An igneous rock but found to be high in elements consistent with feldspar, such as sodium, aluminum and potassium#Mineral hydration signals were consistent with hydrated calcium sulfate and a watery past on Mars #A well-sorted gravel conglomerate #the basaltic, olivine-phyric, and lherzolitic shergottites# " alert("Press the left/right button to turn left/right. \n\nPress the ∆ button to move. Moving here is done by acceleration.") alert("You can switch these 2 modes by clicking the topmost button on Items.\n\nAnalyse mode:\n- Black : You can't do anything\n- Aqua : Take an item\n- LightGreen : Analyse it\n- DarkGreen : View Analyse result \n\n Release mode:\n- Black : You cant do anything\n- Red : Release the stone") window.onload = function() { id = document.getElementById.bind(document) c = id("c") c.width = c.offsetWidth; c.height = c.offsetHeight; x = c.width/2 y = c.height / 2 makemap() design() //for(let i = 0;i<=5;i++) // id("b"+i).disabled="true" //id("help").addEventListener("touchstart", displayhelp) } var help = 0 function displayhelp() { help = !help } function ana() { del = !del design() } var show = 0 function showItem() { if (show) { id("item").style.visibility = "hidden" } else { id("item").style.visibility = "visible" } show = !show } function rotate(d) { degree += d drawmap() } function move() { if(!fuel) return 0; if (spd < 3) spd += 0.1 acc = 0 fuel -= 1 } function moves() { var X = Math.cos((degree)*Math.PI/180)*spd, Y = Math.sin(degree*Math.PI/180)*spd if (x+X > 30 & x+X< c.width-30) x+= X if (y+Y > 30 & y+Y < c.height-30) y+= Y drawmap() if (spd > acc) spd -= acc else spd = 0 acc += 0.02 if (fuel > 100) fuel = 100 id("par").innerHTML = "Battery level : "+Math.floor(fuel)+"%" } function exit() { c.style.visibility = "hidden" id("item").visibility = "hidden" clearInterval(movhandler) } var movhandler = setInterval(moves, 100) setInterval(function() {fuel+=2}, 1000) function design() { for (var i = 1; i <= 5; i++) { if(!items[i]) { id("b"+i).style.border = "solid 2px black" } for (var j in s) { if (inrange(x, s[j].x, y, s[j].y, 30) && !s[j].status) { id("b"+i).style.border=del?"solid black 2px":"solid aqua 2px" } } if (items[i]) { if (del) id("b"+i).style.border = "2px solid red" else { if(s[items[i]].known) id("b"+i).style.border = "2px solid green" else id("b"+i).style.border = "2px solid lightgreen" } } } if (del) { id("b0").innerHTML = "RLS" id("b0").style.border = "2px solid red" id("b0").style.color = "red" } else { id("b0").innerHTML = "ANA" id("b0").style.border = "2px solid green" id("b0").style.color = "green" } } function makemap() { for (var i = 0; i < 15; i++) { s[i] = new Object s[i].type = Math.ceil(Math.random()*5) s[i].x=Math.ceil(Math.random()*(c.width-50)+25) s[i].y=Math.ceil(Math.random()*(c.height-50)+25) s[i].status = 0 s[i].known = 0 } if (status1) drawmap() else drawmap() } var status1 = 1 function drawmap() { c.width = c.offsetWidth; c.height = c.offsetHeight; ctx = c.getContext("2d") ctx.strokeStyle = "#000" for (var i = 1; i < 11; i++) { ctx.beginPath() if (s[i].status > 0) continue; ctx.fillStyle = "#a44" ctx.arc(s[i].x, s[i].y, 10,0, 2 * Math.PI,true) if (s[i].known) { if (s[i].type == 1) ctx.fillStyle="pink" if (s[i].type == 2) ctx.fillStyle="#f55" if (s[i].type == 3) ctx.fillStyle="#5f5" if (s[i].type == 4) ctx.fillStyle="#55f" if (s[i].type == 5) ctx.fillStyle="#f8a" if (s[i].type == 6) ctx.fillStyle="#ff6" } ctx.fill() ctx.stroke() ctx.closePath() } drawRover() } function drawRover() { ctx.beginPath() ctx.translate( x, y ); ctx.rotate(degree*Math.PI/180) ctx.fillStyle = "#000" ctx.fillRect(-30, -20, 15, 10) ctx.fillRect(-7, -20, 15, 10) ctx.fillRect(16, -20, 15, 10) ctx.fillRect(-30, 10, 15, 10) ctx.fillRect(-7, 10, 15, 10) ctx.fillRect(16, 10, 15, 10) ctx.fillStyle = "#cbb" ctx.strokeStyle = "#500" ctx.fillRect(-25, -15, 50, 30) ctx.strokeRect(-25, -15, 50, 30) ctx.fillStyle = "#a99" ctx.fillRect(0, -10, 20, 20) ctx.strokeStyle = "#655" ctx.strokeRect(0, -10, 20, 20) ctx.restore() design() } function range(x1, x2, y1, y2) { return Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1)) } function inrange(x1, x2, y1, y2, r) { return range(x1, x2, y1, y2) < r } function take(i) { if (id("b"+i).style.border === "2px solid aqua") { var n = 0, dis = 1000 for (var j = 0; j < 11; j++) { if (s[j].status) continue; var a = range(x, s[j].x, y, s[j].y) if (a < dis) {dis = a; n = j} } items[i] = n s[n].status = i } else if (del && items[i]) { s[items[i]].status = 0 s[items[i]].x = x s[items[i]].y = y items[i] = 0 } else if(items[i]) { s[items[i]].known = 1 // s[items[i]].innerHTML = if(s[items[i]].known === 1) { alert(name.split("/")[items[i]]+"\n\n"+comp.split("#")[items[i]]) }} drawmap() } setInterval(drawmap, 500)

Mars Rover [CONTEST]