Проверка на прокат мыши в P5.JS с различной перспективойJavascript

Форум по Javascript
Ответить
Anonymous
 Проверка на прокат мыши в P5.JS с различной перспективой

Сообщение Anonymous »

Я делаю 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»