editor.js

const mouse = {}
let width = 10
let height = 10
let color = "ffffff"
let ghost = 0
let bold = 0
let selected = 0
let seed = Math.floor(Math.random()*100)

let undor = []
let where_undo = -1

let buttons = {
    tree:element("tree"),
    normal:element("normal"),
    bush:element("bush"),
    bush_t:element("bush_t"),
    bush_l:element("bush_l"),
    delete:element("delete"),
    flowers:element("flowers"),
    flowers_t:element("flowers_t"),
    flowers_l:element("flowers_l"),
    ghost:element("ghost"),
    text:element("text"),
    text_t:element("text_t"),
    text_l:element("text_l"),
    text_l2:element("text_l2"),
    color:element("color"),
    bold:element("bold"),
    delete_txt:element("delete_txt"),
    drag:element("drag"),
    key:element("key"),
    key_t:element("key_t"),
    key_l:element("key_l"),
    import:element("import"),
}

buttons.import.addEventListener("click",()=>{
const fileInput = document.createElement('input');
fileInput.type = 'file';
fileInput.accept = '.js';

fileInput.onchange = e => {
  const file = e.target.files[0];
  if (!file) return;

  const reader = new FileReader();
  reader.onload = e => {
    const content = e.target.result;
    level = []
    eval(content)
  };
  reader.readAsText(file);
};

fileInput.click();
})

buttons.normal.addEventListener("click",()=>{
    selected = 0
})

buttons.tree.addEventListener("click",()=>{
    selected = 1
})

buttons.bush.addEventListener("click",()=>{
    selected = 2
})

buttons.delete.addEventListener("click",()=>{
    selected = 3
})

buttons.flowers.addEventListener("click",()=>{
    selected = 4
})

buttons.text.addEventListener("click",()=>{
    selected = 5
})

buttons.drag.addEventListener("click",()=>{
    selected = 6
})

buttons.key.addEventListener("click",()=>{
    selected = 7
})

buttons.delete_txt.addEventListener("click",()=>{
    keys = []
        rate = true

        let txt = prompt("Enter the text to delete")

        level.forEach(object => {
            if(object.type==2) {
                if (object.text==txt) {
                    level = level.filter((smt)=>{
                        return smt!==object
                    })
                }
            }
        })

        setTimeout(function(){
            rate = false
        },1000)
})

buttons.ghost.value = true
buttons.ghost.checked = true

let oldlevel = []

setInterval(()=>{
    buttons.bush_t.hidden = (selected!==2)
    buttons.flowers_t.hidden = (selected!==4)
    buttons.text_t.hidden = (selected!==5)
    buttons.key_t.hidden = (selected!==7)
    console.log("1")
    if (level.length!=oldlevel.length) {
        console.log("2")
        if (where_undo+1==undor.length) {
            where_undo++;
        } else {
            console.log("3")
            undor = undor.slice(0,where_undo)
        }
        undor.push(level.slice())
        oldlevel=level.slice()
    }
},100)

addEventListener('mousemove', (e) => {
    mouse.x = e.clientX
    mouse.y = e.clientY
})

let clicking = false
let offsetx = 0
let offsety = 0

display.canvas.addEventListener("mousedown",(e)=>{
        let x = 0-camera.x + (mouse.x - display.canvas.width / 2) / camera.z;
        let y = 0-camera.y + (mouse.y - display.canvas.height / 2) / camera.z;

        level.forEach(object => {
            if(AABB(x, y, 10, 10, object.x, object.y, object.w, object.h)) {
                offsetx = object.x - x
                offsety = object.y - y
                clicking = object;
            }
        })
})

display.canvas.addEventListener("mouseup",(e)=>{
    clicking = false
})

