-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (82 loc) · 3.79 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<html>
<head>
<title>Clockwork</title>
<link rel="stylesheet" href="css/style.css" />
<script src="js/index.js"></script>
<script src="js/taglines.js"></script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-96597717-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="splashPage">
<div id="clockworkLogo"></div>
<div id="header">
<h1>Clockwork</h1>
<h3 id="tagline">>The game engine that doesn’t grind your gears</h3>
<h2>An open platform for developing HTML5 games based on modular components.</h2>
<h4>If you want to know why you should choose Clockwork, just keep scrolling!</h4>
<!--<h2>
<div class="red">Coming soon!</div>
</h2>-->
<div class="buttonsContainer">
<a href="howitworks.html"><div class="linkText">How does it work?</div></a>
<a href="getstarted.html"><div class="linkText">Get started</div></a>
<a href="documentation.html"><div class="linkText">Documentation</div></a>
<a href="http://clockwork.js.org/blog"><div class="linkText">Blog</div></a>
</div>
</div>
<a class="twitterLogo" href="https://twitter.com/clockworkjs"></a>
<a class="githubLogo" href="https://github.com/clockworkDev"></a>
</div>
<div id="content">
<div class="feature">
<img src="img/puzzle.png" />
<div class="featureDescription">
<h3>Open</h3>
Aside from being open source, every single piece of Clockwork is modular and replaceable. Feel free to mix and match rendering
libraries, physics, input, native APIs… or just write your own!
</div>
</div>
<div class="feature">
<img src="img/tools.png" />
<div class="featureDescription">
<h3>Well equipped</h3>
Clockwork provides an end-to-end developer-friendly experience, designed specifically for game development, including its
own tools, debugger, package manager... Forget about F12!
</div>
</div>
<div class="feature">
<img src="img/messages.png" />
<div class="featureDescription">
<h3>Elegant</h3>
The engine is designed around message passing, thus being great for creating easy to maintain game logic and sharing code
through composition and inheritance.
</div>
</div>
<div class="feature">
<img src="img/fun.png" />
<div class="featureDescription">
<h3>Fun</h3>
Other engines and frameworks try to minimize the amount of code you have to write at the expense of limiting your freedom,
while Clockwork is designed for people who love coding and provides an elegant but powerful API.
</div>
</div>
<div class="feature">
<img src="img/standard.png" />
<div class="featureDescription">
<h3>Standard</h3>
Clockwork plays nice with vanilla JavaScript (and even HTML and CSS if you want to!), uses common formats such as JSON or
XML and tries to build on top of standards like the web app manifest.
</div>
</div>
</div>
</body>
</html>