First commit.
This commit is contained in:
Niels Serup
548
subsites/projects/bsq/script.js
Normal file
548
subsites/projects/bsq/script.js
Normal file
@@ -0,0 +1,548 @@
|
||||
/*
|
||||
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
|
||||
Reference in New Issue
Block a user