display.canvas.addEventListener("mousedown",(e)=>{
    seed = Math.floor(Math.random()*100)
    let x = 0-camera.x + (mouse.x - display.canvas.width / 2) / camera.z;
    let y = 0-camera.y + (mouse.y - display.canvas.height / 2) / camera.z;
    if (selected==0) {
	    define.object(x,y,width,height,buttons.color.value,buttons.ghost.checked?1:0)
    } else if (selected==1) {
        spawn.tree(x+2.5,y+2.5,1)
    } else if (selected==2) {
        spawn.bush(x+2.5,y+8,buttons.bush_l.value)
    } else if (selected==3) {
        handle_delete();
    } else if (selected==4) {
        spawn.flowers(x,y,buttons.flowers_l.value)
    } else if (selected==5) {
        define.text(x,y,buttons.text_l.value,buttons.text_l2.value,buttons.bold.checked?"Archivo Black":"Archivo",buttons.color.value)
    } else if (selected==7) {
        define.image(x, y, 25, 25, 90, "tutorialkey")
        define.text(x+9, y+17, 13, buttons.key_l.value, "Archivo", "#ffffff")
    }
})

function AABB(x1, y1, w1, h1, x2, y2, w2, h2) {
    //its so smoll yet so incredibly powerful and painful to do holy crap this took forever i stole it from my c++ game
    if (x1 < w2 + x2 &&
        y1 < y2 + h2 &&
        w1 + x1 > x2 &&
        y1 + h1 > y2
        ) return true;

    return false;
}

display.canvas.addEventListener("mousemove",(e)=>{
    if (selected==6&&clicking!==false) {
        let x = 0-camera.x + (mouse.x - display.canvas.width / 2) / camera.z;
        let y = 0-camera.y + (mouse.y - display.canvas.height / 2) / camera.z;

        clicking.x = x+offsetx;
        clicking.y = y+offsety;
    }
})

function handle_delete() {
    let mx = 0-camera.x + (mouse.x - display.canvas.width / 2) / camera.z;
    let my = 0-camera.y + (mouse.y - display.canvas.height / 2) / camera.z;

    level.forEach(obj => {
            if(AABB(obj.x, obj.y, obj.w/(obj.ghost?10:1), obj.h/(obj.ghost?10:1), mx, my, 1, 1)) {
                
                console.log("a")
                level = level.filter((smt)=>{
                     return smt!==obj
                })
            }

    })
}

function render_editor() {
    let x = 0-camera.x + (mouse.x - display.canvas.width / 2) / camera.z;
    let y = 0-camera.y + (mouse.y - display.canvas.height / 2) / camera.z;

    if (selected==0) {
        drawObject(x,y,width,height,"#"+color)
    } else if (selected==1) {
        let size =  1
        drawImage(x-50, y-46, 150*size, 150*size, "stem")
        drawImage(x-25*size, y-110*size, 100, 100, "leaves")
        drawImage(x-45*size, y-90*size, 100, 100, "leaves")
        drawImage(x-5*size, y-90*size, 100, 100, "leaves")
    } else if (selected==2) {
        for(let i = 0; i < buttons.bush_l.value; i++) {
            drawImage(x+i*50, y, 100, 100, "leaves", 1)
        }
    } else if (selected==4) {
        for(let i = 0; i < buttons.flowers_l.value; i++) {
            drawImage(x+(randomseed(buttons.flowers_l.value*-8, buttons.flowers_l.value*8,seed+i)), y, 20, 20, "flower")
        }
    } else if (selected==5) {
        drawText(screenToWorldX(x), screenToWorldY(y), buttons.text_l2.value, buttons.color.value, buttons.text_l.value*camera.z, 0,buttons.bold.checked?"Archivo Black":"Archivo")
    } else if (selected==7) {
        drawImage(x, y, 25, 25, "tutorialkey")
        drawText(screenToWorldX(x+9), screenToWorldY(y+17), buttons.key_l.value, "#ffffff", 13*camera.z, 0, "Archivo")
    }
}

let rate = false

