создание текстовой ссылки с использованием p5.js

Question

В настоящее время я пытаюсь создать сайт, полностью используя p5.js. Я хотел бы создать ссылку, которая направит меня на другую страницу на веб-сайте.

Я надеялся, что сделать что-то вроде этого:

function setup(){ 
link = text("this is a link", 120, 120); 
} 

function draw(){ 
    if (link.mousePressed){ 
    link(www.example.com); //does the processing link function move to p5? 
} 

Предполагая, что-то вроде этого не будет работать, я мог сделать что-то координате на основе?

function setup(){ 
link = text("this is a link", 120, 120); 
} 

function mousePressed(){ 
    if (mouseY == 120 && mouseX >= 110 && <= 130){ //range accounting for text length 
    link(www.example.com); 
} 

Если бы ни одно из указанных выше не было возможно, можно ли использовать библиотеку p5 DOM.JS?

text("<a href='http://www.google.com'>Enter Locke Design</a>", 120, 120); 

Надеюсь, кто-то может пролить свет или указать мне в правильном направлении! Спасибо

Answer 1

То, что вы делаете, не имеет смысла. Функция text() просто рисует текст на экране. Он не имеет ничего общего с HTML или создает ссылку.

Функция ссылки возвращает HTML, который вы можете добавить в свой документ, чтобы создать ссылку. Не имеет смысла называть его, как вы его называете, и вы получите ошибку, так как вы даже не цитируете свои строковые значения. См. here для примера использования функции link().

Если вы хотите использовать функцию text(), то вы на правильном пути с оператором if, который проверяет положение мыши. Но обратите внимание, что вы проверяете, является ли mouseYточно равным 120, что дает вам только один пиксель, на который нужно щелкнуть. Тогда вторая часть вашего оператора if является недопустимым синтаксисом, так как вы не можете просто форматировать условия вместе с оператором &&. Вам нужно полное неравенство.

Снова перепутав, вы смешиваете два подхода: отображение чего-то с помощью P5.js (функция text()) и отображение чего-то с помощью HTML (функция link()). Смешивание их не имеет смысла. Вам нужно выбрать один подход и пойти с этим.

Сделав еще один шаг назад, я не уверен, что создание полного сайта с использованием P5.js - отличный подход. Конечно, это возможно с использованием библиотеки P5.dom, но она больше предназначена для добавления функциональности к существующей веб-странице. Если вы знаете, что хотите, чтобы ссылка на странице всякий раз, когда она загружалась, просто добавьте ее в свой HTML. Вот для чего это.