Discussion :

[tkigro]

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 !

[NoSmoking]

Bonjour et bienvenue sur DVP.

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.

pas tout regardé mais je dirais qu'il faut que tu écrives correctement l'instruction d'affectation à savoir :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

tooltip.innerHTML = '<img src="' + Photo.image + '">';

tu peux directement mettre cela dans le name, ou autre, de ton objet et faire un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

tooltip.innerHTML = intersect.object.name