function do_editor_keys() {
    if (checkKey("e")) {
        keys = []
        handle_delete()
    }
    if (checkKey("x")&&!rate) {
        keys = []
        rate = true
        code = ``
        level.forEach((thing)=>{
	    if (thing.type == 0) {
		    code += `\ndefine.object(${thing.x}, ${thing.y}, ${thing.w}, ${thing.h}, \`${thing.color}\`, ${thing.ghost})`
	    }
	    if (thing.type == 1) {
		    code += `\ndefine.image(${thing.x}, ${thing.y}, ${thing.w}, ${thing.h}, ${thing.rotation}, \`${thing.source}\`, ${thing.auto})`
	    }
	    if (thing.type == 2) {
		    code += `\ndefine.text(${thing.x}, ${thing.y}, ${thing.size},\`${thing.text}\`, \`${thing.font}\`, \`${thing.color}\`)`
	    }
	    if (thing.type == 3) {
	    	code += `\ndefine.trigger(${thing.x}, ${thing.y}, ${thing.w}, ${thing.h}, \`${thing.action}\`, \`${thing.trtype}\`, ${thing.maxUses})`
	    }
    })
    const blob = new Blob([code], { type: 'text/javascript' });
    const url = URL.createObjectURL(blob);
    const link = document.createElement('a');
    link.href = url;
    link.download = "level.js";
    link.style.display = 'none';
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
    URL.revokeObjectURL(url);
        setTimeout(function(){
            rate = false
        },1000)
    }
    if (checkKey("c")&&!rate) {
        keys = []
        rate = true
        setTimeout(function(){
            rate = false
        },1000)
        let mx = 0-camera.x + (mouse.x - display.canvas.width / 2) / camera.z;
        let my = 0-camera.y + (mouse.y - display.canvas.height / 2) / camera.z;

        let txt = prompt("Enter the color")

        color = txt
        setTimeout(function(){
            rate = false
        },1000)
    }
    if (checkKey("t")&&!rate) {
        keys = []
        rate = true
        let mx = 0-camera.x + (mouse.x - display.canvas.width / 2) / camera.z;
        let my = 0-camera.y + (mouse.y - display.canvas.height / 2) / camera.z;

        let txt = prompt("Enter your text")

        define.text(mx,my,30,txt,bold==0?"Archivo":"Archivo Black","#"+color)
        setTimeout(function(){
            rate = false
        },1000)
    }
    if (checkKey("o")&&!rate) {
        keys = []
        rate = true
        let mx = 0-camera.x + (mouse.x - display.canvas.width / 2) / camera.z;
        let my = 0-camera.y + (mouse.y - display.canvas.height / 2) / camera.z;
        let txt = prompt("Enter what object to place (tree,bush,flowers,gears and keyboard)")

        switch (txt) {
            case "tree":
                spawn.tree(mx,my,1)
                break;
            case "bush":
                spawn.bush(mx,my,1)
                break;
            case "gears":
                spawn.gears(mx,my)
                break;
            case "flowers":
                spawn.flowers(mx,my,parseInt(prompt("Number of flowers")))
                break;
            case "keyboard":
                spawn.keyboard(mx,my,prompt("key"))
                break;
        }
        setTimeout(function(){
            rate = false
        },1000)
    }
    if (checkKey("r")&&!rate) {
        keys = []
        rate = true
        let mx = 0-camera.x + (mouse.x - display.canvas.width / 2) / camera.z;
        let my = 0-camera.y + (mouse.y - display.canvas.height / 2) / camera.z;

        let txt = prompt("Enter action")

        define.trigger(mx,my,100,100,txt,"pulse",prompt("Enter number of uses"))
        setTimeout(function(){
            rate = false
        },1000)
    }
    if (checkKey("f")&&!rate) {
        keys = []
        rate = true

        let txt = prompt("Enter the text to delete")

        level.forEach(object => {
            if(object.type==2) {
                if (object.text==txt) {
                    level = level.filter((smt)=>{
                        return smt!==object
                    })
                }
            }
        })

        setTimeout(function(){
            rate = false
        },1000)
    }
    if (checkKey("g")&&!rate) {
        keys = []
        rate = true

        let txt = prompt("Enter 1 (yes) or 0 (no) to set ghost")

        ghost = parseInt(txt)

        setTimeout(function(){
            rate = false
        },1000)
    }
    if (checkKey("b")&&!rate) {
        keys = []
        rate = true

        let txt = prompt("Enter 1 (yes) or 0 (no) to set bold")

        bold = parseInt(txt)

        setTimeout(function(){
            rate = false
        },1000)
    }
    if(checkKey("-")) {
            camera.z /= 1.1
    }
    if(checkKey("=")) {
            camera.z *= 1.1
    } 
}

function undo() {
    if (where_undo==0) {
        return
    }
    where_undo -= 1
    level = undor[where_undo]
}