Object3D → AnnotationControl →

Annotation

Этот класс используется для создания и отображения 2D HTML спрайтов, называемых аннотациями. Аннотация может содержать необязательный текст в диалоговом окне (или HTML-макет), который появляется, когда пользователь нажимает на метку аннотации.

Пример


var annotation = new v3d.Annotation(container, 'A', 'Hello! ...');
app.scene.add(annotation);

Стили

Verge3D предлагает два класса CSS для определения внешнего вида аннотаций:

.v3d-annotation - используется для меток аннотаций.
.v3d-annotation-dialog - используется для диалогов аннотаций.

Вы можете переопределить эти классы в своих собственных приложениях. Например, чтобы сделать аннотации красными:


.v3d-annotation {
  background: red;
}
.v3d-annotation-dialog {
  background: red;
}

Конструктор

Annotation(container, character, text)

container - идентификатор HTML-элемента или сам HTML-элемент, который будет содержать аннотацию.
character - символ, отображаемый внутри метки аннотации, например, "1", "2", "3" или "A", "B", "C". Фактически, символ метки может быть строкой любой длины.
text - текст, отображаемый во всплывающем окне аннотации. Это окно появляется, когда пользователь щелкает по аннотации. Он может содержать также текст в формате HTML. Укажите пустую строку, чтобы отключить функцию всплывающего диалогового окна.

Свойства

Общие свойства см. в базовом классе AnnotationControl.

# .character : String

Характер аннотации.

# .text : String

Текст аннотации.

# .annotation : HTMLElement

Элемент метки аннотации (обычно div).

# .annotationText : HTMLElement

Элемент диалогового окна аннотации (обычно div).

# .annotationTextVisible : Boolean

Параметр видимости диалогового окна аннотации. Вычисляется методом update update.

# .fadeObscured : Boolean

Обесцветить (сделать полупрозрачной) аннотацию, если она заслонена другими объектами. По умолчанию - true.

# .isAnnotation : Boolean

Используется для проверки того, является ли данный или производные классы аннотациями.
Вы не должны изменять этот параметр, так как он используется для внутренней оптимизации.

Методы

Общие методы см. в базовом классе Object3D.

# .clone() → Annotation

Возвращает клон данного объекта-аннотации и всех его преемников..

# .dispose() → null

Удаляет HTML-макет и соответствующих event listeners.

# .raycast(raycaster : Raycaster, intersects : Array) → null

Пока не реализовано.

Пазлы

Используйте add annotation или remove annotation для управления аннотациями в редакторе пазлов.

Исходный файл

О том как получить исходный код этого модуля читайте тут.