1. Siisid direction.. how many scores player needs to have in 5 seconds.. or else end the game.
2. do as you wish..
-------------------------------------------------------------
Now I have showed you how to handle one library and plus complete game with no nice background..
here is the final code..
Code: Select all
"use strict";
var tirada_x;
var tirada_y
var canvas;
var miiska;
var tirada_sawirada=6;
var sawirada_width=110;
var sawirada_height=90;
var orod_sare=17;
var orod_hoose=7;
var small_sawir=3;
//animation
var aqoonta_ardeyga=10;
var orod_frame=15;
var sawirada_array=new Array(tirada_sawirada);
var anim=null;
var orodkiisa = 0.1;
var shidaalkiisa = orodkiisa;
// Menu stuff
var menubackground="images/bg2.jpg";
var tiradMenu=0;
var menuRiix=true;
var pointhit=100;
var score=0;
//codka
var codka=new Audio("theme.wav");
codka.loop=true;
codka.volume=0.01;
var pop=new Audio("pop.wav");
function soo_saar(){
canvas=document.getElementById("canvas");
miiska=canvas.getContext("2d");
tirada_x=canvas.width -(sawirada_width);
tirada_y=canvas.height-(sawirada_height);
wac_sawirada();
btnstart.addEventListener("mousedown", function(){
btnstart.style.visibility="hidden";
imgmenu.style.visibility="hidden";
codka.play();
menuRiix=false;
});
canvas.addEventListener("mousedown", function(event){
if(!menuRiix)
{
for(var i=0; i<tirada_sawirada; i++)
{
var sawirada=sawirada_array[i];
if(sawiradaHit(sawirada.x, sawirada.y, event.x, event.y))
{
sawirada[i]=kasaarSawirada(sawirada);
}
}
}
});
show_menu();
update();
}
// functionkii wac_sawirada hadaa suubisaneenaa
function wac_sawirada(){
var sawir;
for(var i=0; i<tirada_sawirada; i++)
{
//variableka sawir waxaan ku lifaaqineeynaa functionka suubi_sawir
sawir=suubi_sawir();
//hadana variablekii tirada_sawirada waxaan ku lifaaqineeynaa variableka sawir
sawirada_array[i]=sawir;
}
}
//hada waxaa suubineeynaa functionka suubi_sawir();
function suubi_sawir(){
//hada waxaan ku lifaaqineey functionka sawirada
var hadbasawir= new Sawirada(tirada_x, tirada_y, orod_sare, orod_hoose,shidaalkiisa);
//sawirka balaciisa iyo dharerkiisa ayaan ku lifaaqineey variable hadbasawir
hadbasawir.width= sawirada_width;
hadbasawir.height= sawirada_height;
//hada sawirada waxaan keeneeyna miiska sida loo arko
hadbasawir.img.onload=function(){
miiska.drawImage(hadbasawir.img, hadbasawir.x, hadbasawir.y, hadbasawir.width, hadbasawir.height);
}
return hadbasawir;
}
// Hada waxaan suubisaneena functionkii hadba_sawiro()
function hadba_sawiro()
{
var images= Array(1);
//folderka sawirada ayaa u waceesaa.
images[0]="images/a.png";
images[1]="images/b.png";
images[2]="images/c.png";
images[3]="images/d.png";
images[4]="images/e.png";
images[5]="images/f.png";
images[6]="images/g.png";
images[7]="images/h.png";
images[8]="images/i.png";
images[9]="images/j.png";
images[10]="images/k.png";
images[11]="images/l.png";
images[12]="images/m.png";
images[13]="images/n.png";
images[14]="images/o.png";
images[15]="images/p.png";
images[16]="images/q.png";
images[17]="images/r.png";
images[18]="images/s.png";
images[19]="images/t.png";
images[20]="images/u.png";
images[21]="images/v.png";
images[22]="images/w.png";
images[23]="images/x.png";
images[24]="images/y.png";
images[25]="images/z.png";
//hada waxaan ku lifaaqineeyna functionka hadba_keen();
var carar=hadba_keen(0,25);
return images[carar];
}
// finally waxaa suubisaneena hadba_keen() function taaso sawirada hadba dhowr u wacayo
function hadba_keen(b, t){
return (Math.floor(Math.random()*(1+b-t)))+t;
}
function update()
{
anim= window.requestAnimationFrame(update);
if(!menuRiix)
{
updateSawir();
DrawSawir();
}
}
function updateSawir()
{
var sawir;
for(var i=0; i<tirada_sawirada; i++)
{
sawir=sawirada_array[i];
if(sawir.y<=sawirada_height)
{
sawir.y=canvas.height;
sawir.x=Math.random()*tirada_x;
sawirada_array[i]=sawir;
}
sawir.y+=-sawir.accel;
}
}
function DrawSawir(){
var sawir;
miiska.clearRect(0, 0, canvas.width, canvas.height);
for (var i = 0; i < tirada_sawirada; i++) {
sawir = sawirada_array[i];
miiska.drawImage(sawir.img, sawir.x, sawir.y, sawir.width, sawir.height);
if (sawir.kasaar) {
sawirada_array[i] = qarxi_sawirka(sawir);
}
}
}
function qarxi_sawirka(sawir) {
if (sawir.hadii_lasaaro > orod_frame) {
sawir = suubi_sawir();
}
else {
sawir.hadii_lasaaro += 1;
}
return sawir;
}
function show_menu(){
menuRiix=true;
codka.pause();
imgmenu.style.visibility = "visible";
btnstart.style.visibility = "visible";
var menuX, btnX, btnY;
menuX=(canvas.width-imgmenu.width)/2;
btnX=(canvas.width-btnstart-canvas.width)/2;
btnY=(canvas.width-btnstart-canvas.height)/2;
imgmenu.style.posLeft=menuX;
btnstart.style.posLeft=btnX;
btnstart.style.posTop=btnY;
miiska.clearRect(0, 0, canvas.width, canvas.height);
document.body.background=menubackground;
}
function sawiradaHit(sawiradaX, sawiradaY, x, y)
{
var tiradaX=sawiradaX +sawirada_width;
var tiradaY=sawiradaY + sawirada_height;
if(x>=sawiradaX && x<=tiradaX &&tiradaX>=0 && y>=sawiradaY
&& y<=tiradaY&& sawiradaY>=0)
{
return true;
}else{
return false;
}
}
function kasaarSawirada(sawir)
{
pop.play();
var qarxin=new Image();
qarxin.onload=function(){
miiska.drawImage(qarxin, sawir.x, sawir.y, sawir.width, sawir.height);
}
qarxin.src="images/explosion.gif";
sawir.img=qarxin;
sawir.kasaar=true;
updateScore(pointhit);
return sawir;
}
function updateScore(point)
{
score+=point;
points.innerHTML=" points: "+ score;
}
// waxaan u waceen adEventlistener markii pageka loo waco
document.addEventListener("DOMContentLoaded", soo_saar, false);
Soo here is the demo... http://casharada.com/yavascript/alphabet.html
here is my last remark...
Assalamu Caleykum, waxaan ku sharaxay afsoomali gamekaan yar. Hadii aad xiiseeneeysid inaa baratid sida application kala duwan ugu suubin laheed.
Waxaa la iga helaa Cedar Building C. ama Hennepin Plaza Food Stamp section second Floor.
