Aller au contenu

archag

Membres
  • Compteur de contenus

    36
  • Inscription

  • Dernière visite

  • Jours gagnés

    1

archag a gagné pour la dernière fois le 12 février

archag a eu le contenu le plus aimé !

Profile Information

  • Sexe
    Male
  • Localisation
    Bruxelles
  • Intérêts
    aide aux personnes

Autres informations

  • Votre config
    PC W11
  • Mes langues
    français

Visiteurs récents du profil

3 462 visualisations du profil

archag's Achievements

Member

Member (4/12)

1

Réputation sur la communauté

  1. archag

    Jeu de l'Oie vintage

    j'ai un peu changé... j'espère que c'est relativement persuasif pour la suite. sinon, bof ok je refais autrement. EDIT: le jeu avec deux possibilités de Charte... A voir ce qui est à laisser c'est juste un essai pour l'aspect graphique ReEdit: sur mon smartphone androïd les pions ne bougent pas alors que le lancer de dés et la charte ça va... Edit au 20-02-24: plateau et bottom (jpg) avec plus de pitch et de vibrance
  2. archag

    Jeu de l'Oie vintage

    oui, fait. Et en même temps il y a un nouveau dice0.png plus suggestif comme on peut voir...
  3. archag

    Jeu de l'Oie vintage

    j'ai remplacé le dice0.gif par du PNG edit: voila, ouf !
  4. archag

    Jeu de l'Oie vintage

    Dylav après avoir vu, lu & su ta réalisation voici d'abord un tonnerre d'applaudissements reconnaissants. Et quelques commentaires: pour ne pas s'empoisonner la vie on peut changer des points de la charte du jeu. En fait on peut écrire ce que l'on veut comme marche à suivre pour éviter l'un ou l'autre boulet de script. Si le pion joueur se bouge à la souris cela rappelle le jeu IRL, et aussi le côté original et simple de ce jeu de 1920 est restitué mais je suppose que une automatisation éviterait cette sorte de sélection parasite qui devine les div... Cela apparaît parfois quand on manipule les pions à la souris mais tant pis je crois que c'est mineur vis à vis d'une automatisation exogène totale de ce jeu vintage. (évidemment résoudre le problème de cette sélection bleue sans automatiser serait le fin du fin...) Au final je vote pour un pion joueur qui se bouge à la souris (comme c'est déjà le cas) et le pion machine automatisé. Dans une version deux joueurs en réseau faut-il une automatisation des deux pions?? Ou bien y a t il une soluce d'hébergement serveur qui permettrait la simultanéité sur les pions non automatisés? EDIT: pour la version mono joueur simulation bouton machine on peut voir un bouton (fake... sans fonction actuellement) ajouté qui ferait jouer la machine. La version deux joueurs (en ligne) n'aurait pas de bouton supplémentaire mais est ce possible que deux personnes cliquent sur Lancer les dés du jeu placé sur un espace Web?
  5. archag

    Jeu de l'Oie vintage

    j'essaie avec canvas et il faut recommencer tout le script alors que ce n'est pas à but lucratif ni professionnel ni pour un examen...
  6. je ne sais pas si je peux répondre à une question technique en tant que simple visiteur inscrit et je ne veux pas faire de concurrence mais juste témoigner... J'ai eu ce problème sur d'anciennes imprimantes avec port USB ancien sensible à la longueur du câble USB. Il y a une longueur maxi de câble pour ce type de connexion. Les symptômes que tu décris sont les mêmes ==> le comportement aléatoire. Avec des imprimantes plus récentes c'est étonnant mais faut voir si le câble n'est pas trop long ou abîmé ou alors le composant USB de l'ordi ou de l'imprimante abîmé et se comportant comme de l'USB v1
  7. archag

    Jeu de l'Oie vintage

    bjr Dylav et merci pour ta présence au départ j'ai scanné en 2 moitiés le jeu ancien et abîmé et j'ai obtenu au final un JPG de 1970 x 1946 réduit par la suite en 887 x 876 pour le background du body. Il est donc photoshopé. Si la motivation advient alors je peux encore mieux traiter cette image mais on verra... Alors voici le jeu.html . La seule façon de faire apparaître le link <a href> de la Charte du jeu de l'Oie sur un alignement différent que les 2 dés et le bouton "lancer les dés" a été d'user d'une balise du temps de Jules César càd <center> <!DOCTYPE html> <html lang="fr"> <head> <title>Jeu de l'Oie</title> <style type="text/css"> .center { position: relative; margin-left: auto; margin-right: auto; } body { background-image: url("image/plateau.jpg"); background-repeat: no-repeat; background-position: center; background-size: inherit; } #divbottom { position: relative; background-image: url("image/bottom.jpg"); height: 128px; width: 887px; background-repeat: no-repeat; /* text-align: center; */ margin-left: auto; margin-right: auto; display: flex; /* align-items: center; */ justify-content: left; } div { height: 748px; width: 887px; /* background-repeat: no-repeat; */ text-align: center; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center; } #my-div { background : dodgerblue; filter: alpha(opacity=80); opacity: 0.8; z-index: 10000; position: absolute; top: 25%; border : 2px solid #d3d3d3; height : 40px; width : 40px; margin : 5px; cursor : grab; } .movCursor { cursor : grabbing; } #m-div { background : red; filter: alpha(opacity=80); opacity: 0.8; z-index: 10000; position: absolute; top: 25%; /* left: 400px; */ /* top: 350px; */ border : 2px solid #d3d3d3; height : 40px; width : 40px; margin : 35px; cursor : grab; } .movCursor { cursor : grabbing; } </style> <script type="text/javascript"> /* La Charte popup. */ var windowObjectReference = null; // variable globale function openChartePopup() { if (windowObjectReference == null || windowObjectReference.closed) { windowObjectReference = window.open( "charte.html","CharteWindowName","popup","_blank", 'width=400, height=100' ); } else { windowObjectReference.focus(); } } </script> <script src="script.js" charset="utf-8"></script> </head> <body> <div class="dices" > <center> <br/><br/><br/><br/> <a href="charte.html" target="CharteWindowName" onclick="openChartePopup(); return false;" title="popup d'affichage de la Charte du Jeu de l'Oie" > <p style="color:black;"><strong>Charte du Jeu de l'Oie</strong> </p> </a> <br/> <img class="newdes" id="des0" src="./imagedes/dice1.png" alt="dès1" data-random=""> <img class="newdes" id="des1" src="./imagedes/dice1.png" alt="dès1" data-random=""> <button type="button" class="btn" onClick="rollTheDice()">Lancer les d&eacute;s</button> </center> </div> <div id="divbottom" > <div id="m-div" > </div> <script> const mDiv = document.querySelector('#m-div'); mDiv.ref_ms = { x: 0, y: 0 }; mDiv.addEventListener('mousedown', (e) => { mDiv.ref_ms.x = e.clientX; mDiv.ref_ms.y = e.clientY; mDiv.classList.add('movCursor') if (mDiv.style.transform !== '') { let [ mx, my ] = mDiv.style.transform.match(/-?\d*\.?\d+/g).map(Number); mDiv.ref_ms.x -= mx; mDiv.ref_ms.y -= my; } }) window.addEventListener('mousemove', e => { if (mDiv.classList.contains('movCursor') && e.clientX > 0 && e.clientY > 0 ) { mDiv.style = `transform: translate(${e.clientX - mDiv.ref_ms.x}px, ${e.clientY - mDiv.ref_ms.y}px);`; } }) window.addEventListener('mouseup', () => { mDiv.classList.remove('movCursor') }) </script> <div id="my-div"></div> <script> const myDiv = document.querySelector('#my-div'); myDiv.ref_ms = { x: 0, y: 0 }; myDiv.addEventListener('mousedown', (e) => { myDiv.ref_ms.x = e.clientX; myDiv.ref_ms.y = e.clientY; myDiv.classList.add('movCursor') if (myDiv.style.transform !== '') { let [ mx, my ] = myDiv.style.transform.match(/-?\d*\.?\d+/g).map(Number); myDiv.ref_ms.x -= mx; myDiv.ref_ms.y -= my; } }) window.addEventListener('mousemove', e => { if (myDiv.classList.contains('movCursor') && e.clientX > 0 && e.clientY > 0 ) { myDiv.style = `transform: translate(${e.clientX - myDiv.ref_ms.x}px, ${e.clientY - myDiv.ref_ms.y}px);`; } }) window.addEventListener('mouseup', () => { myDiv.classList.remove('movCursor') }) </script> </div> </body> </html> et script.js que j'ai récupéré d'un site Web d'écolage. C'est pour le lancer des dés. /* Id = # class = . Utilisation de Math.random pour faire un chiffre alléatoire entre 0 et 1, ce chiffre est à virgule Utilisation de Math.floor pour supprimer une virgule et utilisation de *6+1. document.querySelector permet */ function rollTheDice() { let nombre_des = document.getElementsByClassName("newdes").length; let total = 0; for (var compteur1 = 0; compteur1 <= nombre_des; compteur1++) { let nombre = Math.floor(Math.random() * 6) +1; /*alert(nombre)*/ const elements = document.querySelector("img#des" + compteur1).setAttribute("src", "./imagedes/dice" + nombre + ".png"); // On calcule le total : total = total + nombre; } document.querySelector("#plusp1").textContent = "Le total des des est de : " + total; /*document.querySelector("img") représente la balise dans cours1.html .setAttribute("src", représente le src dans la balise img "./imagedes/dice" représente le chemin pour l'image + nombre représente la variable de courte portée ou est stocké un nombre de 1 à 6 + ".png" représente le format de l'image */ } function newdes() { // let nombre_des = document.getElementsByClassName("newdes").length; sert à savoir le nombre de classe new des présent dans le code HTML. let nombre_des = document.getElementsByClassName("newdes").length; let clone = document.querySelector(".newdes").cloneNode(true); document.querySelector(".dices").appendChild(clone).setAttribute("id","des" + nombre_des); // alert("Le nombre de dès est de " + nombre_des); } /* part dédiée au drag & drop du pion */ var mouse_down = false; function on_mouse_down_square(event) { mouse_down=true; } function on_mouse_up(event){ mouse_down=false; } document.onmousemove = on_mouse_move; document.onmouseup = on_mouse_up; function on_mouse_move(event) { if (mouse_down === true) { document.querySelector('#square').style.left = event.clientX-50+'px'; document.querySelector('#square').style.top = event.clientY-50+'px'; } } puis à côté de ces deux 1ers fichiers il y a charte.html étant un fichier minimaliste dans son état actuel mais il faut dire que je n'arrive pas à redimensionner la fenêtre de ce popup <!DOCTYPE html> <html lang="fr"> <head> <title>Charte du Jeu de l'Oie</title> <style type="text/css"> </style> <script src="script.js" charset="utf-8"></script> </head> <body> <table style="width: 400px;"><tbody> <tr> <td style="text-align: center;">La Charte du Jeu de l'Oie&nbsp;</td> </tr> <tr> <td> <p>Pour deux joueurs</p> </td> </tr> <tr> <td> <ul style="list-style-type: square;"> <li>Un lancer de dés menant au n°9 sur la case de l'oie engage le joueur à relancer immédiatement les dés. Si le joueur n'atteint plus 9 alors rien n'échoit et c'est au suivant de lancer les dés. Mais si 3 et 6 advenaient, cela mènerait en case n°26. Si 4 et 5 advenaient, le joueur se placera en case n°53. Quand le lancer de dés revient au tour du joueur placé en case 26 ou 53, si les dés comptabilisent encore 9 alors le joueur arrive en 63. Il a gagné. </li> <li>Qui ira sur le n°6 où il y a un pont paiera le prix convenu et finira illico au n°12 pour se noyer sous ce second pont.</li> <li>Qui ira au n°19, où il y a une hostellerie, paiera le prix convenu et se reposera en passant son tour.</li> <li>Qui ira au n°31, tombera dans le puits et paiera le prix convenu pour retourner à la case de l'oie n°9 et suivre son règlement déjà édicté en début de charte. </li> <li>Qui ira sur la case n°42 où il y a un labyrinthe paiera le prix convenu et retournera au n°30.</li> <li>Qui ira au n°52, où il y a une prison, paiera le prix convenu et attendra là en passant son tour deux fois.</li> <li>Qui ira au n°58 où il y a une tête de mort paiera le prix convenu et recommencera le jeu.</li> <li>Qui ira au n°59 retournera sur la case n°54.</li> <li>Pour atteindre la Chance finale du n°63, il faut le nombre de points exact, autrement le joueur sera obligé de reculer sur les cases comptées...</li> </ul> </td> </tr> <tr> <td>&nbsp;</td> </tr> </tbody> </table></body></html> ensuite il y a 2 dossiers avec les images: "imagedes" (avec 6 PNG de dés) et "image" avec 2 JPG , plateau.jpg et bottom.jpg , ce dernier fichier graphique étant utilisé pour positionner les deux pions (bleu, rouge) sur la case départ avec le génie qui montre Bonne chance.
  8. Bjr, ma question passe pour du spam sur le forum pro où je m'étais inscrit. Je ne suis qu'un amateur du dimanche en matière de codage alors je cherche une providence et ce ne sera pas sur des forums actuels de professionnels que je trouverai. Il faut des forums plus généralistes aussi. Zebulon existe depuis longtemps quand on commençait avec l'informatique. le link qui va sur le bricolage ( <== edit: désactivé au 15-02-24) Ma motivation pour ce jeu de l'oie s'explique du fait que je l'ai repris d'un tiroir où il était depuis longtemps. Je l'ai scanné pour en faire un fond HTML. En fait ce jeu date du début des années 1920. Actualiser ce jeu de l'oie en version informatique devient passionnant. Mon code est plein de profanations barbares alors que j'ai sué pour rassembler des bouts de HTML, CSS et de JS que j'ai glanés. J'obtiens un résultat très moyen mais qui commence à ressembler visuellement à ce que j'aurais voulu faire au propre niveau code. Sinon je me doute que c'est un développement savant et épineux pour avoir ce résultat aux normes techniques. Etant donné que intégrer la machine comme 2d joueur est difficile on pense à la remplacer par un être humain en réseau par exemple. On peut imaginer un bouton en plus comme celui "lancer les dés" mais qui s'intitulerait "machine joue" et ferait avancer un pion automatiquement sur la case ad hoc... Bon, sinon si trop épineux à réaliser alors en réseau? Bref actuellement on peut déjà mouvoir les pions à la souris avec deux souris USB sur un ordi mais c'est limité. Si quelqu'un s'intéresse un peu à ça je peux mettre les codes.
  9. longaripa j'ai lu, j'ai vu et j'ai pu ! Je n'ai même pas du recharger le navigateur après avoir désactivé IPv6... Juste un nouvel onglet avec psychonaut en .fr et voila ! C'est une solution provisoire en attendant que l'hébergeur de Psychonaut revalide l'IPv6 si j'ai bien compris? En tous les cas je peux participer au dit forum à nouveau... Super. Thanxxx ah ah !!!
  10. bah, je l'ai fait par acquit de conscience mais tout échec est dédouané, absous… L'administrateur de psychonaut a répondu au MP où j'explique le problème et il semblerait qu'il y en a plusieurs comme moi… selon ses propres mots: "...il y a en effet un problème avec l'hébergement, et on a pas la main mise là dessus car ça depends de leurs infrastructures, …"
  11. tomtom pour ne pas changer mes réglages ni perdre les identifiants et mots de passe dans mes navigateurs, j'ai pris un firefox portable sur Clubic. De suite j'ai mis le link https://www.psychonaut.fr/ donc avec les paramétrages par défaut du navigateur "tout neuf" et malgré tout klke chose ne va pas. ça s'affiche comme l'image que tu as mise plus haut (avec du jaune...) avec la phrase "Le problème vient probablement du site web, vous ne pouvez donc pas y remédier." J'espère que tu ne vas pas m'envoyer aux galères et me demander de quand même de tout reinitialiser… C'est pas une bonne idée le test avec Firefox portable? [edit] sur le message (avec du jaune, comme sur ton image plus haut...) quand on clique sur Avancé il est question de ikoula "Les sites web justifient leur identité par des certificats. Firefox ne fait pas confiance à ce site, car il utilise un certificat qui n’est pas valide pour www.psychonaut.fr. Le certificat est seulement valide pour les noms suivants : *.ikoula.com, ikoula.com Code d’erreur : SSL_ERROR_BAD_CERT_DOMAIN" j'ai passé un coup de adwcleaner mais que dalle !
  12. et voila !! tout le problème apparait... Mais qu'est ce donc??
  13. merci tomtom en fr ou en com c'est idem http://www.psychonaut.com/ http://www.psychonaut.fr/
  14. bjr, je suis en Belgique avec une BBox3 et un PC-tour W10 or quand je vais sur un certain site Web que je fréquente pourtant depuis des années, ça m'affiche comme sur l'image jointe. Cette bizarrerie survient avec tous les navigateurs (Firefox, Edge, IE, etc...).   Encore plus bizarre: je téléphone au helpdesk de mon FAI (en Belgique il y a Proximus) qui me dit d'aller au niveau des réglages généraux du système Windows parce que c'est dans le système que se situe le problème. Pourtant cette page Plesk s'impose aussi à l'écran d'un autre PC que j'ai encore et que j'utilise rarement. Idem avec mon SmartPhone connecté en WiFi sur la box.   Précisons que cela ne concerne que un site Web spécifiquement. C'est un forum en fait. A part cela je peux surfer normalement sur le Web.   Toujours plus bizarre: sur mon PC-tour habituel et W10, j'ai VirtualBox avec Vista installé. Je me dis tiens, je v essayer avec Firefox du Vista... Et là ça va! J'arrive sur le forum inaccessible par tous les autres moyens.   Pour trouver une solution j'ai replacé une ancienne Box blanche (BBox2) que j'ai encore à la place de la BBox3 noire. Et là, à part que c'est plus lent, j'arrive à tout faire comme avant. Tout est normal avec la BBox2. Bon, alors on peut croire qu'il y a une question de port dans la BBox3 qui foire... J'ai donc fait un soft reset pour retrouver des paramètres par défaut qui auraient changé... Rien n'y fait. Toujours le forum indisponible avec cette page Plesk qui s'impose à la place. Bizarre, oui on se demande d'où sort cette page. A méditer sur l'origine de cette page Web on peut se demander si je n'ai pas été ciblé au niveau des settings dans Plesk même ! A votre avis est-ce que c'est possible de définir une identité réseau dans Plesk afin d'imposer une page non voulue quand le navigateur du visiteur suit une URL définie? Pourtant apparemment mon pseudo sur le forum n'a pas été banni et avec la BBox2 ou le Vista de VB je peux toujours participer et intervenir.   Je voudrais retrouver ce forum dévolu aux problèmes d'addictions et poursuivre ma participation comme je le faisais, avec les autres membres, chimistes, des psys, médecins, personnel infirmier et patients...
  15. bjr, avec W8 on peut changer la langue d'affichage de tout le système sans installer de geek. Cette possibilité manquait sur les versions antécédentes. Cette seule nouveauté justifie déjà une certaine considération. Mais voila on retrouve malheureusement les plus et les moins habituels malgré tout... car je n'arrive pas à installer le russe... grr !! Comme toujours donc il faut quelque chose qui ralentisse notre enthousiasme. J'ai essayé avec l'anglais (je reviens là-dessus = c'est important !!) et oui ! Cela fonctionne. Le néerlandais, l'allemand... oui, oui !! et les màj se succèdent indifféremment avec un système en l'une ou l'autre langue (donc nettement plus intéressant qu'un module de tierce partie). Tout ça ce sont de bons arguments pour W8. Et chtok le russe ne passe pas. Pourquoi faut il toujours un bémol qui nous empêchera de proclamer un progrès déterminant du système informatique Windows?? Pourquoi je n'arrive pas à installer le russe?? J'ai fait et refait de multiples essais... J'allais dire que W8 est nettement positif pour faire l'unanimité mais voila, pas possible encore...
×
×
  • Créer...