Skip to content

Quick Start

Arshia edited this page Aug 5, 2021 · 7 revisions

Welcome To Quick Start !


index.html File

<html>
    <head>
        <title>My First Jsha Game</title>
        <script src="jsha.js"></script>
        <style>
            #myobj{
                width: 80px;
                height: 80px;
            }
            .fires{
                width: 20px;
                height: 20px;
            }
            .enemies{
                position: absolute;
                width: 120px;
                height: 100px;
            }
        </style>
    </head>
    <body bgcolor="black">
        <img id="myobj" src="test2.png"/>
    </body>
    <script src="index.js"></script>
</html>

index.js File

var obj1 = new gameObject("myobj");
var page = new pageController();
var controller = new keyController();
controller.mouseMove(obj1,"x");
controller.addKeys({" ":shoot})
controller.control();
var mover = "";
var elem;
obj1.setX(page.pageWidth / 2);
obj1.setY(page.pageHeight / 4);
var enemy = new jshaObject('img',"type1");
enemy.setAttribute("src","enemy1.png");
enemy.setClass("enemies");
enemy.oncollision("fires",remover);
pourX(enemy,10,100);
pourX(enemy,10,200);

function remover(obj1,obj2){
    obj1.remove();
    obj2.remove();
}

function move(){
    let objs = _("fires");
    for(let i = 0 ; i < objs.length ; i++){
        objs[i].style.top = (parseInt(objs[i].style.top) - 5) + "px";
    }
}
function shoot(event){
    elem = new jshaObject('img','fires');
    elem.setAttribute("src","test.jpg");
    elem.addClass("fires");
    elem.setCSSAttribute("top",$("myobj").style.top);
    elem.setCSSAttribute("left",(parseInt($("myobj").style.left) + 30) + "px");
    elem.appendTo("body");
}
setTreshold('fires');
mover = (setInterval(move,1000/fps));

jsha.js File

It Is The Core File That You Have To Put It Near Other Files.

test.jpg Picture

Player Picture

test2.png Picture

Fire Picture

enemy1.png Picture

Enemy Picture

Now If You Open index.html And You Have All Of These Together, You Created Your First Game !