548 lines
10 KiB
JavaScript
548 lines
10 KiB
JavaScript
/*
|
||
This program is free software. It comes without any warranty, to
|
||
the extent permitted by applicable law. You can redistribute it
|
||
and/or modify it under the terms of the Do What The Fuck You Want
|
||
To Public License, Version 2, as published by Sam Hocevar. See
|
||
http://sam.zoy.org/wtfpl/COPYING for more details.
|
||
*/
|
||
|
||
/*
|
||
Questions and obstacles are defined in the end of this file.
|
||
*/
|
||
function ld(num,d) {
|
||
if (d==0) num=Math.floor(num/30)
|
||
else num=Math.ceil(num/30)
|
||
return num
|
||
}
|
||
|
||
function calc(dn) {
|
||
if (!clcn) {
|
||
clcn=true
|
||
var pstr
|
||
if (dn==star[num][3]) {
|
||
pstr="class='green'>CORRECT!"
|
||
saa[num]=3
|
||
corrects++
|
||
}
|
||
else {
|
||
pstr="class='red'>WRONG! ("+abc.substr(star[num][3]-1,1)+" was correct)"
|
||
saa[num]=1
|
||
}
|
||
starstaken++
|
||
bxd.innerHTML+="<p onclick='bhidequestion()' "+pstr+"</p>"
|
||
}
|
||
}
|
||
|
||
function showquestion() {
|
||
bxd.style.display="block"
|
||
bxd.style.width=(sqp*6.4-10)+"px"
|
||
bxd.style.height=(sqp*4-10)+"px"
|
||
bxd.style.marginLeft=(sqp*-3.2)+"px"
|
||
bxd.style.marginTop=(sqp*-2)+"px"
|
||
if (sqp<75) {
|
||
sqp+=3
|
||
setTimeout("showquestion()",10)
|
||
}
|
||
else {
|
||
clcn=false
|
||
rsqw=true
|
||
bxd.innerHTML="<h1>"+star[num][1]+"</h1>"
|
||
for (var i=0;i<star[num][2].length;i++) {
|
||
bxd.innerHTML+="<p onclick='calc("+(i+1)+")'>"+abc.substr(i,1)+": "+star[num][2][i]+"</p>"
|
||
}
|
||
}
|
||
}
|
||
|
||
function bhidequestion() {
|
||
bxd.innerHTML=""
|
||
rsqw=false
|
||
hidequestion()
|
||
}
|
||
|
||
function hidequestion() {
|
||
bxd.style.width=(sqp*6.4-10)+"px"
|
||
bxd.style.height=(sqp*4-10)+"px"
|
||
bxd.style.marginLeft=(sqp*-3.2)+"px"
|
||
bxd.style.marginTop=(sqp*-2)+"px"
|
||
if (sqp>0) {
|
||
sqp-=3
|
||
setTimeout("hidequestion()",10)
|
||
}
|
||
else {
|
||
bxd.style.display="none"
|
||
sqp=1
|
||
qs=false
|
||
}
|
||
}
|
||
|
||
function nrmlclr() {
|
||
if (ncc) {
|
||
qe=true
|
||
hclr="#ff0000"
|
||
ctxo.style.backgroundColor="#ff0000"
|
||
ncc=false
|
||
setTimeout("nrmlclr()",500)
|
||
}
|
||
else {
|
||
ncc=true
|
||
hclr="#000"
|
||
ctxo.style.backgroundColor="#000"
|
||
qe=false
|
||
}
|
||
}
|
||
|
||
function motion() {
|
||
var i,pi
|
||
ctx.clearRect(0,0,640,400)
|
||
if (p>305 && p<end-290) pp=305
|
||
else if (p>end-291) pp=305+p-end+291
|
||
else pp=p
|
||
|
||
if (!rsqw) {
|
||
if (j<0) {
|
||
jumping=false
|
||
j=0
|
||
jc=5
|
||
l=41
|
||
a=21
|
||
}
|
||
if (jumping) {
|
||
if (j>200) jc=-6
|
||
if (jc>=0) j+=jc-j/100
|
||
else j+=jc+j/100
|
||
}
|
||
}
|
||
|
||
if (!walkingr && !walkingl) {
|
||
cutd=0
|
||
ta=1
|
||
}
|
||
if (cutd<10) speed=ospeed+cutd/3
|
||
|
||
ctx.strokeStyle="#fff"
|
||
ctx.lineWidth=2
|
||
|
||
// BACKGROUND
|
||
for (pi=0;pi<bgl;pi++) {
|
||
ci=Math.floor((p-pp+bg[pi][1]*p/ospeed)*bg[pi][1]/bg[pi][3])
|
||
for (i=ci;i<bg[pi][4]+ci;i++) ctx.drawImage(bg[pi][0],i*bg[pi][3]+(pp-p-bg[pi][1]*p/ospeed)*bg[pi][1],bg[pi][2])
|
||
}
|
||
|
||
// STARS
|
||
if (stad) {
|
||
for (i=0;i<starl;i++) {
|
||
x=star[i][0][0]-(p-pp)
|
||
y=400-star[i][0][1]-starh
|
||
//document.title=ld(x,0)+" "+ld(pp-starw/2+30,0)+" "+y+" "+(y+starh)+" "+(400-j-130)+" "+(400-j)
|
||
if ((ld(x,0)==ld(pp-starw/2+30,0) || ld(x,1)==ld(pp-starw/2+30,1)) && 400-j-130<y+starh && 400-j>y && saa[i]==2 && !qs) {
|
||
qs=true
|
||
num=i
|
||
sqp=1
|
||
showquestion()
|
||
}
|
||
if (x+starw>0 && x<640) {
|
||
if (saa[i]==2) ctx.drawImage(starimg,x,y)
|
||
else if (saa[i]==1 && stadu) ctx.drawImage(starimgu,x,y)
|
||
else if (saa[i]==3 && stadk) ctx.drawImage(starimgk,x,y)
|
||
}
|
||
}
|
||
}
|
||
|
||
// TRAPS
|
||
if (trapd) {
|
||
for (i=0;i<trapl;i++) {
|
||
x=trap[i][0]-(p-pp)
|
||
y=400-trap[i][1]-traph
|
||
if (pp+20>x && pp+40<x+trapw && 400-j-130<y+traph && 400-j>y && !qs && !qe) {
|
||
timeshurt++
|
||
nrmlclr()
|
||
}
|
||
if (x+trapw>0 && x<640) ctx.drawImage(trapimg,x,y)
|
||
}
|
||
}
|
||
|
||
// STICK FIGURE START
|
||
|
||
// LEGS
|
||
ctx.beginPath()
|
||
ctx.moveTo(pp+l,400-j)
|
||
ctx.lineTo(pp+20,350-j)
|
||
ctx.lineTo(pp+40-l,400-j)
|
||
|
||
// BODY
|
||
ctx.moveTo(pp+20,350-j)
|
||
ctx.lineTo(pp+20,300-j)
|
||
|
||
// ARMS
|
||
ctx.moveTo(pp+20,320-j)
|
||
ctx.lineTo(pp+10+a,350-j)
|
||
ctx.moveTo(pp+20,320-j)
|
||
ctx.lineTo(pp+30-a,350-j)
|
||
ctx.stroke()
|
||
|
||
// HEAD
|
||
ctx.fillStyle=hclr
|
||
ctx.beginPath()
|
||
ctx.arc(pp+20,285-j,15,0,Math.PI*2,true)
|
||
ctx.fill()
|
||
ctx.stroke()
|
||
|
||
// EYE
|
||
ctx.fillStyle="#fff"
|
||
ctx.beginPath()
|
||
ctx.arc(pp+eyex,eyey-j,3,0,Math.PI*2,true)
|
||
ctx.fill()
|
||
|
||
// MOUTH
|
||
ctx.beginPath()
|
||
ctx.lineCap="round"
|
||
ctx.moveTo(pp+mouthax,mouthay-j)
|
||
ctx.lineTo(pp+mouthbx,mouthby-j)
|
||
ctx.stroke()
|
||
|
||
// STICK FIGURE END
|
||
|
||
if (!rsqw) {
|
||
if (p>=end) p=end-1
|
||
else if (p<0) p=0
|
||
if (p<end && p>-1 && (walkingr || walkingl)) {
|
||
if (!jumping) {
|
||
if (l>40) lc=-1
|
||
else if (l<1) lc=1
|
||
if (a>20) ac=-.5
|
||
else if (a<1) ac=.5
|
||
l+=lc*speed
|
||
a+=ac*speed
|
||
}
|
||
if (walkingr) p+=speed
|
||
else p-=speed
|
||
}
|
||
|
||
if (jumping) {
|
||
l=60
|
||
a=40
|
||
}
|
||
if (p>end || p<0) {
|
||
a=20
|
||
l=40
|
||
}
|
||
}
|
||
|
||
if (p>=end) endgame()
|
||
|
||
cht=setTimeout("motion()",20)
|
||
}
|
||
|
||
function endgame() {
|
||
if (starstaken<starl) return
|
||
bxd.style.display="block"
|
||
qs=true
|
||
|
||
if (self.innerHeight) {
|
||
h=self.innerHeight
|
||
w=self.innerWidth
|
||
}
|
||
else if (document.documentElement && document.documentElement.clientHeight) {
|
||
h=document.documentElement.clientHeight
|
||
w=document.documentElement.clientHeight
|
||
}
|
||
else if (document.body) {
|
||
h=document.body.clientHeight
|
||
w=document.body.clientWidth
|
||
}
|
||
|
||
openend()
|
||
}
|
||
|
||
function openend() {
|
||
bxd.style.width=(sqp*w/100-10)+"px"
|
||
bxd.style.height=(sqp*h/100-10)+"px"
|
||
bxd.style.marginLeft=(sqp*-w/200)+"px"
|
||
bxd.style.marginTop=(sqp*-h/200)+"px"
|
||
if (sqp<97) {
|
||
sqp++
|
||
setTimeout("openend()",10)
|
||
}
|
||
else {
|
||
rsqw=true
|
||
corrects==1 ? ife="" : ife="s"
|
||
timeshurt==1 ? ifeb="" : ifeb="s"
|
||
prc=Math.round(corrects/starl*100)
|
||
hurtpoints=Math.round(timeshurt/trapl*100)
|
||
fpc=prc-hurtpoints
|
||
if (fpc<10) grade="F"
|
||
else if (fpc<20) grade="E"
|
||
else if (fpc<30) grade="C"
|
||
else if (fpc<55) grade="D"
|
||
else if (fpc<85) grade="B"
|
||
else if (fpc<95) grade="A"
|
||
else grade="A+"
|
||
clearTimeout(cht)
|
||
bxd.innerHTML="<h2>The quiz is over!</h2><h3>You managed to get "+corrects+" right answer"+ife+" out of "+starl+" possible, i.e. "+prc+"%. You were wounded "+timeshurt+" time"+ifeb+", deducting "+hurtpoints+"%.</h3><h3>Your grade is... <div>"+grade+"</div></h3><h4 onclick='endall()'>OK</h4>"
|
||
}
|
||
}
|
||
|
||
function endall() {
|
||
document.body.removeChild(bxd)
|
||
document.body.removeChild(ctxo)
|
||
}
|
||
|
||
function md(e) {
|
||
if (window.event) kc=window.event.keyCode
|
||
else if (e) kc=e.which
|
||
|
||
if (!walkingr && kc==39) {
|
||
walkingr=true
|
||
walkingl=false
|
||
cutd=0
|
||
}
|
||
if (!walkingl && kc==37) {
|
||
walkingr=false
|
||
walkingl=true
|
||
cutd=0
|
||
}
|
||
else if (!jumping && kc==38) jumping=true
|
||
|
||
if (walkingl) {
|
||
eyex=12
|
||
eyey=283
|
||
mouthax=20
|
||
mouthay=293
|
||
mouthbx=10
|
||
mouthby=295
|
||
}
|
||
else if (walkingr) {
|
||
eyex=28
|
||
eyey=283
|
||
mouthax=30
|
||
mouthay=295
|
||
mouthbx=20
|
||
mouthby=293
|
||
}
|
||
}
|
||
|
||
function mu(e) {
|
||
if (window.event) kc=window.event.keyCode
|
||
else if (e) kc=e.which
|
||
|
||
if (walkingr && kc==39) walkingr=false
|
||
if (walkingl && kc==37) walkingl=false
|
||
}
|
||
|
||
function time() {
|
||
if (cutd==0) ta=1
|
||
cutd+=ta
|
||
}
|
||
|
||
function load() {
|
||
var i
|
||
fdng=100
|
||
ospeed=3
|
||
speed=ospeed
|
||
p=0
|
||
l=0
|
||
a=0
|
||
walkingr=false
|
||
walkingl=false
|
||
jumping=false
|
||
jc=5
|
||
j=0
|
||
qs=false
|
||
qe=false
|
||
rsqw=false
|
||
corrects=0
|
||
starstaken=0
|
||
abc="ABCDEFGH"
|
||
cutd=0
|
||
ta=1
|
||
ncc=true
|
||
hclr="#000"
|
||
timeshurt=0
|
||
|
||
// BACKGROUNDS
|
||
bg=new Array()
|
||
bg[0]=new Array()
|
||
bg[0][0]=new Image()
|
||
bg[0][0].src="Cerebral_lobes.png"
|
||
bg[0][1]=.5
|
||
bg[0][2]=20
|
||
bg[1]=new Array()
|
||
bg[1][0]=new Image()
|
||
bg[1][0].src="Cerveau_anime.gif"
|
||
bg[1][1]=1
|
||
bg[1][2]=90
|
||
bg[2]=new Array()
|
||
bg[2][0]=new Image()
|
||
bg[2][0].src="Friendly_stickman.png"
|
||
bg[2][1]=1.5
|
||
bg[2][2]=170
|
||
bgl=bg.length
|
||
|
||
// STARS
|
||
star=new Array()
|
||
star[0]=new Array()
|
||
star[0][0]=[200,3]
|
||
star[0][1]="To what extent does bicycles apply to world economics?"
|
||
star[0][2]=["A great extent","A noticable extent","Nothing at all","I don't know"]
|
||
star[0][3]=4
|
||
star[1]=new Array()
|
||
star[1][0]=[650,80]
|
||
star[1][1]="What is a chocobo?"
|
||
star[1][2]=["A fictional bird","A fictional frog","A real bird","A real frog"]
|
||
star[1][3]=1
|
||
star[2]=new Array()
|
||
star[2][0]=[850,100]
|
||
star[2][1]="What is the size of an average male human brain?"
|
||
star[2][2]=["1200-1300cm<sup>3</sup>","1100-1200cm<sup>3</sup>","1300-1400cm<sup>3</sup>","1000-1100cm<sup>3</sup>"]
|
||
star[2][3]=2
|
||
star[3]=new Array()
|
||
star[3][0]=[1200,23]
|
||
star[3][1]="What is 2 * 8^(1/3) + 4?"
|
||
star[3][2]=["2","4","6","8"]
|
||
star[3][3]=4
|
||
star[4]=new Array()
|
||
star[4][0]=[1577,150]
|
||
star[4][1]="What colour is the beak of a male blackbird?"
|
||
star[4][2]=["Grey","Black","Brown","Orange"]
|
||
star[4][3]=4
|
||
star[5]=new Array()
|
||
star[5][0]=[1700,10]
|
||
star[5][1]="Do you like this quiz?"
|
||
star[5][2]=["Yes","No","Perhaps","Eventually","Maybe","Depends"]
|
||
star[5][3]=1
|
||
star[6]=new Array()
|
||
star[6][0]=[1900,20]
|
||
star[6][1]="Who is Horacio Pe<50>a?"
|
||
star[6][2]=["An actor","A writer"]
|
||
star[6][3]=2
|
||
star[7]=new Array()
|
||
star[7][0]=[2222,111]
|
||
star[7][1]="When did Monkey Island reveal its truth?"
|
||
star[7][2]=["1990","1991","1992","Hasn't happened yet"]
|
||
star[7][3]=4
|
||
star[8]=new Array()
|
||
star[8][0]=[2500,23]
|
||
star[8][1]="Do you gimp?"
|
||
star[8][2]=["No, I photoshop.","Yes."]
|
||
star[8][3]=2
|
||
starl=star.length
|
||
|
||
Array.prototype.add=function(x,y){this[this.length]=[x,y]}
|
||
|
||
// TRAPS
|
||
trap=new Array()
|
||
trap.add(100,5)
|
||
trap.add(300,60)
|
||
trap.add(350,43)
|
||
trap.add(660,20)
|
||
trap.add(700,250)
|
||
trap.add(750,250)
|
||
trap.add(800,250)
|
||
trap.add(860,2)
|
||
trap.add(920,30)
|
||
trap.add(930,40)
|
||
trap.add(940,50)
|
||
trap.add(1250,40)
|
||
trap.add(1400,68)
|
||
trap.add(1537,10)
|
||
trap.add(1567,10)
|
||
trap.add(1597,10)
|
||
trap.add(1700,170)
|
||
trap.add(1800,64)
|
||
trap.add(1950,3)
|
||
trap.add(1950,23)
|
||
trap.add(1950,43)
|
||
trap.add(1950,63)
|
||
trap.add(1950,203)
|
||
trap.add(2200,10)
|
||
trap.add(2375,10)
|
||
trap.add(2435,10)
|
||
trapl=trap.length
|
||
|
||
saa=new Array()
|
||
for (i=0;i<starl;i++) {
|
||
saa[i]=2
|
||
}
|
||
|
||
end=star[starl-1][0][0]+350
|
||
|
||
starimg=new Image()
|
||
starimg.src="star.png"
|
||
starimgu=new Image()
|
||
starimgu.src="staru.png"
|
||
starimgk=new Image()
|
||
starimgk.src="stark.png"
|
||
|
||
trapimg=new Image()
|
||
trapimg.src="trap.png"
|
||
|
||
eyex=28
|
||
eyey=283
|
||
mouthax=30
|
||
mouthay=295
|
||
mouthbx=20
|
||
mouthby=293
|
||
|
||
ctxo=document.getElementById("canvas")
|
||
ctx=ctxo.getContext("2d")
|
||
bxd=document.getElementById("box")
|
||
strt=document.getElementById("start")
|
||
|
||
stad=false
|
||
starimg.onload=function(){
|
||
starh=starimg.height
|
||
starw=starimg.width
|
||
stad=true
|
||
}
|
||
stadu=false
|
||
starimgu.onload=function(){
|
||
stadu=true
|
||
}
|
||
stadk=false
|
||
starimgk.onload=function(){
|
||
stadk=true
|
||
}
|
||
|
||
trapd=false
|
||
trapimg.onload=function(){
|
||
traph=trapimg.height
|
||
trapw=trapimg.width
|
||
trapd=true
|
||
}
|
||
|
||
bg[0][0].onload=function(){
|
||
bg[0][3]=bg[0][0].width
|
||
bg[0][4]=Math.ceil(640/bg[0][3])+1
|
||
}
|
||
bg[1][0].onload=function(){
|
||
bg[1][3]=bg[1][0].width
|
||
bg[1][4]=Math.ceil(640/bg[1][3])+1
|
||
}
|
||
bg[2][0].onload=function(){
|
||
bg[2][3]=bg[2][0].width
|
||
bg[2][4]=Math.ceil(640/bg[2][3])+1
|
||
}
|
||
|
||
document.onkeydown=startgame
|
||
document.onclick=startgame
|
||
}
|
||
|
||
function startgame() {
|
||
document.onclick=null
|
||
strt.style.mozOpacity=fdng/100
|
||
strt.style.opacity=fdng/100
|
||
strt.style.filter="alpha(opacity="+fdng+")"
|
||
if (fdng>0) {
|
||
fdng-=8
|
||
setTimeout("startgame()",10)
|
||
}
|
||
else {
|
||
document.onkeydown=md
|
||
document.onkeyup=mu
|
||
strt.style.display="none"
|
||
motion()
|
||
setInterval("time()",500)
|
||
}
|
||
}
|
||
|
||
window.onload=load |