Создание интерактивной карты с использованием P5

Question

Я пытаюсь взять карту штатов США и иметь точки на карте. Когда вы наводите курсор на точку, она скажет вам название штата и краткий обзор того, что вы узнаете. При щелчке мыши откроется указанная страница HTML. Я хочу использовать P5 для этого проекта. Любая помощь будет оценена

Answer 1

Учитывая, что вы хотите использовать p5, можно сделать вывод, что у вас есть базовые знания об этом. Итак:

function setup() {
  createCanvas(windowWidth, windowHeight); //You choose the width and height.
}
function draw() {
  if (mouseX < 100 && mouseY < 100) { // IF statement would need changing
    rect(x, y, w, h); // undefined variables to be replaced with numbers.
  }
}

draw выполняется очень часто, а встроенные переменные mouseX и mouseY составляют координаты мыши.
Используйте это в ваших интересах.

В этом примере rect был бы там, если бы указатель мыши находился в квадрате, который простирается от 0,0 до 100,100. Карты будут сложнее, потому что операторы if могут быть переполнены.

Кстати, не нужно для использования прямоугольника, главное, что if будет работать, если пользователь завис над указанной c областью.