bvs/static/fonctions_contexte.js

53 lines
2.6 KiB
JavaScript
Raw Normal View History

2023-03-10 11:48:37 +01:00
scale_bouton_commencer_contexte = 0.6
2023-03-04 17:17:07 +01:00
function affichage_texte_contexte(){
// Texte
draw_rectangle(0,0,canvas.width, canvas.height, "rgb(3, 26, 33)", 1) // ou + clair 4, 38, 48
2023-03-06 11:57:43 +01:00
ctx.strokeStyle = "rgb(255, 255, 255)" // Pour que le contour soit rouge
ctx.fillStyle = "rgb(255, 255, 255)" // Pour que l'intérieur soit bleu
2023-03-04 17:17:07 +01:00
texte = "Hi, I'm Marie, do you want to participate in my study?"
2023-03-06 16:02:20 +01:00
font = "42pt Courier"
2023-03-06 11:57:43 +01:00
ctx.font = font
largeur = ctx.measureText(texte).width
ctx.fillText(texte, (window.innerWidth/2)- (largeur/2), 100)
2023-03-04 17:17:07 +01:00
2023-03-06 11:57:43 +01:00
//print_text(handle_text(texte, (window.innerWidth/4), 100, "42pt Courier", (window.innerWidth/1.8)))
2023-03-04 17:17:07 +01:00
2023-03-06 11:57:43 +01:00
ctx.drawImage(imgs['marie'], (window.innerWidth/2)-((imgs['marie'].width*0.7)/2), (window.innerHeight/4), imgs['marie'].width*0.7, imgs['marie'].height*0.7 )
2023-03-04 17:17:07 +01:00
}
function action_bouton_commencer_contexte(){
page_contexte = false
2023-03-08 11:03:41 +01:00
page_inscription = true
//page_vues = true
2023-03-07 18:16:30 +01:00
interactions.push({"time": new Date().getTime(), "type": "Fin contexte - Début inscription"})
2023-03-04 17:17:07 +01:00
}
function traitement_contexte(){
2023-03-08 11:03:41 +01:00
//shortcuts(xyMouseMove, imgs['clavier_enter'], window.innerWidth/2 -(imgs['clavier_enter'].width/2), window.innerHeight/2 -(imgs['clavier_enter'].height/2), imgs['clavier_enter'].width, imgs['clavier_enter'].height, boutons['raccourcis'], x_Bshortcut, y_Bshortcut, w_Bshortcut, h_Bshortcut)
2023-03-04 17:17:07 +01:00
affichage_texte_contexte()
//clignotement_rectangle(1000, 10,10,100,100, "rgb(255,0,0)")
2023-03-10 11:48:37 +01:00
afficher_bouton_commencer_contexte() // meme bouton que la page inscription
2023-03-04 17:17:07 +01:00
if (clicked && click_inside(xyMouseDown, x_bouton_commencer, y_bouton_commencer , w_bouton_commencer, h_bouton_commencer)){
// on passe aux choix
action_bouton_commencer_contexte()
}
}
2023-03-10 11:48:37 +01:00
function afficher_bouton_commencer_contexte(){
w_bouton_commencer = scale_bouton_commencer_contexte*boutons["commencer"].width
h_bouton_commencer = scale_bouton_commencer_contexte*boutons["commencer"].height
x_bouton_commencer = (window.innerWidth/2)-(w_bouton_commencer/2)
y_bouton_commencer = innerHeight*0.75
// Bouton commencer
ctx.drawImage(boutons["commencer"], x_bouton_commencer, y_bouton_commencer , w_bouton_commencer, h_bouton_commencer)
// Survol
if(xyMouseMove.x >= x_bouton_commencer && xyMouseMove.x <= x_bouton_commencer + w_bouton_commencer && xyMouseMove.y > y_bouton_commencer && xyMouseMove.y < y_bouton_commencer + h_bouton_commencer){
draw_rectangle(x_bouton_commencer, y_bouton_commencer , w_bouton_commencer, h_bouton_commencer, "rgb(200, 200, 200)", 0.6)
}
}