Skip to content

Instantly share code, notes, and snippets.

@flushpot1125

flushpot1125/2dgame_index.html

Created August 29, 2020 03:52
Show Gist options
  • Save flushpot1125/ffc85903d5df5776604f1454c2cb093d to your computer and use it in GitHub Desktop.
Save flushpot1125/ffc85903d5df5776604f1454c2cb093d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
2dgame_index.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ping pong game</title>
<script src="./dist/bundle.js" type="text/javascript"></script>
<script src="./node_modules/cannon/build/cannon.js" type="text/javascript"></script>
<link href="https://fonts.googleapis.com/css2?family=Ceviche+One&family=Viga&display=swap" rel="stylesheet">
<style rel="stylesheet" type="text/css">
html,
body {
overflow: hidden;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#renderCanvas {
position: absolute;
width: 100%;
height: 100%;
top: 0;
touch-action: none;
-ms-touch-action: none;
}
.disable-selection {
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
user-select: none;
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}
</style>
</head>
<!--<body> -->
<body class="disable-selection">
<canvas id="renderCanvas"></canvas>
<script type="text/javascript">
window.game = new window.game.Game();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment