Bonjour,

Voyez vous, sur ce screen, il y a 3 élément, un TARDIS, un dalek, et un nœud papillon. Le dalek bouge tout seul sur une ligne droite, et le TARDIS et contrôler par les flèche directionnelle. Ce que j'aimerai faire, c'est que quand le TARDIS survole le nœud papillon, ce dernier disparaît. Le truc, c'est que je nec'est pas quelle fonction utiliser, donc si quelqu'un pouvait me conseiller, j'en serai très reconnaissante.
Merci d'avance!

Tu fais une fonction de collision et tu changes l'attribut display en none.

http://stackoverflow.com/questions/13663044/how-can-i-make-an-image-become-invisible-and-un-interactable-on-a-webpage

On sait pas si tu affiches ça sur un canvas ou avec le DOM ou avec autre chose.

Admettons que ça soit avec le DOM, tu appliques un display none à l'élément qui contient (ou à l'image) le noeud papillon.

noeudpap.style.display = 'none';

C'est avec le DOM
J'ai essayé vos deux méthode, ça n'a pas marcher...
Il faut peut-être que je précise que je débute tout juste dans le javascript donc j'ai un peut de mal :x

J'ai essayé de me débrouiller un peut seul en faisant un script qui cacherai le nœud pap' après l'appuie sur la touche entrer, le voilà:
<script type="text/javscript">
var start = 0;

function display(event)
{
var notre_element = document.getElementById("bowties");

if (start == 0){
notre_element.style.left = "700px";
notre_element.style.top = "500px";
start = 1;
}
if (event.which==13) {
document.getElementById("bowties").style.display="
none";

}
</script>

Mais, ça ne marche pas, pourtant je ne vois pas vraiment d'erreur.

Ce que tu peu faire c'est définir une class a ton image admettons "C1", dans le style tu fait un truc du genre :

.C1{
opacity : 1;
}

____

Là ton image sera visible.

Ensuite tu dans ta fonction javascript, tu lui dit que lorsque tu est au dessus du noeupap, tu change sa classe "C2", par ex, qui sera comme ceci :

.C2{
opacity : 0;
}

Et lorsque tu n'est plus dessus, tu le fait réapparaître en faisant comme précédemment.

Vérifie l'état de certaines variables (event.which en,particulier) à coup de alert ou de console.log pour vérifier que les choses se font quand il faut.

En faite, le plus gros problème pour moi c'est de définir les positon et dire d’exécuté le script quand le TARDIS et au dessus du nœud papillons , ce que je ne sais pas faire.

http://stackoverflow.com/questions/8568107/determine-if-one-node-is-overlapping-another

Bon alors en faite j'ai décidé de finalement faire une fonction de collision toute bête. Bien sur, elle ne marche pas >.<'. J'ai utiliser des alert pour voir ou se situe les erreur et il y en a sur toute les ligne... Le seul problème c'est que je n'arrive pas à les corrigé.
Voici mon code:

<script type="text/javscript">
function testerCollision() {

var AX = document.getElementById("TARDIS").style.left;
var AY = document.getElementById("TARDIS").style.top;
var BX = document.getElementById("bowties").style.left;
var BY = document.getElementById("bowties").style.top;
var LA = document.getElementById("TARDIS").style.width;
var HA = document.getElementById("TARDIS").style.height;
var LB = document.getElementById("bowties").style.width;
var HB = document.getElementById("bowties").style.height;

if ( BX > AX + LA ) {
document.getElementById("bowties").style.visibilit
y
= "visible";
}
if ( BX < AX - LB ) {
document.getElementById("bowties").style.visibilit
y
= "visible";
}
if ( BY > AY + HA ) {
document.getElementById("bowties").style.visibilit
y
= "visible";
}
if ( BY < AY – HB ) {
document.getElementById("bowties").style.visibilit
y
= "visible";
}

else {
document.getElementById("bowties").style.visibilit
y
= "hidden";
}
}
</script>