Bonjour,

Je cherche un moyen pour mettre une image différente dans chaque tooltip avec Three.JS.
Actuellement j'arrive à mettre une image qui est la même pour toutes.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
let Photo = new Scene('arrow.png', camera)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
s.addPoint({
                position: new THREE.Vector3(10.455667804274139, -3.212713468893284, 0.6464443963028412),
                name: Exemple,
                scene: sCouloir,
                image: 'arrow.png',
            })
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
if (intersect.object.name != '') {
                        let p = intersect.object.position.clone().project(camera)
                        tooltip.style.top = ((-1 * p.y + 1) * window.innerHeight / 2) + 'px'
                        tooltip.style.left = ((p.x + 1) * window.innerWidth / 2) + 'px'
                        tooltip.classList.add('is-active')
                        //Texte dans le tooltip
                        tooltip.innerHTML = <img src=' + Photo.image + '>;
                        spriteActive = intersect.object
                        foundSprite = true
                        console.log(intersect.object.name)
                    }
Voici l'endroit où j'appelle ma photo

Voila donc je déclare photo, le s.AddPoint ne me sert à rien mais je suis sûr que je dois mettre une variable dedans pour récupérer une photo différente pour chaque Scene, et après, si le Name n'est pas vide j'affiche la photo en question.

Je pense devoir mettre une variable dans les différentes scènes avec une photo à l'intérieur et changer le : tooltip.innerHTML = <img src=' + Photo.image + '>; par
tooltip.innerHTML = <img src=' + Variable+ '> ou un truc dans ce genre la.

Pouvez-vous me dire si cela est possible et si vous avez de quoi me conseiller, je suis preneur !
Merci à vous et bonne journée !