-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
70 lines (60 loc) · 3.05 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>SimpleCanvas by samuelsantosdev</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
</head>
<body>
<section class="page-header">
<h1 class="project-name">SimpleCanvas</h1>
<h2 class="project-tagline">Simple Canvas</h2>
<a href="https://github.com/samuelsantosdev/SimpleCanvas" class="btn">View on GitHub</a>
<a href="https://github.com/samuelsantosdev/SimpleCanvas/zipball/master" class="btn">Download .zip</a>
<a href="https://github.com/samuelsantosdev/SimpleCanvas/tarball/master" class="btn">Download .tar.gz</a>
</section>
<section class="main-content">
<h1>
<a id="simplecanvas" class="anchor" href="#simplecanvas" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>SimpleCanvas</h1>
<h2>
<a id="example-snake-game" class="anchor" href="#example-snake-game" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Example snake game</h2>
<h3>
<a id="this-is-a-simplecanvas-coming-soon-the-more-easy-html5-framework--to-learn-canvas-2d" class="anchor" href="#this-is-a-simplecanvas-coming-soon-the-more-easy-html5-framework--to-learn-canvas-2d" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>This is a SimpleCanvas, coming soon the more easy html5 framework to learn Canvas 2d.</h3>
<center>
<canvas id="stageGame" width="500" height="500" style="background-color:#000;"></canvas>
</center>
<br/>
<table>
<thead>
<tr>
<th>Version</th>
<th>Features</th>
</tr>
</thead>
<tbody>
<tr>
<td>0.2</td>
<td>New Engine with a singleton concept, comments in code, prototype in all metadata, effects transition to colors, animation to multple coordenates, simple animation</td>
</tr>
<tr>
<td>0.1</td>
<td>Render shapes and animate objects, example game snake</td>
</tr>
</tbody>
</table>
<footer class="site-footer">
<span class="site-footer-owner"><a href="https://github.com/samuelsantosdev/SimpleCanvas">SimpleCanvas</a> is maintained by <a href="https://github.com/samuelsantosdev">samuelsantosdev</a>.</span>
<span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
</footer>
</section>
</body>
<script src="https://rawgit.com/samuelsantosdev/SimpleCanvas/master/js/simplecanvas.js"></script>
<script>
const canvas = document.querySelector("#stageGame");
canvas.SimpleCanvas().Initialize();
</script>
</html>