Skip to content

Alicethe awesome patch 1 #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
yuehtingchen wants to merge 28 commits into
base: gh-pages
Choose a base branch
from
Open

Alicethe awesome patch 1 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
28 commits
Select commit Hold shift + click to select a range
d6352cf
Update main.js
yuehtingchen Dec 19, 2015
9e8ce87
Update index.html
yuehtingchen Dec 19, 2015
667da0b
Update index.html
yuehtingchen Dec 19, 2015
ce859bb
Update main.js
yuehtingchen Dec 19, 2015
bcdcbc9
Update main.js
yuehtingchen Dec 19, 2015
9ed9738
Update main.js
yuehtingchen Dec 19, 2015
006f86c
Update main.js
yuehtingchen Dec 19, 2015
cb373b3
Update main.js
yuehtingchen Dec 19, 2015
9bb0fe2
Update main.js
yuehtingchen Dec 19, 2015
d4a82c4
Update main.js
yuehtingchen Dec 19, 2015
4f2e6a8
Update main.js
yuehtingchen Dec 19, 2015
14f40f6
Update main.js
yuehtingchen Dec 19, 2015
2c2da9a
Update main.js
yuehtingchen Dec 19, 2015
9a3722c
Update main.js
yuehtingchen Dec 19, 2015
03bdd4c
Update main.js
yuehtingchen Dec 19, 2015
6e04d49
Update main.js
yuehtingchen Dec 19, 2015
797715f
Update main.js
yuehtingchen Dec 19, 2015
62fcbcd
Update main.js
yuehtingchen Dec 19, 2015
15365d0
Update main.js
yuehtingchen Dec 19, 2015
8e8f7d6
Update main.js
yuehtingchen Dec 19, 2015
adc99cd
Update main.js
yuehtingchen Dec 19, 2015
d5dfc13
Update main.js
yuehtingchen Dec 19, 2015
8446fdd
Update main.js
yuehtingchen Dec 19, 2015
992c880
Update main.js
yuehtingchen Dec 26, 2015
7fee840
Update main.js
yuehtingchen Dec 26, 2015
818a87d
Update main.js
yuehtingchen Dec 26, 2015
ffc5471
Update main.js
yuehtingchen Dec 26, 2015
581a9b2
Update main.js
yuehtingchen Dec 26, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@
<script src="jquery.js"></script>
</head>
<body>

<canvas id="game-canvas" width="640" height="480"/>

<script src="main.js"></script>
</body>
</html>
</html>
67 changes: 67 additions & 0 deletions main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
var canvas = document.getElementById("game-canvas");
var ctx = canvas.getContext("2d");

var bgImg = document.createElement("img");
bgImg.src = "images/map.png";
var heroImg = document.createElement("img");
heroImg.src = "images/jason.gif";
var towerImg = document.createElement("img");
towerImg.src = "images/tower-btn.png";
var SmallTowerImg = document.createElement("img");
SmallTowerImg.src = "images/tower.png";
var SmallTowerImg2 = document.createElement("img");
SmallTowerImg2.src = "images/tower.png";

var isBuilding = false;
$("#game-canvas").click(
function(){
if(cursor.x > 0 && cursor.x < 64 && cursor.y > 0 && cursor.y < 64){
isBuilding = !isBuilding
}
if (isBuilding === false){
tower.x = cursor.x;
tower.y = cursor.y;
}
}
);



var hero = {
x: 0,
y: 0
};

var cursor = {
x: 0,
y: 0
};

var tower = {
x: 0,
y: 0
};

$("#game-canvas").mousemove(
function(event){
cursor.x = event.offsetX;
cursor.y = event.offsetY;
}
);


function draw(){
ctx.drawImage(bgImg,0,0);
ctx.drawImage(heroImg, hero.x, hero.y);
ctx.drawImage(towerImg, 0, 0, 64, 64 );
if(isBuilding === true){
ctx.drawImage(SmallTowerImg, cursor.x, cursor.y);
}
if(isBuilding === false){
ctx.drawImage(SmallTowerImg2, tower.x, tower.y);
}
}


// setTimeout(draw,1000);
setInterval(draw, 16);