-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (92 loc) · 3.91 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
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
<!DOCTYPE html>
<!--[if IEMobile 7 ]><html class="no-js iem7"><![endif]-->
<!--[if lt IE 9]><html class="no-js lte-ie8"><![endif]-->
<!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Learn Programming With HTML Canvas 2D Context - Learn2D</title>
<meta name="author" content="Chris M. Welsh">
<meta name="description" content="Learn Programming With HTML Canvas 2D Context What if you could harness the power of standards-compliant ECMAScript
(JavaScript), HTML Canvas 2D …">
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="http://learn2d.com/">
<link href="/favicon.ico" rel="shortcut icon">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="/javascripts/modernizr-2.0.js"></script>
<script src="/javascripts/ender.js"></script>
<script src="/javascripts/octopress.js" type="text/javascript"></script>
<link href="/atom.xml" rel="alternate" title="Learn2D" type="application/atom+xml">
<!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
</head>
<body >
<div class="github-fork-ribbon-wrapper right">
<div class="github-fork-ribbon">
<a href="https://github.com/learn2d/learn2d">
Fork me on GitHub
</a>
</div>
</div>
<header role="banner" id="sidebar">
<!-- Logo -->
<aside id="logo" class="clearfix">
<div class="clearfix">
<a href="/">Learn2D</a>
</div>
</aside>
<ul id="menu">
<li class="title">
<h1 id="title"><a href="/">Learn2D</a></h1>
</li>
<li class="subtitle">
<h2 id="subtitle">Learn 2D Development</h2>
</li>
<li class="link">
<a href="/play/">play</a>
</li>
<li class="link">
<a href="/blog/">blog</a>
</li>
</ul>
</header>
<section id="main">
<div>
<article role="article" class="post">
<header>
<h2 class="entry-title">Learn Programming With HTML Canvas 2D Context</h2>
</header>
<p>What if you could harness the power of standards-compliant ECMAScript
(JavaScript), HTML Canvas 2D Context, and WebSocket connections to create and
share 2D games entirely in your browser?</p>
<p>Learn2D is an educational programming platform to teach students how to program
and play 2D multiplayer games.</p>
<blockquote><p>“The read–eval–print loop (REPL) is one of the most powerful ways to learn a
programming language. Learn2D’s HTML Canvas 2D support takes it a step
further. Learn2D’s
cloud development IDE is the fastest way to learn to program.” - Chris M. Welsh</p></blockquote>
<p>We are still in alpha but here is a screenshot of the client running on Safari
on iPhone 4S with multiple players connected:</p>
<p><img src="http://i.imgur.com/30o4xh1.png"></p>
<p>Interested in sponsoring development? This project is an open-source,
educational research endeavor by Chris M. Welsh. If you’d like to contribute
to Learn2D please tweet <a href="http://twitter.com/chrismwelsh">@chrismwelsh</a>.</p>
</article>
</div>
<nav role="navigation" id="pagination">
</nav>
</section>
<script type="text/javascript">
(function(){
var twitterWidgets = document.createElement('script');
twitterWidgets.type = 'text/javascript';
twitterWidgets.async = true;
twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
})();
</script>
</body>
</html>