/* CHANGELOG: v0.01-Created an island v0.02-Added player v0.03-Added trees and rocks v0.04-Added yucca plants v0.05-Created joystick movement for mobile v0.06-Created WASD controls v0.07-Added rubbish collision prevention v0.08-Tried adding collision prevention to stones and yucca v0.09-Made harvesting materials possible v0.10-Added drowning v0.11-Added main framework v0.12-Added different colors to objects v0.13-Added random island(only ground) generation v0.14-Tweaked some friction modules v0.15-Added randomly generating trees v0.16-Did the above to yucca and stone v0.17-Added collision prevention to tree v0.18-Made dynamic healthbars v0.19-Tweaked circle collision prevention v0.20-Tried adding boats v0.21-Fixed boats v0.22-Added 3... Things? To the top of the screen indicating wood stone and yucca v0.23-Added "Inventory" v0.24-Added content to inventory v0.25-Added an inventory below to select items v0.26-Added Fishingrod v0.27-Added Knife, Yucca sapling and Tree sapling v0.28-Added Fist v0.29-Added Fish and Coconut v0.30-Added Thirst and Hunger bar v0.31-Tweaked movement and some more stuff to match high framerate with low framerate v0.32-Added mobile support of some of the above v0.33-Made canvas match computer size so iy won't stretch v0.34-Published to Sololearn v0.35-Added some more mobile support and fixed some bugs v0.36-Added Crafting slot in inventory v0.37-Added Boat placement from inventory v0.38-Added Crafting v0.39-Added inventory support to mobile v0.40-Fixed Boat placement so its exactly where it should be v0.41-Made Changelog v0.42-Fixed Boat being spawned if not in range v0.43-Improved boat collision detection with ground v0.44-Added Bunny v0.45-Added Gun v0.46-Made gun working v0.47-Added the following changes to the Bunny: -Reduced bunny speed -Added bunny hiding from gunshot -Fixed bunny hiding -Bunny only hides from gunshot now -Bunny walks away from player when he gets too close -UNFINISHED */ //Made by Qyther (()=>{ var ocean = [ [-2000,-2000,4000,4000] ]; var ground = [ [0,0,200,200] ]; var inventory = false; var tree = [ [40,30,1,20,20,1,0,0], [120,120,1,20,20,1,0,0] ]; var stone = [ [140,80,1,20,20,0,1,0] ]; var yucca = [ [80,50,1,10,10,0,0,1] ]; var ship = [ ]; var rain = []; var cdim = [ 360, 512 ]; var bulletdamage = 20; var treesaplingss = [ [120,40,0] ]; var yuccasaplingss = [ [40,120,0] ]; var bunny=[[cdim[0]/2,cdim[1]/2,0,0,0,0,750,0,0,20]]; var bullets=[]; var gun = true; var currentground; var selcrafting = false; var selinventory = false; var selupgrade = true; var shouldwhite = false; var invitems = [ [true,"Fist",false,1,"fist"], [true,"Knife",false,1,"knife"], [true,"Fishing Rod",true,2,"fishingrod",true,1,1], [true,"Tree Sapling",false,0,"treesapling"], [true,"Yucca Sapling",false,0,"yuccasapling"], [true,"Fish",false,0,"fish"], [true,"Coconut",false,0,"coconut"], [true,"Gun",false,1,"gun"] ]; var weather = 1; var noiseplace = []; var startinvitems=invitems; var boatmotion = 0; var food = 100; var thirst = 100; var fish = false; var coconut = false; var thinsze = 0; var fishrate = [5,15]; var currentfishrate = 0; var fishtime = 0; var fishrec = false; var switchthin = false; var fishingrod = true; var knife = false; var angas = 0; var addtime = true; var worldtime = 100000; var thatboat; var treesapling = false; var yuccasapling = false; var speedmulti = .15; var friction = .025; var currentstone; var thatstone; var fishing = false; var currentyucca; var thatyucca; var allowmove = true; var oceantime = 0; var collideocean; function reset(a) { oceantime = 0; food = 100; thirst = 100; items = startitems; invitems = startinvitems; craftitems = startcraftitems; allowmove = true; speed = [0,0]; boatmotion = 0; fishing = false; curkey = "1"; thinsze = 0; angas = 0; selinventory = true; selcrafting = false; tree=[]; stone=[]; yucca=[]; treesaplingss=[]; yuccasaplingss=[]; for(var i=0;i=cdim[0]/6) { cur[0]=Math.cos(ang)*cdim[0]/6; cur[1]=Math.sin(ang)*cdim[0]/6; } else { cur[0]=e.clientX-cdim[0]/6; cur[1]=e.clientY-cdim[1]+cdim[0]/6; } speed[0]=Math.cos(ang); speed[1]=Math.sin(ang); } if(mobile()) { document.addEventListener("touchstart",e=>{ if(e.changedTouches) e=e.changedTouches[0]; if(gdis(e.clientX,e.clientY,cdim[0]/6,cdim[1]-cdim[0]/2)leftx+(cdim[0]/8)*offsetx&&e.clientXtopy+(cdim[1]/8)*offsety&&e.clientYleftx+(cdim[0]/8+40)*offsetx&&e.clientXtopy+(cdim[1]/8)*offsety&&e.clientYleftx+(cdim[0]/8+40+ctx.measureText("INVENTORY").width+12+9)*offsetx&&e.clientXtopy+(cdim[1]/8)*offsety&&e.clientYleftx+(cdim[0]/8+40+ctx.measureText("INVENTORY").width+ctx.measureText("CRAFTING").width+33+9)*offsetx&&e.clientXtopy+(cdim[1]/8)*offsety&&e.clientYleftx+(cdim[0]-50)*offsetx&&e.clientYtopy) inventory = true; else if(e.clientX>leftx+(cdim[0]-cdim[0]/4-5)*offsetx&&e.clientXtopy+(cdim[1]-cdim[0]/4-5)*offsety&&e.clientY100) food = 100; invitems[5][3]--; } else if(coconut&&thirst<90) { thirst+=20; if(thirst>100) thirst = 100; invitems[6][3]--; } else if(treesapling) { invitems[3][3]--; for(var i=0;i{ e=e.changedTouches[0]; mouseposition=[e.clientX,e.clientY]; if(gdis(e.clientX,e.clientY,cdim[0]/6,cdim[1]-cdim[0]/6){ e=e.changedTouches[0]; if(followh) update(e); }); document.addEventListener("touchend",()=>{ mouseposition=[-100,-100]; speed=[0,0]; cur=[0,0]; followh=false; }); } else { document.addEventListener("mouseup",()=>{ mouseposition = [-100,-100]; }); document.addEventListener("mousedown",e=>{ if(e.changedTouches) e=e.changedTouches[0]; mouseposition = [e.clientX,e.clientY]; if(inventory&&e.clientX>leftx+(cdim[0]/8)*offsetx&&e.clientXtopy+(cdim[1]/8)*offsety&&e.clientYleftx+(cdim[0]/8+40)*offsetx&&e.clientXtopy+(cdim[1]/8)*offsety&&e.clientYleftx+(cdim[0]/8+40+ctx.measureText("INVENTORY").width+15)*offsetx&&e.clientXtopy+(cdim[1]/8)*offsety&&e.clientYleftx+(cdim[0]/8+40+ctx.measureText("INVENTORY").width+ctx.measureText("CRAFTING").width+33+9)*offsetx&&e.clientXtopy+(cdim[1]/8)*offsety&&e.clientYleftx+(cdim[0]-50)*offsetx&&e.clientYtopy) inventory = true; else if(e.clientX>leftx+(cdim[0]-cdim[0]/4-5)*offsetx&&e.clientXtopy+(cdim[1]-cdim[0]/4-5)*offsety&&e.clientY100) food = 100; invitems[5][3]--; } else if(coconut&&thirst<90) { thirst+=20; if(thirst>100) thirst = 100; invitems[6][3]--; } else if(treesapling) { invitems[3][3]--; for(var i=0;i{ for(var i=0;i{ for(var i=0;i(friction-.015)) speed[1]-=friction; } } else if(i===3) { if(touched[i]===false&&touched[i-2]===false) { if(speed[0]>(friction-.015)) speed[0]-=friction; } } } } ctx.scale(offsetx,offsety); ctx.translate(-pos[0],-pos[1]); var oceancollided; for(var i=0;i=7.5) switchthin = true; ctx.stroke(); ctx.restore(); ctx.closePath(); } ctx.translate(-pos[0],-pos[1]); for(var i=0;i750000) { tree.push([treesaplingss[i][0],treesaplingss[i][1],1,20,20,1,0,0]); treesaplingss.splice(i,1); } } for(var i=0;i750000) { yucca.push([yuccasaplingss[i][0],yuccasaplingss[i][1],1,20,20,1,0,0]); yuccasaplingss.splice(i,1); } } if(shouldboat) boat = false; for(var i=0;i0) { bunny[i][9]-=bulletdamage; alert("HIT"); } } if(inverx) bunny[i][2]=-bunny[i][2]; if(invery) bunny[i][3]=-bunny[i][3]; if(bunny[i][4]>0) { if(bunny[i][4]>bunny[i][6]+75) bunny[i][4]=0; if(bunny[i][9]>0&&bunny[i][4]5000) { bunny[i][7]=0; bunny[i][2]=Math.random()*.8-.4; bunny[i][3]=Math.random()*.8-.4; } bunny[i][5]=Math.atan2(bunny[i][3],bunny[i][2]); bunny[i][4]+=delta; bunny[i][7]+=delta; var rad = 40; if(gdis(pos[0]+cdim[0]/2,pos[1]+cdim[1]/2,bunny[i][0],bunny[i][1])0) { bunny[i][2]=speed[0]/1.1; bunny[i][3]=speed[1]/1.1; } else { bunny[i][2]=speed[0]/1.1; bunny[i][3]=speed[1]/1.1; if(knife) { } } } if(noiseplace[0]!==(null||undefined)&&bunny[i][8]<=0&&bunny[i][9]>0) { if(gdis(noiseplace[0]+cdim[0]/2,noiseplace[1]+cdim[0]/2,bunny[i][0],bunny[i][1])<125) { bunny[i][8]=1; noiseplace=[]; bunny[i][2]=Math.random()*.8-.4; bunny[i][3]=Math.random()*.8-.4; if(bunny[i][2]>0&&bunny[i][2]<1) bunny[i][2]=1; if(bunny[i][2]<0&&bunny[i][2]>-1) bunny[i][2]=-1; if(bunny[i][3]>0&&bunny[i][3]<1) bunny[i][3]=1; if(bunny[i][3]<0&&bunny[i][3]>-1) bunny[i][3]=-1; } else { bunny[i][8]=0; } } if(bunny[i][8]>=1) bunny[i][8]+=delta; if(bunny[i][8]>3001) bunny[i][8]=0; if(bunny[i][8]<=501) { ctx.beginPath(); ctx.save(); ctx.translate(bunny[i][0]+6,bunny[i][1]+6); ctx.rotate(bunny[i][5]); ctx.fillRect(-6,-6,12,12); ctx.restore(); ctx.closePath(); } } for(var i=0;i1500) bullets.splice(i,1); } ctx.resetTransform(); ctx.scale(offsetx,offsety); ctx.beginPath(); cw = [7.5,7.5]; ctx.fillStyle="pink"; if(vehicle===0) { friction = .5; } else if(vehicle===1) { speedmulti=.125; friction = .5; } ctx.arc(cdim[0]/2,cdim[1]/2,(cw[0]+cw[1])/2,0,2*Math.PI); ctx.fill(); ctx.closePath(); ctx.resetTransform(); ctx.scale(offsetx,offsety); ctx.translate(-pos[0],-pos[1]); var haspointer; var close; currenttree = undefined; thattree = undefined; currentstone = undefined; thatstone = undefined; currentyucca = undefined; thatyucca = undefined; for(var i=0;i=300000&&addtime) addtime = false; else if(worldtime<=150000&&!addtime) { addtime = true; worldtime = 0; } ctx.fillStyle="rgba(0,0,0,"+(worldtime/400000)+")"; ctx.fillRect(0,0,innerWidth,innerHeight); if(weather===1) { ctx.fillStyle="rgba(0,0,0,.2)"; ctx.fillRect(0,0,innerWidth,innerHeight); } ctx.translate(-pos[0],-pos[1]); if(haspointer&&!boat) { if(currenttree!==(null||undefined)) { ctx.fillStyle="red"; ctx.fillRect(currenttree[0]+cdim[0]/2-currenttree[2]*30+currenttree[2]*5.25,currenttree[1]+cdim[1]/2+(-currenttree[2]*2.5),(currenttree[3]/currenttree[4])*50*(currenttree[2]),currenttree[2]*10); } if(currentstone!==(null||undefined)) { ctx.fillStyle="red"; ctx.fillRect(currentstone[0]+cdim[0]/2-currentstone[2]*30+currentstone[2]*5.25,currentstone[1]+cdim[1]/2+(-currentstone[2]*2.5),(currentstone[3]/currentstone[4])*50*(currentstone[2]),currentstone[2]*10); } if(currentyucca!==(null||undefined)) { ctx.fillStyle="red"; ctx.fillRect(currentyucca[0]+cdim[0]/2-currentyucca[2]*30+currentyucca[2]*5.25,currentyucca[1]+cdim[1]/2+(-currentyucca[2]*2.5),(currentyucca[3]/currentyucca[4])*50*(currentyucca[2]),currentyucca[2]*10); } } ctx.resetTransform(); ctx.scale(offsetx,offsety); ctx.strokeStyle="black"; ctx.fillStyle="lime"; var off = -2.5; if(haspointer&&!boat) { ctx.beginPath(); var up = cw[1]; ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2-up); ctx.moveTo(0,0+off); ctx.lineTo(-10,-15+off); ctx.lineTo(0,-10+off); ctx.lineTo(10,-15+off); ctx.lineTo(0,0+off); ctx.fill(); ctx.stroke(); ctx.closePath(); ctx.restore(); if(speed[0]&&allowmove||speed[1]&&allowmove) angas = Math.atan2(speed[0],-speed[1]); if(treesapling) { ctx.lineWidth = 4; ctx.strokeStyle="rgb(45,130,30)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas); ctx.arc(0,0,11.5,0,2*Math.PI); ctx.stroke(); ctx.restore(); ctx.closePath(); ctx.fillStyle="rgb(115,200,100)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas+Math.sin(worldtime/50)/100); ctx.arc(0,-cw[1]-3,3,0,2*Math.PI); ctx.fill(); ctx.restore(); ctx.closePath(); } if(yuccasapling) { ctx.lineWidth = 4; ctx.strokeStyle="rgb(130,170,30)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas); ctx.arc(0,0,11.5,0,2*Math.PI); ctx.stroke(); ctx.restore(); ctx.closePath(); ctx.fillStyle="rgb(200,240,100)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas+Math.sin(worldtime/50)/100); ctx.arc(0,-cw[1]-3,3,0,2*Math.PI); ctx.fill(); ctx.restore(); ctx.closePath(); } if(fish) { ctx.fillStyle="rgb(0,150,170)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas+Math.sin(worldtime/50)/25); ctx.ellipse(0,-cw[1]-3,6,3,0,0,2*Math.PI); ctx.fill(); ctx.restore(); ctx.closePath(); } if(coconut) { ctx.fillStyle="rgb(200,80,50)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas+Math.sin(worldtime/50)/25); ctx.arc(0,-cw[1]-3,5.5,0,2*Math.PI); ctx.fill(); ctx.restore(); ctx.closePath(); } if(knife) { ctx.fillStyle="rgb(80,60,60)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas+Math.sin(worldtime/50)/50); ctx.fillRect(-1.5,-cw[1]-2,3,4); ctx.restore(); ctx.closePath(); ctx.fillStyle="rgb(100,100,100)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas+Math.sin(worldtime/50)/50); ctx.moveTo(-1,-cw[1]-2); ctx.lineTo(0,-cw[1]-10-2); ctx.lineTo(1,-cw[1]-2); ctx.fill(); ctx.restore(); ctx.closePath(); } } else { var dang = 0; if(boat) dang=5; if(speed[0]&&allowmove||speed[1]&&allowmove) angas = Math.atan2(speed[0],-speed[1]); if(!fishingrod&&!treesapling&&!knife&&!yuccasapling&&!fish) { ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas); ctx.moveTo(0,-20+off-dang); ctx.lineTo(-10,-5+off-dang); ctx.lineTo(0,-10+off-dang); ctx.lineTo(10,-5+off-dang); ctx.lineTo(0,-20+off-dang); ctx.fill(); ctx.stroke(); ctx.restore(); ctx.beginPath(); } else if(fishingrod) { ctx.fillStyle="rgb(150,70,10)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas); ctx.fillRect(-1,-cw[1]-10,2,10); ctx.restore(); ctx.closePath(); } if(treesapling) { ctx.lineWidth = 4; ctx.strokeStyle="rgb(45,130,30)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas); ctx.arc(0,0,11.5,0,2*Math.PI); ctx.stroke(); ctx.restore(); ctx.closePath(); ctx.fillStyle="rgb(115,200,100)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas+Math.sin(worldtime/50)/100); ctx.arc(0,-cw[1]-3,3,0,2*Math.PI); ctx.fill(); ctx.restore(); ctx.closePath(); } if(yuccasapling) { ctx.lineWidth = 4; ctx.strokeStyle="rgb(130,170,30)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas); ctx.arc(0,0,11.5,0,2*Math.PI); ctx.stroke(); ctx.restore(); ctx.closePath(); ctx.fillStyle="rgb(200,240,100)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas+Math.sin(worldtime/50)/100); ctx.arc(0,-cw[1]-3,3,0,2*Math.PI); ctx.fill(); ctx.restore(); ctx.closePath(); } if(fish) { ctx.fillStyle="rgb(0,150,170)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas+Math.sin(worldtime/50)/75); ctx.ellipse(0,-cw[1]-3,6,3,Math.cos(worldtime/25)/50,0,2*Math.PI); ctx.fill(); ctx.restore(); ctx.closePath(); } if(coconut) { ctx.fillStyle="rgb(200,80,50)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas+Math.sin(worldtime/50)/25); ctx.arc(0,-cw[1]-3,5.5,0,2*Math.PI); ctx.fill(); ctx.restore(); ctx.closePath(); } if(knife) { ctx.fillStyle="rgb(80,60,60)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas+Math.sin(worldtime/50)/50); ctx.fillRect(-1.5,-cw[1]-2,3,4); ctx.restore(); ctx.closePath(); ctx.fillStyle="rgb(100,100,100)"; ctx.beginPath(); ctx.save(); ctx.translate(cdim[0]/2,cdim[1]/2); ctx.rotate(angas+Math.sin(worldtime/50)/50); ctx.moveTo(-1,-cw[1]-2); ctx.lineTo(0,-cw[1]-10-2); ctx.lineTo(1,-cw[1]-2); ctx.fill(); ctx.restore(); ctx.closePath(); } } ctx.resetTransform(); ctx.scale(offsetx,offsety); if(haspointer&&!boat&&knife||shouldwhite) { ctx.beginPath(); ctx.fillStyle="white"; ctx.fillRect(cdim[0]-cdim[0]/4-5,cdim[1]-cdim[0]/4-5,cdim[0]/4,cdim[0]/4); ctx.closePath(); document.getElementsByTagName("div")[0].style.cursor = "pointer"; if(haspointer) { if(mouse.toString()[0]&&mouse) { mouse = false; if(thattree!==(null||undefined)) { var temp = damage(currenttree,"TREE"); if(temp!=="NOTHING") { tree[thattree] = temp; currenttree = tree[thattree]; } } if(thatstone!==(null||undefined)) { var temp = damage(currentstone,"STONE"); if(temp!=="NOTHING") { stone[thatstone] = temp; currentstone = stone[thatstone]; } } if(thatyucca!==(null||undefined)) { var temp = damage(currentyucca,"YUCCA"); if(temp!=="NOTHING") { yucca[thatyucca] = temp; currentyucca = yucca[thatyucca]; } } } } } else { document.getElementsByTagName("div")[0].style.cursor = "default"; } if(oceancollided) { pos[0]-=speed[0]*.2; pos[1]-=speed[1]*.2; speed=[0,0]; oceantime+=delta; if(oceantime>1000) reset("ocean"); } else { oceantime = 0; } if(allowmove) { var exs = .5; if(speed[0]*exs*speedmulti>-0.005&&speed[0]*exs*speedmulti<0.005&&touch) speed[0]=0; if(speed[1]*exs*speedmulti>-0.005&&speed[1]*exs*speedmulti<0.005) speed[1]=0; if(!boat) { if(pos[0]+(speed[0]*exs*speedmulti)*delta>=-2000&&pos[0]+(speed[0]*exs)*delta<=2000) pos[0]+=(speed[0]*exs*speedmulti)*delta; if(pos[1]+(speed[1]*exs*speedmulti)*delta>=-2000&&pos[1]+(speed[1]*exs)*delta<=2000) pos[1]+=(speed[1]*exs*speedmulti)*delta; } else if(boatmotion>20) { var boatspeed = 1.5; if(pos[0]+(speed[0]*exs*speedmulti)*delta*boatspeed>=-2000&&pos[0]+(speed[0]*exs)*delta*boatspeed<=2000) pos[0]+=(speed[0]*exs*speedmulti)*delta*boatspeed*Math.abs(boatmotion/375-1); if(pos[1]+(speed[1]*exs*speedmulti)*delta*boatspeed>=-2000&&pos[1]+(speed[1]*exs)*delta*boatspeed<=2000) pos[1]+=(speed[1]*exs*speedmulti)*delta*boatspeed*Math.abs(boatmotion/375-1); if(boatmotion>750) boatmotion = 0; } } if(1000/dd>=60) ctx.fillStyle="white"; else if(1000/dd>=45) ctx.fillStyle="yellow"; else if(1000/dd>=15) ctx.fillStyle="orange"; else ctx.fillStyle="red"; ctx.fillText("Fps: "+(1000/dd).toFixed(1),0,10); ctx.textAlign = "center"; ctx.fillStyle="rgb(230,150,80)"; ctx.lineWidth = 4; ctx.strokeStyle="rgb(200,100,40)"; ctx.beginPath(); ctx.arc(cdim[0]/3,20,20,0,2*Math.PI); ctx.fill(); ctx.stroke(); ctx.closePath(); ctx.fillStyle="white"; ctx.fillText(mats[0],cdim[0]/3,23); ctx.fillStyle="rgb(190,190,190)"; ctx.lineWidth = 4; ctx.strokeStyle="rgb(150,150,150)"; ctx.beginPath(); ctx.arc(cdim[0]/2,20,20,0,2*Math.PI); ctx.fill(); ctx.stroke(); ctx.closePath(); ctx.fillStyle="white"; ctx.fillText(mats[1],cdim[0]/2,23); ctx.fillStyle="rgb(150,190,80)"; ctx.lineWidth = 4; ctx.strokeStyle="rgb(120,140,30)"; ctx.beginPath(); ctx.arc(cdim[0]/1.5,20,20,0,2*Math.PI); ctx.fill(); ctx.stroke(); ctx.closePath(); ctx.fillStyle="white"; ctx.fillText(mats[2],cdim[0]/1.5,23); ctx.fillText(pos,cdim[0]/1.5,50) if(!inventory) { ctx.fillStyle="rgb(150,130,10)"; ctx.beginPath(); ctx.arc(cdim[0]-25,20,25,0,2*Math.PI); ctx.fill(); ctx.closePath(); ctx.fillRect(cdim[0]-50,20,50,30); ctx.fillStyle="rgb(200,130,10)"; ctx.beginPath(); ctx.arc(cdim[0]-25,45,25,0,2*Math.PI); ctx.fill(); ctx.closePath(); } if(debug) { ctx.translate(0,100); ctx.strokeStyle=ctx.fillStyle; kg=-(1000/dd); if(-kg>peak) peak = -kg; else if(-kg-150waittime*1000) { rectime=false; curtime=0; disptext=false; } } } ctx.font=""; if(!touch) { ctx.globalAlpha=.6; ctx.beginPath(); ctx.fillStyle="white"; ctx.arc(cdim[0]/6,cdim[1]-cdim[0]/6,cdim[0]/6,0,2*Math.PI); ctx.fill(); ctx.closePath(); ctx.globalAlpha=1; ctx.beginPath(); ctx.fillStyle="white"; ctx.arc(cdim[0]/6+cur[0],cdim[1]-cdim[0]/6+cur[1],cdim[0]/12,0,2*Math.PI); ctx.fill(); ctx.closePath(); if(boat) { ctx.beginPath(); ctx.fillStyle="white"; ctx.arc(cdim[0]/6,cdim[1]-cdim[0]/2,cdim[0]/6,0,2*Math.PI); ctx.fill(); ctx.closePath(); } } if(inventory) { ctx.fillStyle="rgba(190,100,20,.8)"; ctx.fillRect(cdim[0]/8,cdim[1]/8,cdim[0]-(cdim[0]/4),cdim[1]-(cdim[1]/4)); ctx.fillStyle="red"; ctx.fillRect(cdim[0]/8,cdim[1]/8,40,40); ctx.fillStyle="rgb(170,80,0)"; ctx.fillRect(cdim[0]/8+40,cdim[1]/8,ctx.measureText("INVENTORY").width+18,40); ctx.fillRect(cdim[0]/8+40+ctx.measureText("INVENTORY").width+12+9,cdim[1]/8,ctx.measureText("CRAFTING").width+18,40); ctx.fillRect(cdim[0]/8+40+ctx.measureText("INVENTORY").width+ctx.measureText("CRAFTING").width+33+9,cdim[1]/8,ctx.measureText("UPGRADING").width+15,40); ctx.fillStyle="white"; ctx.textAlign="center"; ctx.fillText("INVENTORY",cdim[0]/8+20+ctx.measureText("INVENTORY").width,cdim[1]/8+cdim[0]/16,cdim[0]/2-cdim[0]/8); ctx.fillText("CRAFTING",cdim[0]/8+45+ctx.measureText("INVENTORY").width+ctx.measureText("CRAFTING").width,cdim[1]/8+cdim[0]/16); ctx.fillText("UPGRADING",cdim[0]/8+60+ctx.measureText("INVENTORY").width+ctx.measureText("CRAFTING").width+ctx.measureText("UPGRADING").width,cdim[1]/8+cdim[0]/16); if(selinventory) { var mult = 0; for(var i=0;i0) { var multa = -1; var blocmulta; for(var d=0;d<300;d+=.5) { if(!blocmulta&&!chCo([ pos[0]+Math.sin(angas)*(d-10), pos[1]+-Math.cos(angas)*(d-10), 20, 20 ], currentground)) { multa = d; blocmulta = true; } } var dej = 0; var jed = 0; if(multa>0) { items[i][0]--; ship.push([pos[0]+Math.sin(angas)*multa-10,pos[1]+-Math.cos(angas)*multa-10,0,false,true]); } } } ctx.rect( cdim[0]/8+((cdim[0]-(cdim[0]/4))/8)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/8)*Math.floor(i/8), (cdim[0]-(cdim[0]/4))/8, (cdim[1]-(cdim[1]/4))/8 ); ctx.fill(); ctx.stroke(); ctx.closePath(); if(items[i][1]) { ctx.fillStyle="black"; ctx.textAlign="center"; ctx.fillText(items[i][2],16+cdim[0]/8+((cdim[0]-(cdim[0]/4))/8)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/8)*Math.floor(i/8)+28, (cdim[0]-(cdim[0]/4))/8-8, (cdim[1]-(cdim[1]/4))/8); ctx.fillText(items[i][0],16+cdim[0]/8+((cdim[0]-(cdim[0]/4))/8)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/8)*Math.floor(i/8)+40, (cdim[0]-(cdim[0]/4))/8-8, (cdim[1]-(cdim[1]/4))/8); } mult++; if(mult%8===0) mult = 0; } } else if(selcrafting) { var mult = 0; for(var i=0;i=craftitems[i][3]&&mats[1]>=craftitems[i][4]&&mats[2]>=craftitems[i][5]) { if(craftitems[i][2]==="Boat") { items[3][0]++; } if(craftitems[i][2]==="Fishing Rod") { invitems[2][3]++; } if(craftitems[i][2]==="Knife") { cdamage++; } mats[0]-=craftitems[i][3]; mats[1]-=craftitems[i][4]; mats[2]-=craftitems[i][5]; } } ctx.strokeStyle="black"; ctx.lineWidth=3; if(craftitems[i][1]) ctx.fillStyle="white"; else ctx.fillStyle="black"; ctx.beginPath(); ctx.rect( cdim[0]/8+((cdim[0]-(cdim[0]/4))/4)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/4)*Math.floor(i/4), (cdim[0]-(cdim[0]/4))/4, (cdim[1]-(cdim[1]/4))/4 ); ctx.fill(); ctx.stroke(); ctx.closePath(); if(craftitems[i][1]) { ctx.fillStyle="black"; ctx.textAlign="center"; ctx.fillText(craftitems[i][2],cdim[0]/11+cdim[0]/8+((cdim[0]-(cdim[0]/4))/4)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/4)*Math.floor(i/4)+28, (cdim[0]-(cdim[0]/4))/4-8); ctx.fillText(craftitems[i][0],cdim[0]/11+cdim[0]/8+((cdim[0]-(cdim[0]/4))/4)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/4)*Math.floor(i/4)+40, (cdim[0]-(cdim[0]/4))/4-8); ctx.fillText(craftitems[i][3]+" Wood",cdim[0]/11+cdim[0]/8+((cdim[0]-(cdim[0]/4))/4)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/4)*Math.floor(i/4)+52, (cdim[0]-(cdim[0]/4))/4-8); ctx.fillText(craftitems[i][4]+" Stone",cdim[0]/11+cdim[0]/8+((cdim[0]-(cdim[0]/4))/4)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/4)*Math.floor(i/4)+64, (cdim[0]-(cdim[0]/4))/4-8); ctx.fillText(craftitems[i][5]+" Yucca",cdim[0]/11+cdim[0]/8+((cdim[0]-(cdim[0]/4))/4)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/4)*Math.floor(i/4)+76, (cdim[0]-(cdim[0]/4))/4-8); } mult++; if(mult%4===0) mult = 0; } } else { var mult = 0; for(var i=0;i=upgradeitems[i][3]&&mats[1]>=upgradeitems[i][4]&&mats[2]>=upgradeitems[i][5]) { if(upgradeitems[i][2]==="Boat") { items[3][0]++; } if(upgradeitems[i][2]==="Fishing Rod") { invitems[2][3]++; } if(upgradeitems[i][2]==="Knife") { cdamage++; } mats[0]-=craftitems[i][3]; mats[1]-=craftitems[i][4]; mats[2]-=craftitems[i][5]; } } ctx.strokeStyle="black"; ctx.lineWidth=3; if(craftitems[i][1]) ctx.fillStyle="white"; else ctx.fillStyle="black"; ctx.beginPath(); ctx.rect( cdim[0]/8+((cdim[0]-(cdim[0]/4))/4)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/4)*Math.floor(i/4), (cdim[0]-(cdim[0]/4))/4, (cdim[1]-(cdim[1]/4))/4 ); ctx.fill(); ctx.stroke(); ctx.closePath(); if(craftitems[i][1]) { ctx.fillStyle="black"; ctx.textAlign="center"; ctx.fillText(craftitems[i][2],cdim[0]/11+cdim[0]/8+((cdim[0]-(cdim[0]/4))/4)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/4)*Math.floor(i/4)+28, (cdim[0]-(cdim[0]/4))/4-8); ctx.fillText("Level: "+craftitems[i][0],cdim[0]/11+cdim[0]/8+((cdim[0]-(cdim[0]/4))/4)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/4)*Math.floor(i/4)+40, (cdim[0]-(cdim[0]/4))/4-8); ctx.fillText(craftitems[i][3]+" Wood",cdim[0]/11+cdim[0]/8+((cdim[0]-(cdim[0]/4))/4)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/4)*Math.floor(i/4)+52, (cdim[0]-(cdim[0]/4))/4-8); ctx.fillText(craftitems[i][4]+" Stone",cdim[0]/11+cdim[0]/8+((cdim[0]-(cdim[0]/4))/4)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/4)*Math.floor(i/4)+64, (cdim[0]-(cdim[0]/4))/4-8); ctx.fillText(craftitems[i][5]+" Yucca",cdim[0]/11+cdim[0]/8+((cdim[0]-(cdim[0]/4))/4)*mult, cdim[1]/8+40+((cdim[1]-(cdim[1]/4))/4)*Math.floor(i/4)+76, (cdim[0]-(cdim[0]/4))/4-8); } mult++; if(mult%4===0) mult = 0; } } } else { for(var i=0;i1&&invitems[i][6]<=0) { invitems[i][3]--; invitems[i][6]=1; } else if(invitems[i][6]<0) { invitems[i][3]--; invitems[i][6]=1; } if(invitems[i][3]<=0&&invitems[i][0]) { invitems[i][0] = false; curkey = "1"; } else if(invitems[i][3]>0&&!invitems[i][0]) invitems[i][0]=true; if(invitems[i][0]) { ctx.font="normal 11px monospace"; ctx.fillText(invitems[i][1],cdim[0]/17.5+i*(cdim[0]/divida-1),cdim[1]-cdim[0]/divida+cdim[0]/19,cdim[0]/divida-cdim[0]/30); ctx.fillText(invitems[i][3],cdim[0]/67.5+ctx.measureText(invitems[i][3]).width/2+i*(cdim[0]/divida-1),cdim[1]-cdim[0]/divida+cdim[0]/13,cdim[0]/divida); } } } if(delta<100000) { food-=(1/600)*(delta/16); thirst-=(1/300)*(delta/16); if(food<0||thirst<0) reset(); } ctx.strokeStyle="white"; ctx.fillStyle="rgb(170,50,20)"; ctx.fillRect(1,15,15,(cdim[1]/200)*food); ctx.fillStyle="rgb(10,50,150)"; ctx.fillRect(17,30,15,(cdim[1]/200)*thirst); ctx.beginPath(); ctx.rect(1,15,15,cdim[1]/2); ctx.stroke(); ctx.closePath(); ctx.beginPath(); ctx.rect(17,30,15,cdim[1]/2); ctx.stroke(); ctx.closePath(); last=now; if(mouseposition[0]>0) mouseposition = [-100,-100]; } setInterval(()=>dd=delt,500); (()=>{ setTimeout(()=>{ setInterval(frame); },50); for(var i=0;i

Sneakpeek: Survival Game