-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
171 lines (149 loc) · 9.45 KB
/
index.html
File metadata and controls
171 lines (149 loc) · 9.45 KB
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Making 2D JavaScript Games</title>
<meta name="description" content="You want to learn the best JavaScript tools for making 2D games.
Get started with the Making 2D JavaScript Games book and screencast tutorials.">
<link href="style.css" rel="stylesheet">
</head>
<body>
<canvas id="game"></canvas>
<header>
<h1 class="site-title">
<a href="/">Making 2D JavaScript Games</a>
</h1>
</header>
<main>
<div class="container">
<section class="row">
<img src="images/making-2d-games-400x518.jpg" class="cover">
<h1 id="best-tools">You want to learn the best JavaScript tools for making 2D games.</h1>
<h2 id="get-started">Get started with <em>Making 2D JavaScript Games</em>.</h2>
<p style="margin-top:100px; text-align:center;"><a class="button" href="#buy">Skip to the purchase options</a></p>
</section>
<hr>
<section id="newsletter" class="row">
<!-- Begin MailChimp Signup Form -->
<h1>Want a sample? Get a free copy of <i>npm recipes</i>:</h1>
<br>
<div id="mc_embed_signup">
<form action="http://learnjs.us5.list-manage.com/subscribe/post?u=b5b4f7fda673e887e9380b619&id=3eb1d4ee40" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="email"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
<input type="checkbox" value="4" name="group[14901][4]" id="mce-group[14901]-14901-1" checked="true" style="visibility:hidden; height:0px;">
<div style="position: absolute; left: -5000px;"><input type="text" name="b_b5b4f7fda673e887e9380b619_3eb1d4ee40" value=""></div>
</form>
</div>
<!--End mc_embed_signup-->
<p><a href="http://learnjs.io/npm-recipes/" target="_blank"><i>npm recipes</i></a> is an ongoing collection of npm module usage examples bundled into a book. It'll give you a good sense of the type of content that is in <em>Making 2D JavaScript Games</em>. We'll also send updates about <em>Making 2D JavaScript Games</em>, so if you're not quite ready to buy, you can still follow along and get updates about the project.</p>
<p>Also check out the blog posts at <a href="http://learnjs.io/blog" target="_blank">the Learn.js blog</a> for some JavaScript game posts!</p>
</section>
<hr>
<section class="row">
<h1 id="about">Get <i>Making 2D JavaScript Games</i> to learn basic game development and intermediate JavaScript usage</h1>
<h3>With this book & screencast series you will learn:</h3>
<ul>
<li>About basic game development fundamentals.</li>
<li>How to create a simple game framework from scratch</li>
<li>How to use a handful of existing game frameworks & libraries:
<ul>
<li><a href="http://phaser.io">Phaser</a></li>
<li><a href="http://craftyjs.com/">CraftyJS</a></li>
<li><a href="http://melonjs.org/">melonJS</a></li>
<li><a href="http://coquette.maryrosecook.com/">coquette</a></li>
<li><a href="http://crtrdg.com">crtrdg.js</a></li>
</ul>
</li>
<li>How to use modules from <a href="http://npmjs.org">npm</a> to create 2D games</li>
<li>Learn intermediate JavaScript patterns</li>
<li>How to use the HTML5 canvas tag for animation and user interaction.</li>
<li>About using javascript to manipulate html elements.</li>
<li>About using javascript for server-side coding.</li>
</ul>
</section>
<hr>
<section class="row">
<h1>Frequently asked questions</h1>
<h4>When is the book's release date?</h4>
<p><i>Making 2D JavaScript Games</i> is available to purchase now!</p>
<p>This book and the Learn.js series is highly inspired by the <a href="https://leanpub.com/manifesto" target="_blank">lean publishing model</a>. I'm releasing the book early to get feedback from you, so that together we can make the best book about javascript tools and libraries possible.</p>
<p>I'll be releasing updates regularly until the book is feature complete at v1.0.0. Help me determine what it will mean for this book to be feature complete by letting me know what development tools, libraries, and programming patterns you'd be most interested in seeing covered. Email me at <a href="mailto:hi@learnjs.io">hi@learnjs.io</a>.</p>
<h4>Who is this for?</h4>
<p>The ideal reader for this book is someone who likes exploring, imagining, and inventing for themselves. You probably have some experience with javascript already, and you'd like to learn more about animation using the canvas tag, basic game development patterns, and gain intermediate skills in developing javascript modules that can be used on the server and in the browser.</p>
<h4>What if I want to learn the basics of JavaScript?</h4>
<p>This book assumes some familiarity with JavaScript, but still provides a gentle introduction to some of the details of the language.</p>
<p>You should also check out our book <a href="http://learnjs.io/books/learnjs-01/" target="_blank"><i>Introduction to JavaScript & Node.js</i></a> for a basic intro to the language.</p>
<p>Also consider learning more at <a href="" target="_blank">codecademy.com</a> and with the book <a href="http://eloquentjavascript.net/" target="_blank"><i>Eloquent JavaScript</i></a>.</p>
<h4>Who is the author?</h4>
<p>Seth Vincent writes <a href="http://github.com/sethvincent">code</a>, <a href="http://sethvincent.com/writing">stories</a>, and <a href="https://soundcloud.com/sethvincent">music</a>. He's an independent programmer, designer and writer focused on storytelling and javascript.</p>
<p>Seth works on <a href="http://crtrdg.com">crtrdg.js</a>, a toolkit for making 2D games with javascript, and is creating a series of books and screencasts about JavaScript called <a href="http://learnjs.io">Learn.js</a>.</p>
<p>He's a co-organizer of <a href="http://seattle.io" target="_blank">seattle.io</a> and <a href="http://codeforseattle.org" target="_blank">Code for Seattle</a>, and owner of <a href="http://superbigtree.com" target="_blank">Super Big Tree</a>.</p>
<p>Find Seth on <a href="http://github.com/sethvincent">github</a> and <a href="http://twitter.com/sethdvincent">twitter</a>.</p>
</section>
<hr>
<section id="buy">
<h1>Purchase Options</h1>
<ul id="purchase-options">
<li>
<h3>Subscribe to Learn.js</h3>
<p>For $12/month you can get access to all 6 Learn.js books (which are regularly updated & expanded), as well as the weekly Learn.js screencasts.</p>
<a class="button" href="https://subscribe.learnjs.io/users/sign_up" target="_blank">Subscribe - $12/month</a>
</li>
<li>
<h3>Book & Screencasts</h3>
<p>Buy the book and the soon-to-be-released companion screencasts!</p>
<p><a class="button" href="https://gumroad.com/l/qtYK" target="_blank">Buy the book & screencasts - $45</a></p>
</li>
<li>
<h3>Book bundled with 3 other Learn.js books</h3>
<p>Get the <em>Making 2D JavaScript Games</em> along with 3 other Learn.js books:</p>
<ul>
<li>Introduction to JavaScript & Node.js</li>
<li>Development Environments for Beginners</li>
<li>Mapping with Leaflet.js</li>
</ul>
<p><a class="button" href="https://gumroad.com/l/bundle01" target="_blank">Buy the 4-book bundle - $38</a></p>
</li>
<li>
<h3>Just the book</h3>
<p>Get the book on its own! The book is regularly updated with new content, and will be until the book hits version 1.0.0, after which it will be updated with small fixes to typos and other errata.</p>
<p><a class="button" href="https://gumroad.com/l/learnjs02" target="_blank">Buy the book - $15</a></p>
</li>
</ul>
</section>
<hr>
<section id="about-learnjs">
<h1>This book is part of the Learn.js series</h1>
<p>Learn.js is a series of books and screencasts about building projects with JavaScript.</p>
<h3>Current books include:</h3>
<ul>
<li><a href="http://learnjs.io/books/learnjs-01/" target="_blank">Introduction to JavaScript & Node.js</a></li>
<li><a href="http://learnjs.io/books/dev-envs" target="_blank">Development Environments for Beginners</a></li>
<li><a href="http://learnjs.io/books/learnjs-03/" target="_blank">Mapping with Leaflet.js</a></li>
<li><a href="http://themingwithghost.com" target="_blank">Theming with Ghost</a></li>
<li><a href="http://learnjs.io/npm-recipes/" target="_blank">npm recipes</a></li>
</ul>
<p>You can learn more about Learn.js project at <a href="http://learnjs.io" target="_blank">learnjs.io</a>.</p>
</section>
</div>
</main>
<footer>
<div class="container">
<p><a href="/">Making 2D JavaScript Games</a></p>
</div>
</footer>
<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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-41193518-5', '2djavascriptgames.com');
ga('send', 'pageview');
</script>
<script src="bundle.js"></script>
</body>
</html>