You can scroll to whatever tutorial you would like.
<!DOCTYPE html>
<html>
<head>
<title>myFirstMossProject</title>
</head>
<body>
<p align="center">
<canvas id="myCanvas"></canvas>
</p>
<script src="https://classicmc-studios.github.io/js/moss.js"></script>
<script src="main.js"></script>
</body>
</html>
You will not have to touch this again unless you want images
Always start your main.js file with
// The operators 720 and 480 are for canvas width and height
createCanvas(720,480);
Next you can set your background color
// The operator is hex code colors
bg("#000000");
You can call bg(); whenever you want.
Next add your game loop
//Main game loop
window.main = function (){
window.requestAnimationFrame( main );
// Whatever is in here will run on a set time
// Usually 24fps
};main();
To make a variable use
var myVarName = value;
// The value can be a string, char, int, float, double, and more.
Variable values do not need to be said ex. boolean and you can change types automaticly.
{Note} semicolons are not required but reccomended.
Draw a rectangle
// The opacity is an optional operator
rect(x,y,width,height,opacity);
To change color use
// The operator is for color
selectColor("#ffffff");
This site is Open Source, help us improve!