three.js mouseover на объекте только не фон

Question

Я новичок в Three.js. Я пытаюсь показать всплывающую подсказку о кубах/блоках только для того, чтобы добиться успеха с помощью этой ссылки. http://stemkoski.github.io/Three.js/Mouse-Tooltip.html Если вы видите, что всплывающая подсказка изменяет цвет и текст на фоне (флажки). Я не хочу этого. Я хочу показать всплывающую подсказку о кубах.

Кроме того, что было бы возможным способом отображения тегов html в подсказке? Как вы не можете вставить HTML-теги в

context1.fillText('<h1>Hello World</h1>', 4,20); 

Я также пытался реализовать JQuery подсказки, движущиеся в сторону указателя мыши, но все напрасно.

Я был бы очень признателен за вашу помощь в этом.

Answer 1

Для удаления цвета выделения, удалите строки 192-194 и 197-200:

// restore previous intersection object (if it exists) to its original color 
if (INTERSECTED) 
    INTERSECTED.material.color.setHex(INTERSECTED.currentHex); 

и

// store color of closest object (for later restoration) 
INTERSECTED.currentHex = INTERSECTED.material.color.getHex(); 
// set a new color for closest object 
INTERSECTED.material.color.setHex(0xffff00); 

Кроме того, чтобы иметь более широкие возможности настройки этикетки, я написал другое демонстрацию, которую вы можете захотеть рассмотреть по адресу: http://stemkoski.github.io/Three.js/Sprite-Text-Labels.html - если вы хотите вставить HTML-теги для форматирования шрифта (как вам кажется), вместо этого рассмотрите рисование текста на холсте, а на холсте вы можете установить такие параметры, как семейство шрифтов , размер, вес и т. д., а затем использовать холст в качестве изображения для вашей подсказки. Опять же, чтобы увидеть рабочую реализацию кода, см. Ссылку выше.

Удачи вам!