-
Полезные ресурсы: https://telegra.ph/Poleznye-resursy-10-27 Правила: https://berlincodeofconduct.org/ru/ Новичкам: @gd_noobs Вакансии с указанием организации(!), вилки и хэштегом #удаленка / #офис
всем привет! господа, а есть ли способ как-то глубоко и круто профилировать WebGL на маках серии M? я так понимаю, opengl нативно на маках давно не поддерживается, и webgl команды под капотом транслируются в Metal. так ли это? если да - кто-то пытался это профилировать как-то?
Читать полностью…
вот ещё https://youtu.be/0ifChJ0nJfM?si=WYY8jAz89FCL4eQb
Читать полностью…
#вакансия #vacancy #работа #job #webxr #webgl #threejs #senior #middle
WebXR/WebGL Developer wanted at Infomediji, infomediji.com
Формат работы / занятость: #удаленка #remote #fulltime
Зарплатная вилка 💶: 4-6k EUR gross per month
❗️B2B for beginning
Контакт для связи и вопросов: @krisrakova
🥽 DeoVR.com - кросс-платформа для VR видео стриминга.
Мы в поиске WebGL Developer, который присоединится к нашей WebXR команде и поможет нам создавать продукты в сегменте VR стриминга.
В рамках платформы у нас есть самописный WebXR плеер, поддерживающий вопроизведение видео в режимах VR/Flat, а также различный функционал работы с мета-контетом (поиск/предложенные/фильтры).
📍Требования:
• 3+ года опыта работы на позиции Frontend/Full-Stack Developer или схожей
• Опыт работы с WebGL и Three.js
• Глубокие знания в JavaScript и TypeScript
• Знания базы computer science и математики
• Понимание принципов веб-разработки, включая HTML5, CSS3 и адаптивный дизайн
• Опыт работы с Node.js (nice-to-have)
• Разговорный и письменный английский - B1+ (Intermediate+) и выше
📍Этапы интервью:
HR screening (30 min) -> Case Task (2-4 hours) -> Tech Interview (1 hour) -> CTO Interview (30 min) -> CEO Interview (30 min)
📩 Откликаться можно в tg @krisrakova (скидывайте, пожалуйста, резюме на англ 🙂
Всем спасибо! 🤝
Вы конечно все молодцы)
Но я абсолютно не понимаю откуда и почему вы такие функции выводите😅
Вы их заучили просто?
Или мне нужно математику учить заново?)
Ещё надо не забывать, что не все йогурты функции сглаживания одинаково полезны, некоторые оч затратны для проца. А раньше даже синус не считали в реальном времени, использовали заранее вычисленные значения
да, просто потому что от 0 до 1 можно подставить в любую из этих функций https://easings.net/
Читать полностью…
Ну это понятно, что инструменты есть.
Но тут вопрос в другом
Можно не знать, а рисовать их в калькуляторе https://www.desmos.com/calculator
Читать полностью…
Связался я с анимациями и теперь ломаю голову себе, с ease функциями.
А нужно оно мне для каунтера c плавным стопом около таргета.
От математики я далек... поэтому буду рад если что то посоветуете
Должен ли я из знать?Как они работают и т.д.?
а то мне вот это вообще ни о чем не говорит:
(t) => t * (2 - t)Читать полностью…
в Box при normalizedY=0 (нижняя грань) цвет самый яркий, а у Tube будто normalizedY=0.5 или больше
Читать полностью…
Количество вертексов, граней, позиция и высота - одинаковые
Читать полностью…
WebGL visual programming editor cables.gl is now open source
Article, Comments
https://youtu.be/f4s1h2YETNY?si=e_PiflTUX9f05Im5 досмотри до части, где про graphtoy говорится
Читать полностью…
Накидайте пару статей пож, что почитать о функциях, анимациях и прочих около красивых вещах.
Понимаю, что лезу в, что то сложное. (В плане вычислений и логики)
можно графически, ищешь на любой функции понравившийся участок и приводишь его к интервалу 0-1
Читать полностью…
Там же нельзя буквально нарисовать, и тебе приблизительную формулу дадут? Только двигать?
Читать полностью…
Лучше свой стейт для анимации юзать чем встроенные в движок. Вот плавный изинг через квадратичную функцию
function easeInOutQuad(t) {
if (t < 0.5) {
return 2 * t * t;
} else {
return 1 - Math.pow(-2 * t + 2, 2) / 2;
}
}
Заметил кстати, что всегде переводят значение от 0 до 1.
Так удобнее?
currTime / duration.
Получаем процентное соотношение текушего времени к тому, за сколько нужно прийти к таргету.
Да, с этим я уже разобрался.
Но мне не понятен вывол формулы.
Как к такому пришли. И что добавить туда что бы анимация изменилась.
Я дал туда 0.5 и анимация вообще обратно вернулась.(каунтер)
у анимации есть значение прогресса, допустим от 0 до 1
эта функция выдаст значение для каунтера если его туда поместить
допустим базово каунтер на 1000
надо анимировать до 2000
надо сделать как-то так:
Читать полностью…
counter.value = start + ((end - start) * easing(progress))
тут ощущение, что геометрия "утоплена" на половину под пол.
Читать полностью…