WordPress Blogs to be completed. Monday class.

It’s time to start making/coding your game or App!

By this point all of you should have a solid idea to work from.

Your wordpress should be a visual and written diary of development. 

Blog 1:

Your idea:

  • Synopsis (brief outline of game/app idea)
  • Target audience (who will buy your game/app. Think about age groups etc)
  • Platforms (mobile and web-based or purely for on platform i.e iPad)

include:

  • Functions
  • Tools and features
  • social network capability 

Will the game/app be free or paid for? Adverts?

This will act as a basis for all features. You can call upon this for development and coding of game/app. For example, list features which can be made into variables or functions in Javascript. 

 

Blog 2:

Graphics and Assets:

List:

  • Required Assets (characters and artwork)
  • Required Graphics (UI design and photos)

Copyright:

Make sure you note possible legal problems you may encounter in the use of graphics and images. 

Write a short blog indicating sources of images, whether it be self made/produced or Creative commons licences. 

ALWAYS BLOG SOURCES!

Show examples in Blog. 

 

Blog3:

With the above information at hand you are ready to plan the development of the game/app.

This should be done in a fashion that suits you. 

It should cover 10 weeks and include the following:

  • Graphics creation and acquirement
  • Development and coding of game/app
  • Testing of app or game (use stage testing. Alpha, Beta etc)

This is a working document and subject to change.

Examples can be found online and on the projector. 

Standard

Simple games engine, based on flappy bird.

<!doctype html>
<html>
<head>
<title>Alchemy</title>
<link rel=”stylesheet” href=”main.css”>
</head>
<body>
<script>
var

canvas,
ctx,
width,
height,

currentstate,
states = {
Splash: 0, Game: 1, Score: 2
},

element = {};

function main() {
canvas = document.createElement(“canvas”);

width = window.innerWidth;
height = window.innerHeight;

if(width >= 500) {
width = 320;
height = 480;
canvas.style.border = “1px solid black”;
}

canvas.width = width;
canvas.height = height;
ctx = canvas.getContext(“2d”);

document.body.appendChild(canvas);

var img = new Image();
img.onload =function() {
run();
}
}

function run() {
var loop = function() {
update();
render();
window.requestAnimationFrame(loop, canvas);
}
window.requestAnimationFrame(loop, canvas);
}

function update(){

}

function render(){

}

main();
</script>
</body>
</html>

 

 

canvas {

display: block;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

Standard