Несколько решений для связывания a-text или других компонентов компонентов в кадре все еще имеют ошибку

У меня возникла проблема со ссылками на места в компонентах aframe. Пока ничего не получилось. Вот три решения, которые я пытаюсь найти:

  1. Используйте aframe-href-component, где я могу просто поместить href = "www.sample.com" в любой объект. Отлично, проблема в том, что когда я перехожу к этому cdn, чтобы получить aframe-href-component.min.js, я получаю ошибку 404. Может, автору это удалось. Так что это тупик.

  2. Сообщается о проблеме с кадром № 403, последний раз закрытой в 2016 году, когда автор Кевин Нго, который приводит меня к git pull № 1575, где добавлен новый компонент link.js. Это означает, что я могу просто использовать атрибут ссылка на сайт в своем компоненте. Например:

    <a-text link = "https://www.washingtonpost.com/archive/local/1998/01/08/labor-leader-jack-t-conway-dies" id = "chrysler-caption" position = "-5.40 6.70 -0.30" rotation = "0 0 0" scale = "1 1 1" value = "JACK T. CONWAY"></a-text>

  3. Кто-то упомянул в другом сообщении о переполнении стека, чтобы просто добавить мой собственный компонент, поэтому здесь я создал этот:

    AFRAME.registerComponent('link-url', {
              schema: {default: ''},
    
              init: function () {
                var url = this.data;
                this.el.addEventListener('click', function () {
                  window.location.href = url;
                });
              }
            });
    

Поэтому я пытаюсь реализовать это в моем кадре картинная галерея здесь. Я попробовал все два варианта, но по какой-то причине текстовым файлом в верхнем левом углу изображение не может быть связано с внешней статьей (обычная публикация на новостном сайте, а не на сайте AFRAME).

Я подозреваю, что что-то происходит с моим пользовательским зарегистрированным компонентом AFRAME, но было бы здорово узнать, как создать ссылку на щелчок.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
234
1

Ответы 1

2) Вам необходимо добавить href: link в компонент link:

<a-text link = "href:https://www.washingtonpost.com/archive/local/1998/01/08/labor-leader-jack-t-conway-dies"></a-text>

3) Согласно документы схема работает следующим образом: объявить переменную и получить к ней доступ в объекте data:

AFRAME.registerComponent("foo", {
  schema: {
    {myvalue: {default: ""}
  },
  init: function() {
    var myvalue = this.data.myvalue
  }
})

<a-box foo = "myvalue: 10">

Итак, вы не можете просто попытаться получить доступ к какой-то воображаемой переменной в data, вам нужно «объявить» ее в схеме, а затем вы можете получить доступ к значению.

Обратите внимание на 2) и 3) здесь (сбой) или здесь (рабочий пример, но не позволяет перенаправление)

По умолчанию у объекта data нет никаких свойств. p.s., проверьте github.com/supermedium/gunters-of-oasis на предмет реализации ссылок, сотен взаимосвязанных / сгенерированных миров с использованием порталов.

ngokevin 11.05.2018 12:26

@ngokevin спасибо за claryfing, я был уверен, что некоторые свойства создаются там в конструкторе Component: P Спасибо за подсказку, мне нравится, как кнопка "назад" сделана с использованием локального хранилища здесь :)

Piotr Adam Milewski 11.05.2018 13:09

Другие вопросы по теме