bvs/static/fonctions_warnings.js

168 lines
6.9 KiB
JavaScript
Raw Normal View History

2023-03-14 15:59:38 +01:00
//scale_bouton_commencer_warning = 0.6
h_bouton_warning = 0.1*window.innerHeight
2023-03-13 10:04:46 +01:00
num_warning = 0
function affichage_texte_warning(texte, font, color, xt, yt, l_max_texte){
// Texte
ctx.strokeStyle = color // Pour que le contour soit rouge
ctx.fillStyle = color // Pour que l'intérieur soit bleu
ctx.font = font
2023-03-14 15:59:38 +01:00
print_text(handle_text(texte, xt, yt, font, l_max_texte, color="#FFFFFF", interligne=0.045*window.innerHeight), false)
2023-03-13 10:04:46 +01:00
}
2023-03-14 15:59:38 +01:00
// function affichage_titre_warning(titre, font, color, yt){
// ctx.strokeStyle =color
// ctx.fillStyle =color
// ctx.font = font
// largeur = ctx.measureText(titre).width
// // au milieu
// ctx.fillText(titre, (window.innerWidth/2)- (largeur/2), yt)
// }
2023-03-13 10:04:46 +01:00
////////////////////////////////////////////////////////////////////
///// BOUTON COMMENCER
function action_bouton_commencer_warning(){
page_warning = false
page_explication_bis = true
//page_vues = true
2023-03-22 11:24:26 +01:00
interactions.push({"time": new Date().getTime(), "type": "fin warning - bouton commencer choix vues"})
2023-03-13 10:04:46 +01:00
}
function afficher_bouton_commencer_warning(){
w_bouton_commencer = w_bouton_suivant
h_bouton_commencer = h_bouton_suivant
x_bouton_commencer = x_bouton_suivant
y_bouton_commencer = y_bouton_suivant
// Bouton commencer
ctx.drawImage(boutons["suivant"], 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)
}
}
////////////////////////////////////////////////////////////////////
///// BOUTON Next
function action_bouton_suivant_warning(){
num_warning = num_warning+1
warnings_a_afficher.push(warnings["texte"+num_warning])
}
function action_bouton_avant_warning(){
if (num_warning>0){
warnings_a_afficher.pop()}
num_warning = num_warning-1
}
function afficher_bouton_suivant_warning(){
2023-03-14 15:59:38 +01:00
ratio_bouton_warning = h_bouton_warning/boutons["suivant"].height
w_bouton_suivant = ratio_bouton_warning*boutons["suivant"].width
h_bouton_suivant = h_bouton_contexte
2023-03-13 10:04:46 +01:00
x_bouton_suivant = (window.innerWidth/2)+ 5
y_bouton_suivant = window.innerHeight - h_bouton_suivant - 20
// Bouton commencer
ctx.drawImage(boutons["suivant"], x_bouton_suivant, y_bouton_suivant , w_bouton_suivant, h_bouton_suivant)
// Survol
if(xyMouseMove.x >= x_bouton_suivant && xyMouseMove.x <= x_bouton_suivant + w_bouton_suivant && xyMouseMove.y > y_bouton_suivant && xyMouseMove.y < y_bouton_suivant + h_bouton_suivant){
draw_rectangle(x_bouton_suivant, y_bouton_suivant , w_bouton_suivant, h_bouton_suivant, "rgb(200, 200, 200)", 0.6)
}
}
function afficher_bouton_avant_warning(){
w_bouton_avant = w_bouton_suivant
h_bouton_avant = h_bouton_suivant
x_bouton_avant = (window.innerWidth/2)-(w_bouton_avant) - 5
y_bouton_avant = y_bouton_suivant
// Bouton commencer
ctx.drawImage(boutons["avant"], x_bouton_avant, y_bouton_avant , w_bouton_avant, h_bouton_avant)
// Survol
if(xyMouseMove.x >= x_bouton_avant && xyMouseMove.x <= x_bouton_avant + w_bouton_avant && xyMouseMove.y > y_bouton_avant && xyMouseMove.y < y_bouton_avant + h_bouton_avant){
draw_rectangle(x_bouton_avant, y_bouton_avant , w_bouton_avant, h_bouton_avant, "rgb(200, 200, 200)", 0.6)
}
}
////////////////////////////////////////////////////////////////////
///// MAIN
function traitement_warnings(){
ctx.clearRect(0, 0, canvas.width, canvas.height)
draw_rectangle(0,0,canvas.width, canvas.height, "rgb(3, 26, 33)", 1) // ou + clair 4, 38, 48
// variable position
2023-03-14 15:59:38 +01:00
x_texte = window.innerWidth*(1/10)
w_texte = window.innerWidth*(8/10)
2023-03-13 10:04:46 +01:00
font_texte = (0.012*window.innerWidth)+"pt Courier"
2023-03-14 15:59:38 +01:00
2023-03-13 10:04:46 +01:00
// titre commun à chaque page
2023-03-14 15:59:38 +01:00
affichage_titre(titre, (0.018*window.innerWidth)+"pt Courier", "#EF476F")
2023-03-13 10:04:46 +01:00
// affichage texte
for(let p=0; p<warnings_a_afficher.length; p++){
dict_texte = warnings_a_afficher[p]
affichage_texte_warning(dict_texte.t, font_texte, dict_texte.c, x_texte, dict_texte.y, w_texte)
}
if (num_warning < (warnings_page_1.length)-1){
// affichage bouton next
afficher_bouton_suivant_warning()
// si on clique sur next
if (clicked && click_inside(xyMouseDown, x_bouton_suivant, y_bouton_suivant , w_bouton_suivant, h_bouton_suivant)){
// on passe aux texte suivant
action_bouton_suivant_warning()
}
} else {
// affichage bouton next
afficher_bouton_commencer_warning()
// si on clique sur next
if (clicked && click_inside(xyMouseDown, x_bouton_commencer, y_bouton_commencer , w_bouton_commencer, h_bouton_commencer)){
// on passe aux texte suivant
action_bouton_commencer_warning()
}
}
//affichage bouton previous dès le deuxièeme texte
if(num_warning > 0){
// affichage bouton next
afficher_bouton_avant_warning()
//si on clique sur previous
if (clicked && click_inside(xyMouseDown, x_bouton_avant, y_bouton_avant , w_bouton_avant, h_bouton_avant)){
// on passe aux texte suivant
action_bouton_avant_warning()
}
}
}
////////////////////////////////////////////////////////////////////
///// Textes
function init_textes_warnings(){
y_titre = 50
titre = "Warnings"
color_blanc = "rgb(255,255,255)"
color_rouge = "rgb(239, 71, 111)"
warnings={
"texte0":{"t":"The following is a list of warnings to keep in mind during the study:", "y": window.innerHeight*0.15, "c": color_blanc},
2023-03-14 10:45:18 +01:00
"texte1":{"t":"- During the study, you should not change the size of the web page or computer screen. Changing the size may cause annoyance.", "y":window.innerHeight*0.25, "c": color_blanc},
2023-03-13 10:04:46 +01:00
"texte2":{"t":"- The loading time of the objects can take time. The 3D screen may be completely black for a few seconds. Be patient, the objects will appear.", "y":window.innerHeight*0.38, "c": color_blanc},
"texte3":{"t":"- Once you have finished the study, wait a few seconds before leaving the web page, to allow time for the data to fully commit to the server. A message will indicate when the registration is complete.", "y": window.innerHeight*0.52, "c": color_blanc},
"texte4":{"t":"- If during the study there are some problems that you can't solve with the interface features, you can refresh the web page.All your data will be lost and you will have to start all over again. ", "y": window.innerHeight*0.68, "c": color_blanc},
}
warnings_page_1 = [warnings["texte0"], warnings["texte1"], warnings["texte2"], warnings["texte3"], warnings["texte4"]]
warnings_a_afficher = [warnings["texte0"]]
}