Embedded Files
Home > Code.org > Code.org Examples > Example #2 - Roblox
index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>How to play Roblox</h1>
<p>I’ve been playing this mobile app/computer game called ‘Roblox’ for 3 years. Over the years I've realized that there are people making roblox accounts everyday, but don’t have a guide to help them learn the basics of roblox. So I decided to make a web page explaining how to play. There will be 5 basic points:</p>
<ol>
<li>How to join games</li>
<li>How to move around</li>
<li>How to send a friend request to other people</li>
<li>How to not get arguments</li>
<li>How to not get scammed/hacked</li>
</ol>
<p>So lets get started</p>
<h3>How to join games</h3>
<p>Joining games in roblox is pretty simple. For each section, I will tell you how to do that subject on mobile then I will tell you how to do it on computer.</p>
<h4>Computer</h4>
<ol>
<li>At the top left corner you'll see something called 'Games', click on it.</li>
<p>image</p>
<li>Once you've done that, you'll chose what game you want to play (for beginners, i suggest 'Adopt Me!' or 'MeepCity')</li>
<p>image</p>
<li>Once you've choosen your game click on it</li>
<li>You'll have to download roblox before playing (it's free).</li>
<p>image</p>
<li>Once you've downloaded roblox you can start playing.</li>
</ol>
<h4>Mobile</h4>
<ol>
<li>At the bottom there will be 5 icons. Click on the icon with a play button to find games.</li>
<p>image</p>
<li>Type in or click on the game you want to play (again, I suggest 'Adopt Me!' or 'MeepCity').</li>
<li>Once you've choosen your game, click on it.</li>
<li>At the bottom there will be a green bottom with a play sing, click on that to join your game.</li>
<p>image</p>
</ol>
<h3>How to move around</h3>
<p>This is probably one of the hardest things to do in roblox, moving around.</p>
<p>I suggest going to meepcity for learning how to walk around.</p>
<ol>
<li>If you click on the first icon at the top, there will be something that says 'Go To Backyard'.</li>
<p>image</p>
<li>Once you've teleported to your backyard there should be a huge space where you can walk around.</li>
</ol>
<h4>Mobile</h4>
<p>At the bottom right hand corner there will be a thumbstick that you can use to move around (its going to look like there's nothing ther but there is). (IMAGE) Also on the bottom left hand corner there will be a jump button to use to jump (IMAGE). Now here's where it gets a little complicated, if you drag your finger around the screen you'll see that your prespective will change however you move it to be. You can also pinch in and out on the screen to zoom in & out.</p>
<h4>Computer</h4>
<p>To move around you'll need to use the arrow keys in there proper direction. Ex: If you want to go northwest, you will use the north key and the west key at the same time. If you have a mouse you can right click & hold to move your prespective. To zoom in & out you'll need to use your scroll wheel.</p>
</body>
</html>
style.css
h1 {
font-family:sans-serif;
font-size: 30px;
text-align: center;
color:rgb(252,137,172);
text-shadow: -2px 1px black;
}
p {
font-family:sans-serif;
font-size: 14px;
color:black;
}
h3 {
color:rgb(252,137,172);
text-shadow: -1px 1px black;
font-family: sans-serif;
font-size: 20px;
}
ol {
font-family: sans-serif;
font-size: 14px;
}
body {
background-color: rgb(255,183,197)
}
h4 {
color:rgb(252,137,172);
text-shadow: -1px 1px black;
font-family: sans-serif;
font-size: 17px;
}
Report abuse