/* Author:Coder; Name :CONTEST; FrameWork:P5.js; */ var col; var div; var container = []; var but,bu1,but2,but3,but4,but5,but6,but7,but8,but9,but10,but11,but12,but13,but14,btn15,but16,but17; var p ,p1; var name =""; var d;var d2; var input,input1,input2; var ship_img; var gallery = [] console.log = function(){} console.error = function(){} console.warn=function(){} var img; var no =0,no1=0; var values,values_1,values_2; var no_rocks = 0; var value_ = 1; var rocks_img; var _hide = false; var rocks = [] var bg; var txt = "

Commands Executed Recently:

" //rocks names from wikipedia var rock = ["Cobalt", "Andesite", "Adirondack", "Hottah", "Goulburn", "OileánRuaidh", "Basalt"]; var rockRandomName = []; var rockChems = ["Sulfur", "Magnesium", "Gypsum", "Calcium", "Pyroxene","Iron","Zinc"]; var rockChemical = [] function preload(){ ship_img = loadImage("https://i.ibb.co/VM8w3Nc/tank1.png"); rocks_img = loadImage("https://i.ibb.co/fHFNrcr/asteroid-2-icon.png") bg = loadImage("https://i.ibb.co/1f193Nf/Atlantis-mosaic-co-xl-1.jpg"); }; var ang = Math.PI; var ship; var collide = false; function setup(){ createCanvas(windowWidth,windowHeight).position(0,0); background(0); but = createButton("MOV F").id("btn"); but.position(0,0) .style("height","30px") .style("width","65px") .mouseClicked(movf); input = createInput("1").id("value"); input.position(65,0) .style("width","40px") .style("border-radius","20%"); but1 = createButton("MOV B").id("btn1"); but1.position(115,0) .style("height","30px") .style("width","65px") .mouseClicked(movb); input1 = createInput("1").id("value1"); input1.position(180,0) .style("width","40px") .style("border-radius","20%"); but3 = createButton("LOG").id("btn3"); but3.position(170+60,0) .style("height","30px") .mouseClicked(logs); but4 = createButton("TRN L").id("btn4"); but4.position(0,35) .style("height","30px") .style("width","65px") .mouseClicked(trnl); but5 = createButton("TRN R").id("btn5"); but5.position(70,35) .style("height","30px") .style("width","65px") .mouseClicked(trnr); but6 = createButton("RCK").id("btn6"); but6.position(140,35) .style("height","30px") .style("width","50px") .mouseClicked(rck); but7 = createButton("RLS").id("btn7"); but7.position(195,35) .style("height","30px") .style("width","50px") .mouseClicked(rls); but8 = createButton("PIC 📷").id("btn8") .position(0,70) .style("height","30px") //.style("width","55px") .mousePressed(loading) .mouseClicked(pic); but9= createButton("ANL").id("btn9") .position(290,0) .style("height","30px") .style("width","55px") .mouseClicked(anl); but10=createButton("Command").id("btn10") .position(250,35) .style("height","30px") .style("border","1px solid red") .style("width","100px") .mouseClicked(cmd); but11 = createButton("Submit").id("btn11") .position(160,10) .style("height","30px") but11.hide(); but11.mouseClicked(run); input2 = createInput("").id("cmd"); input2.position(10,10) .style("color","green") .style("width","140px") .style("height","30px") input2.hide(); but12 = createButton("Controls").id("btn12") .position(265,10) .style("height","30px") but12.hide(); but12.mouseClicked(controls_1); but16 = createButton("Show Pic").id("btn16") .position(width-50*3,height-50) .mouseClicked(show_pic); p = createP("").id("P") .position(0,height/2-100); p.hide() for(var i = 0;i<15;i++){ rockRandomName =rock[Math.floor(Math.random()*rock.length)]; rockChemical = rockChems[Math.floor(Math.random()*rockChems.length)]; rocks.push(new Rocks(random(20,width-20),random(100,height-120),rockRandomName,rockChemical)); } ship = new Ship(); d = createDiv("").id("D") .position(0,height/2-100); d.hide(); but13 = createButton("×").id("btn13") .position(width-30,height/2-70) .style("background","red") .style("border","none") //but13.hide(); but13.mouseClicked(clr); $("#btn13").hide() but14 = createButton("×").id("btn14") .position(width-30,height/2-70) .style("background","red") .style("border","none") //but13.hide(); but14.mouseClicked(clr1); $("#btn14").hide() p1 = createP("
See commands").id("p1") .position(0,height-80) d2 = createDiv("").id("d2") .position(0,height/2-70); d2.hide(); but15 = createButton("×").id("btn15") .position(width-30,height/2-70) .style("background","red") .style("border","none") //but13.hide(); but15.mouseClicked(clr2); $("#btn15").hide(); //$("#gallery").hide(); div = createDiv("Picture").id("gallery") .position(0,0); $("#gallery").hide() but17 = createButton("×").id("btn17") .position(width-30,5) .style("background","red") .style("border","none") //but13.hide(); but17.mouseClicked(clr3); $("#btn17").hide(); } function draw(){ background("#7c392a"); image(bg,-100,0,width+100,height) ; noFill(); rect(10,102,width-20,height-210,10) stroke(0); for(var i = 0;i< rocks.length;i++){ rocks[i].show(); rocks[i].col = rocks[i].col; } for(var i = 0;i" p1.html("
MOV F "+values+"00"+"\n") } function movb(){ values_1 = input1.value(); ship.boost(-values_1); txt+="MOV B "+values_1+"00"+"
" p1.html("
MOV B "+values_1+"00"+"\n") } function trnl(){ ship.turn(-1); txt+="TRN L
" p1.html("
TRN left 15 degrees") } function trnr(){ ship.turn(1); txt+="TRN R
" p1.html("
TRN right 15 degrees") } function rck(){ for(var i = 0;iPick up an rock") } else{ alert("Container full!!") p1.html("
container full") } } } txt+="RCK
" } function rls(){ var last = container[container.length-1]; if(last){ last = new Rocks(ship.pos.x,ship.pos.y,last.name,last.chemical); } if(container.length <= 5 && container.length > 0){ rocks.push(last); container.length--; p1.html("
Release a collected rock ") } else{ p1.html("
No Collected rocks") } txt+="RLS
" // alert("not implement"); } function logs(){ txt+="LOG
" p1.html("
Show all the commands") $("#d2").slideToggle(1500); $("#d2").html(txt); $("#btn15").slideToggle(1500) } function anl(){ //alert("not implement") //alert(name) $("#btn13").slideToggle(1500); var last = container[container.length-1]; if(last){ //if rock exists $("#P").slideToggle(1500); $("#P").html("

Found a rock called " + last.name+ ".
"+"Mixed with "+last.chemical+"."); p1.html("
Show the infomation about rock") } else{ $("#P").slideToggle(1500); $("#P").html("

Cannot perform analysis with empty storage!"); //txt+="ANL\n" p1.html("
Can't Analyse empty storage") } txt+="ANL
" } function cmd(){ $(function() { $("#btn").hide(1500); $("#btn1").hide(1500); $("#btn3").hide(1500); $("#btn4").hide(1500); $("#btn5").hide(1500); $("#btn6").hide(1500); $("#btn7").hide(1500); $("#btn8").hide(1500); $("#btn9").hide(1500); $("#value1").hide(1500) $("#value").hide(1500); $("#btn10").hide(1500); $("#cmd").show(1500); $("#btn11").show(1500); $("#btn12").show(1500); }); p1.html("
Commands") }; function Ship(){ this.pos = createVector(width/2,height/2); this.w = 30; this.h = 40; this.ang = 0; this.x = 50; this.y = 0; this.r = 45; this.col = color(0,0,0) this.roatation = 0; this.vel = createVector(0,0); this.show = function(){ push() translate(this.pos.x,this.pos.y); rotate(this.ang); imageMode(CENTER) image(ship_img,0,0,this.w,this.h) fill(this.col); rect(-10,-10,20,10); pop() } this.update = function(){ this.pos.add(this.vel) this.vel.mult(0.3); } this.turn= function(val){ this.ang+=PI/15*val; } this.boost = function(a){ var force = p5.Vector.fromAngle(this.ang-PI/2); this.vel.add(force); this.vel.mult(a*2); } } function Rocks(x,y,name,chemical){ this.x = x; this.y = y; this.w = 10; this.h = 10 this.name =name ; this.chemical = chemical; this.show = function(){ image(rocks_img,this.x,this.y,this.w,this.h); } } function collision(a,b){ try{ return a.pos.x< b.x + b.w*1.4 && a.pos.x + a.w*1.4 > b.x && a.pos.y < b.y + b.h*1.4 && a.pos.y + a.h*1.4 > b.y; } catch(err){ } } function run(){ values_2 = input2.value().toUpperCase(); //alert("not implement") var vs = values_2.split(" "); if(vs[0] === "MOV" && vs[1]==="F"){ ship.boost(vs[2]/10); txt+="MOV F "+vs[2]+"
" p1.html("
MOV F "+vs[2]) } else if(vs[0]==="MOV" && vs[1] ==="B"){ ship.boost(-vs[2]/10) txt+="MOV B "+vs[2]+"
" p1.html("
MOV B "+vs[2]) } else if(vs[0]=="PIC"){ pic(); } else if(vs[0] =="TRN" && vs[1]=="L"){ trnl(); } else if(vs[0] =="TRN" && vs[1]=="R"){ trnr(); } else if(vs[0]=="RCK"){ rck(); } else if(vs[0] == "RLS"){ rls(); } else if(vs[0]=="ANL"){ anl(); } else if(vs[0]=="LOG"){ logs(); } else{ $("#D").slideToggle(1500); $("#D").html(" 1.MOV F 100 - move 1 step forward
2.MOV B 100 - move 1 step backward
3.TRN R - turns right
4.TRN L - turns left
5.RCK - collect a rock
6.RLS - release last collected rock
7.ANL - analyse rock
8.PIC - takes picture
9.LOG - shows log
"); $("#btn14") .slideToggle(1500); } $("#cmd").val(""); }; function controls_1(){ $("#btn").show(1500); $("#btn1").show(1500); $("#btn3").show(1500); $("#btn4").show(1500); $("#btn5").show(1500); $("#btn6").show(1500); $("#btn7").show(1500); $("#btn8").show(1500); $("#btn9").show(1500); $("#value1").show(1500) $("#value").show(1500); $("#btn10").show(1500); $("#cmd").hide(1500); $("#btn11").hide(1500); $("#btn12").hide(1500); p1.html("
Controls") } function pic() { txt+="PIC \n" if(gallery.length<10){ swal("Picture Taken","","success"); gallery.push(document.querySelector("canvas").toDataURL("image/png")); $("#gallery").append("

"); p1.html("Picture No:"+gallery.length+"
Sucessfully Taken!!"); } else{ swal("Memory ful!!","","warning"); p1.html("Memory Full!!") } } function clr(){ $("#P").hide(1500); $("#btn13").hide(100); } function clr1(){ $("#btn14").hide(100); $("#D").hide(1500); } function clr2(){ $("#btn15").hide(150); $("#d2").hide(1500); } function show_pic(){ $("#gallery").show(1500); $("#btn17").show(1500); } function clr3(){ $("#gallery").hide(1500); $("#btn17").hide(1500); } function loading(){ p1.html(" Loading img...
Please Wait for a second"); }

Mars Rover[Contest]