135 lines
3.7 KiB
HTML
135 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>About Blockly Games</title>
|
|
<link rel="stylesheet" href="common/common.css">
|
|
<style>
|
|
body {
|
|
padding: 1em 8em;
|
|
}
|
|
td {
|
|
padding: 0 1em;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1><a id="back" href="/">Blockly Games</a> : About</h1>
|
|
|
|
<p>Blockly Games is a series of educational games that teach programming. It is
|
|
designed for children who have not had prior experience with computer programming.
|
|
By the end of these games, players are ready to use conventional text-based languages.</p>
|
|
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<img src="index/puzzle.png" height=100 width=100>
|
|
</td>
|
|
<td>
|
|
<p>Puzzle is a quick introduction to Blockly's shapes and how the pieces snap together.</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<img src="index/maze.png" height=100 width=100>
|
|
</td>
|
|
<td>
|
|
<p>Maze is an introduction to loops and conditionals. It starts simply, but
|
|
every level is more challenging than the last.</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<img src="index/bird.png" height=100 width=100>
|
|
</td>
|
|
<td>
|
|
<p>Bird is a deep-dive into conditionals. Control-flow is explored with
|
|
increasingly complex conditions.</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<img src="index/turtle.png" height=100 width=100>
|
|
</td>
|
|
<td>
|
|
<p>Turtle is a deep-dive into loops. Use nested loops to paint a picture.
|
|
Then publish your art for the world to see.</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<img src="index/movie.png" height=100 width=100>
|
|
</td>
|
|
<td>
|
|
<p>Movie is an introduction to mathematical equations. Use math to animate a movie.
|
|
Then publish your movie for the world to watch.</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<img src="index/music.png" height=100 width=100>
|
|
</td>
|
|
<td>
|
|
<p>Music is an introduction to functions. Use functions to compose music.
|
|
Then publish your music for the world to listen to.</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<img src="index/pond-tutor.png" height=100 width=100>
|
|
</td>
|
|
<td>
|
|
<p>Pond Tutor introduces text-based programming. Levels switch back and forth
|
|
between blocks and actual JavaScript in a text editor.</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<img src="index/pond-duck.png" height=100 width=100>
|
|
</td>
|
|
<td>
|
|
<p>Pond is an open-ended contest to program the smartest duck.
|
|
Use either blocks or JavaScript.</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p>Blockly Games is a Google project to encourage tomorrow's programmers. The
|
|
games are designed to be self-paced and self-teaching. Feel free to use Blockly
|
|
Games both inside and outside the classroom. All code is open source, see
|
|
the <a href="https://github.com/google/blockly-games/wiki">developer's website</a>
|
|
for more info or to download zip files for offline use.</p>
|
|
|
|
<p>Developers, teachers and parents are welcome to
|
|
<a href="https://groups.google.com/forum/#!forum/blockly-games">give feedback</a>
|
|
as we continue to grow.</p>
|
|
|
|
<p style="text-align: center; font-size: small">
|
|
<a href="https://policies.google.com/privacy">Google Privacy Policy</a> —
|
|
<a href="https://policies.google.com/terms">Google Terms of Service</a>
|
|
</p>
|
|
|
|
<script src="common/back.js"></script>
|
|
<!-- Google Analytics -->
|
|
<script>
|
|
if (window.location.pathname.substr(-5) != '.html'){
|
|
(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-50448074-1', 'auto');
|
|
ga('send', 'pageview');
|
|
}
|
|
</script>
|
|
<!-- End Google Analytics -->
|
|
</body>
|
|
</html>
|