Я делаю 3-осевой график, с которым пользователь может взаимодействовать, и отрегулировать перспективу. Я хотел бы реализовать функцию, которая проверяет, если курсор колеблется над любым из элементов графика, так что, когда пользователь указывает на элемент, можно отобразить дополнительную информацию. Я хотел бы знать, возможно ли что-то подобное для свободного 3D, и если да, метод. Спасибо!function preload() {
font = loadFont("Courier New.ttf");
}
function setup() {
createCanvas(700, 700, WEBGL);
textFont(font);
textSize(30);
textAlign(CENTER, CENTER);
frameRate(60);
//debugMode()
}
function graph() {
// graph axis
noFill();
stroke(2);
box(500, 500);
fill("black");
text("", 0, 250);
push();
rotateY(-HALF_PI);
text("", 0, 250);
pop();
push();
rotateZ(HALF_PI);
translate(0, -500);
text("", 0, 250);
pop();
}
function elements() {
let x = 100;
let y = 20;
let z = -100;
push();
translate(x, y, z);
noStroke();
fill("red");
sphere(5)
pop();
}
function draw() {
background("white");
orbitControl();
graph();
elements();
}
Подробнее здесь: https://stackoverflow.com/questions/795 ... erspective
Проверка на прокат мыши в P5.JS с различной перспективой ⇐ Javascript
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Странные преобразования при прокрутке с перспективой + фиксированное положение в Firefox
Anonymous » » в форуме CSS - 0 Ответы
- 10 Просмотры
-
Последнее сообщение Anonymous
-