// Created by yash //find these guys on iconfinder.com!! var urls = ["https://cdn0.iconfinder.com/data/icons/shift-travel/32/SpaceshipLauncher-512.png", //Tahsin Tahil "https://raw.githubusercontent.com/YashKandalkar/Shoot-em-All-/master/assets/images/player-ship.png", "https://raw.githubusercontent.com/YashKandalkar/Shoot-em-All-/master/assets/images/bot-ship.jpg", "https://cdn1.iconfinder.com/data/icons/education-flat-3/48/121-512.png", //Vectors Market "https://cdn3.iconfinder.com/data/icons/seo-and-web-21/65/80-512.png", //Brick Clay "https://cdn1.iconfinder.com/data/icons/vehicles-roads-road-symbols/32/rocket-512.png", //Zlatko Najdenovski "https://cdn0.iconfinder.com/data/icons/seo-and-development-4/200/vector_304_24-512.png", //Maxim Basinski ]; var ss_images = {}; var ss_data; var ship_img; var startDiv, gameName, charDiv; var itemDivs = []; var itemsStyle = {"width": "90px", "height": "90px", "border":"5px solid", "display":"inline-block" } var startB, helpB, aboutB; var started = false; function preload(){ for(let i = 0; i < urls.length; i++){ ss_images[urls[i]] = loadImage(urls[i]); } } function setup() { c = createCanvas(windowWidth, windowHeight); c.addClass("canvas"); ss_data = { angle : 0, x : width/2 + 50*cos(this.angle), y: height/2 + 50*sin(this.angle), cx : width/2, cy : height/2, hp : 100 } startDiv = createDiv(); charDiv = createDiv(); helpB = createDiv(''); gameName = createP("SpaceMassacre"); startB = createButton("START"); for(let i = 0; i < urls.length; i++){ itemDivs.push(createDiv()); } for(let i of Object.keys(itemsStyle)){ for(let j = 0;j < urls.length; j++){ itemDivs[j] .style(i, itemsStyle[i]) .style("background-image", "url("+urls[j]+")") .style("background-size", "90px 90px") .addClass('items') .parent(charDiv); itemDivs[j].mouseClicked(() => { itemDivs[j] .style("border", "5px solid #6fabf8"); ship_img = ss_images[urls[j]]; }); itemDivs[j].mouseOut(() => { itemDivs[j].style("border", "5px solid #000000"); }); } } startDiv .position(0, 0) .style("width", str(width) + "px") .style("height", str(height) + "px") .style("background-image", "url(https://d2gg9evh47fn9z.cloudfront.net/800px_COLOURBOX1168602.jpg)"); gameName .style("font-family", "'Cinzel', serif") .style("color", "#6f7784") .style("font-size", "40px") .style("text-align", "center") .style("border", "3px solid #6f7784") .parent(startDiv); charDiv .position(50, height/2+60) .style("width", str(width-100)+"px") .style("height", "100px") .style("background", "#ffffff") .style("overflow-x", "scroll") .style("overflow-y", "hidden") .style("white-space", "nowrap") .parent(startDiv); startB .position(width/2-60, 160) .style("font-family", "'Cinzel', serif") .style("color", "#6f7784") .style("font-size", "40px") .style("text-align", "center") .style("background", "#000000") .parent(startDiv) .mouseClicked(start) helpB .position(width-45, height-45) .style("background", "#ffffff") .parent(startDiv) ship_img = ss_images[urls[int(random(urls.length))]]; } function mousePressed(){ } function mouseDragged(){ //mousePressed(); } function draw() { if(started){ background(0); if(touches.length == 1){ if(mouseX < width/2){ ss_data.x = 50+50*cos(ss_data.angle) ss_data.y = 150+50*sin(ss_data.angle) } else{ ss_data.x = 150+50*cos(ss_data.angle) ss_data.y = 150+50*sin(ss_data.angle) } } push(); translate(ss_data.x, ss_data.y); rotate(ss_data.angle); image(ship_img, -14, -14, 30, 25); pop(); if(touches.length == 1){ if(mouseX < width/2){ ss_data.angle -= 0.1; } else{ ss_data.angle += 0.1; } } if(pmouseX < width/2 && mouseX < width/2 || pmouseX > width/2 && mouseX < width/2){ ss_data.cx = ss_data.x+ 50*cos(ss_data.angle); ss_data.cy = ss_data.y+ 50*sin(ss_data.angle); } else{ ss_data.offset = [0, 0]; } } } function start(){ started = true; startDiv.hide() }

for yash