webgl_ru | Unsorted

Telegram-канал webgl_ru - WebGL ru

-

Полезные ресурсы: https://telegra.ph/Poleznye-resursy-10-27 Правила: https://berlincodeofconduct.org/ru/ Новичкам: @gd_noobs Вакансии с указанием организации(!), вилки и хэштегом #удаленка / #офис

Subscribe to a channel

WebGL ru

код функции update довольно большой когда я его в chatgpt загнал, могу в личку скинуть, но суть я выше объяснил, что доворот в апдейте происходит

Читать полностью…

WebGL ru

Я пытался доворот реализовать так

if (isTurning) {
// Определяем направление доворота в зависимости от направления движения
const currentRotation = new Euler().setFromQuaternion(camera.quaternion);
let targetRotation;
if (direction > 0) {
// Движение вправо
targetRotation = new Euler(
currentRotation.x,
currentRotation.y - MathUtils.degToRad(75),
currentRotation.z,
);
} else {
// Движение влево
targetRotation = new Euler(
currentRotation.x,
currentRotation.y + MathUtils.degToRad(75),
currentRotation.z,
);
}
const targetQuaternion = new Quaternion().setFromEuler(targetRotation);
camera.quaternion.slerp(targetQuaternion, dt);
}

camera.lookAt(lookPos);



const dX = x - mX.current;
mX.current = x;


if (e.type === 'touchstart') {
mX.current = x; // Обновляем начальное значение mX при начале касания
}

if (e.type === 'touchmove') {
lookPos.x -= dX * 0.0025;
lookPos.x = MathUtils.clamp(lookPos.x, minClamp, maxClamp);

let pX = 2 * (x / window.innerWidth - 0.5);
let pY = 2 * (y / window.innerHeight - 0.5);
camOffsetPos.x = -pX * 0.6;
camOffsetPos.y = pY * 0.4;
}

if (e.type === 'touchend') {
lookPos.x = MathUtils.clamp(lookPos.x + dX * 0.001, minClamp, maxClamp);
}
}

Читать полностью…

WebGL ru

Может вы сталкивались с такой шуткой как на этом сайте https://tour.1863.fr
Типо в конце смещения камера делает доворот

Читать полностью…

WebGL ru

Ну вот я с ним провозился 2 дня, не смог сделать фичу

Читать полностью…

WebGL ru

Я недавно начал изучать плотно three js, и столкнулся с проблемой в движении камеры

Читать полностью…

WebGL ru

типо две штуки скрестить

Читать полностью…

WebGL ru

https://youtu.be/_1SyStXHj5g?si=__xbrv2s_gCYZkVK

Читать полностью…

WebGL ru

кто-то знает пример 2д игр, где topdown персонажи были помещены в игру просто с видом сверху (где вид на сцену идёт сверху)

Читать полностью…

WebGL ru

Наверное самый оптимальный кроссплатформенный вариант

Читать полностью…

WebGL ru

Так как есть webxr ar api

Читать полностью…

WebGL ru

У babylon.js есть коробочный AR

Читать полностью…

WebGL ru

Топ, спасибо!
Делаю мини игру AR градостроительную

Читать полностью…

WebGL ru

техника webgl picking или функция движка raycast

Читать полностью…

WebGL ru

Спасибо Паше Телеграмму за танцовщиц

Читать полностью…

WebGL ru

    vec4 nightSkyColor = vec4(0.0);

vec4 desaturated = generic_desaturate(color.rgb, 1.0);
desaturated *= 35.0;
desaturated = pow(desaturated, vec4(0.1));
vec4 saturated = clamp(desaturated, 0.0,1.0);
saturated = 1.0 - saturated;
nightSkyColor = texture;
nightSkyColor*=saturated;
color+=nightSkyColor;

Прилагаю решение

Читать полностью…

WebGL ru

я зашел в код сайта, поискал где инициализируется PerspectiveCamera

нашел, в итоге что я вижу:

сдвигание курсора просто меняет в стейте вектор this.target

и вся суть происходит в функции update у класса камеры, где на каждый тик она чуть чуть доворачивается до target и ее позиция сдвигается на дельту того как перетащили

Читать полностью…

WebGL ru

Если вправо двинуть, камера доворачивается влево и наоборот

Читать полностью…

WebGL ru

значит никто кроме mr doob, а если серьезно, то лучше вопрос задавать конкертный, так как желания отвечать "я шарю" мало у кого есть

Читать полностью…

WebGL ru

Chat gpt неплохо шарит

Читать полностью…

WebGL ru

Ребят всем привет, кто хорошо в perspective камерах шарит ?

Читать полностью…

WebGL ru

не я хотел top-down(угловой) персонажей поместить на сцену где вид сверху

Читать полностью…

WebGL ru

хотя не, каша будет, лучше уже игру полностью в topdown переводить

Читать полностью…

WebGL ru

да, давно бы сделали но тут защита данных же

Читать полностью…

WebGL ru

Ну вот его видел, да
Гугловский

Читать полностью…

WebGL ru

Коробочный есть только в хроме на Андроиде

Читать полностью…

WebGL ru

Конечно, AR в вебе работает так себе, особенно если сравнивать с ARKit в IOS

Читать полностью…

WebGL ru

в трёшке есть GPU picking
ну, как "есть", есть пример - смотришь в него, делаешь так же )
https://threejs.org/examples/?q=gpu#webgl_interactive_cubes_gpu

Читать полностью…

WebGL ru

Пацаны, а как вообще работает детект клика по модели?

Если у меня есть gltf моделька лоуполи города, могу я средствами работы с 3D в вебе детектить клики по разным конкретным частям этой модели?

Читать полностью…

WebGL ru

Сходил та телеграмовский ивент. Двигал там в кулуарах webGl

Читать полностью…

WebGL ru

Короче ситуация такая что мне пришлось часа 3 убить чтобы получить нужный результат

Читать полностью…
Subscribe to a channel