html
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
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div class="gamelobby">
<div class="gamename"><h1><b>Ram.Game</b></h1></div>
<h3>step by step game development</h3>
<ol>
<li class="canvas">Canvas</li>
<p>You should know basic canvas element like how to draw rectangle,circle,line,etc.</p>
<p>By using javascript we can draw complex paths,texts,colors,textures,images,etc.</p>
<p>There are some functions in javascript like fillrect(),strokerect(),clearrect() to draw rectangle</p>
</ol>
<h1>Thank You</h1>
Enter to Rename, Shift+Enter to Preview
css
css
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
.gamelobby{height:657px;
background-color:black;
margin-top:30px;
width:354px;
padding:0px;
margin:0px;
margin-top:-35px;
margin-left:-5px;
}
.gamename{text-align:center ;
font-size:25px;
font-weight:bolder;
font-family:serif;
color:white;
}
b{
animation-name:colorchange;
animation-duration:1s;
animation-iteration-count:infinite ;
}
@keyframes colorchange{
0%{background-color:red;}
20%{background-color:blue;}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run