p5. js: Как сделать так, чтобы текст отображался, когда моя мышь при обработке наводит указатель мыши на другой элемент эскиза? - PullRequest
Новая
       12

p5. js: Как сделать так, чтобы текст отображался, когда моя мышь при обработке наводит указатель мыши на другой элемент эскиза?

2 голосов
/ 25 января 2020

У меня есть текст в файле эскиза, который постоянно появляется на экране. При наведении курсора на этот фрагмент текста я хочу отобразить дополнительную информацию об этом вводном тексте в углу окна браузера, не затрагивая остальную часть экрана. Как я могу go сделать это?

1 Ответ

1 голос
/ 25 января 2020

Трудно точно понять, что вы хотите, не видя код, но вот несколько указателей:

Вы можете создать элемент, используя createElement, и добавить событие при наведении курсора. Когда вы наводите курсор на этот элемент, вы можете отобразить текст справки. В приведенном ниже примере я создал элемент hoverOverMe, который устанавливает логическое значение showInfo в значение true, если оно наведено, и значение false, если нет - тогда я отображаю некоторый текст, основанный на этом. 

let hoverOverMe;
let showInfo = false;
function setup() {
  createCanvas(400, 400);
  hoverOverMe = createElement("h1", "Hover over me");
  hoverOverMe.mouseOver(() => showInfo = true);
  hoverOverMe.mouseOut(() => showInfo = false);
}

function draw() {
  background(220);
  textAlign(CENTER);
  
  if (showInfo) {
    textSize(40);
    text("I'm info text", width / 2, height/2);
  }
}
<script src="https://cdn.jsdelivr.net/npm/p5@0.10.2/lib/p5.js"></script>
...