Skip to content

Instantly share code, notes, and snippets.

@benphelps
Last active January 1, 2016 09:49
Show Gist options
  • Select an option

  • Save benphelps/8127649 to your computer and use it in GitHub Desktop.

Select an option

Save benphelps/8127649 to your computer and use it in GitHub Desktop.
/*
Phelps does JS LOL!?!?!
*/
var engine = { };
engine.context = false;
engine.tileW = 32;
engine.tileH = 32;
engine.tiles = { };
engine.debug = function(message) {
console.log('engine: ' + message)
};
engine.setContext = function(contextID) {
engine.canvas = document.getElementById(contextID);
engine.context = engine.canvas.getContext('2d');
};
engine.loadTile = function(resource) {
for(var source in resource) {
if (source) {
engine.tiles[source] = new Image();
engine.tiles[source].src = resource[source];
engine.debug('resource loaded: ' + source);
}
}
};
engine.listTiles = function(){
};
engine.paintTile = function(x, y, tile) {
var posX = x * engine.tileW + 10;
var posY = y * engine.tileH + 10;
engine.context.drawImage(engine.tiles[tile], posX, posY, engine.tileW, engine.tileH);
}
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=640, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>
<title>Scavenge</title>
<script src='js/lib/ready.min.js'></script>
<script src='js/lib/engine.js'></script>
<script src='js/scavenge/main.js'></script>
<style> body { padding:0px; margin:0px; background-color:black ; } </style>
</head>
<body>
<canvas id="canvas" width="578" height="400"></canvas>
</body>
</html>
domready(function(){
engine.setContext('canvas');
engine.loadTile({
dirt: 'assets/dirt.png'
})
engine.paintTile(1, 1, 'dirt');
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment