mirror of
https://github.com/photonstorm/phaser
synced 2024-12-18 17:16:03 +00:00
64 lines
2.7 KiB
HTML
64 lines
2.7 KiB
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<title>Phaser Tutorial 01 - Getting Started</title>
|
||
|
|
<script src="build/phaser.js" type="text/javascript"></script>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
font-family: Arial;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<h1>Getting started with Phaser</h1>
|
||
|
|
|
||
|
|
<h2>Part 3 - Run in the Cloud</h2>
|
||
|
|
|
||
|
|
<p>If you're not comfortable with github cloning, and setting up a web server, or if you don't want to bother with all that, you can run phaser in the Cloud.</p>
|
||
|
|
|
||
|
|
<p>More than a marketing buzzword, the Cloud is often used by developers as tool which allows you to create, edit and share your content without having to install anything, or make the people you share your content with do so.</p>
|
||
|
|
|
||
|
|
<p>There are several JavaScript online collaboration tools such as JSBin, codepen and JSFiddle just to name a few of them.</p>
|
||
|
|
|
||
|
|
<p>There is another tool that we recommend which is called Cloud9 IDE that allows you get up and running very quickly.</p>
|
||
|
|
|
||
|
|
<img src="https://c9.io/site/wp-content/themes/cloud9/img/logo_cloud9.png"/>
|
||
|
|
|
||
|
|
<p>First, sign up to the website using GitHub, and once this is completed, you will be redirected to your dashboard.</p>
|
||
|
|
|
||
|
|
<img src="images/dashboard.jpg"/>
|
||
|
|
|
||
|
|
<p>From this dashboard, you can create private or shared project, or, the feature that interests us in this case, you can create a project from a GitHub repository.</p>
|
||
|
|
|
||
|
|
<p>Click the "create workspace" button and select the "clone from URL" option from the drop-down menu.</p>
|
||
|
|
|
||
|
|
<img src="images/cloneFrom.jpg"/>
|
||
|
|
|
||
|
|
<p>Once the repository is integrated into c9.io, you'll see this window:</p>
|
||
|
|
|
||
|
|
<img src="images/start.jpg"/>
|
||
|
|
|
||
|
|
<p>When you click on the "start editing" button you'll be redirected here:</p>
|
||
|
|
|
||
|
|
<img src="images/editor.jpg"/>
|
||
|
|
|
||
|
|
<p>You have now a copy of the Phaser repository.</p>
|
||
|
|
|
||
|
|
<p><a href="part4.html">Part 4: Choosing an Editor</a></p>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
<li><a href="index.html">Part 1: Introduction</a></li>
|
||
|
|
<li><a href="part2.html">Part 2: Installing a web server</a></li>
|
||
|
|
<li><a href="part3.html">Part 3: Run in the Cloud</a></li>
|
||
|
|
<li><a href="part4.html">Part 4: Choosing an Editor</a></li>
|
||
|
|
<li><a href="part5.html">Part 5: Downloading Phaser</a></li>
|
||
|
|
<li><a href="part6.html">Part 6: Hello World!</a></li>
|
||
|
|
<li><a href="part7.html">Part 7: The Phaser Examples</a></li>
|
||
|
|
<li><a href="part8.html">Part 8: Next Steps</a></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|