Есть ли современные ресурсы/книги по созданию WebGL графики для браузеров?
Интересуюсь созданием продвинутых визуальных эффектов для браузеров. Проблема следующая - информация есть, но много потенциально устаревшей ( давности в 3-5 лет). При этом зачастую "мухи отдельно, котлеты отдельно" - редко встречаются топики именно о webGL в контексте веб-разработки. А с книгами и того печальнее. Слишком специфичная тема, я так понимаю. Есть ли люди которые занимались изучением темы? Начиная с написания шейдеров и заканчивая внедрением в свой проект? С чего вы начинали изучение? Любые ссылки/упоминания направления куда копать приветствуются. Отдельная большая просьба - ссылаться на свой опыт, а не просто копировать ссылку на первый сайт с упоминанием WebGL на стартовой странице.
Дополнительно:
1. WebGL вроде бы за 5 лет никак не менялся. Да и 5 лет назад - это всего-лишь 2019.
2. WebGL мало отличается в своих идеях от обычного OpenGL и многие шейдеры на GLES спокойно работают в webgl
Лучше изучай PWA реальная тема
Чем обоснуете данный совет?
UPD. - Действительно, three js крайне эффективный инструмент сооочень широкими возможностями.
я написал бесполезен для всего кроме игр
Так в этом и проблема, это не так. Канвас и вебгл в частности — это очень мощный инструмент и нужен для решения задач, которые обычными методами (тем же цсс) не решить или решить, но перформенс будет ниже дна. То етсь для большинства задач он избыточен.
Делает ли это его бесполезным? Нет. Делает ли это его изучением бесполезной тратой времени? Нет. Более того, это может быть огромным плюсом.
А так я оказался прав - игродел ты нулевой, смотришь поварих на ютубе верстать на webGL матерь божья.
Я дико извиняюсь, но ты что, умственно никуда неспешащий? Что за фигню ты пишешь?
https://www.google.com/maps (ты не пользуешься картами?)
https://www.nationalgeographic.com/magazine/graphi...
https://www.nytimes.com/interactive/2015/01/09/spo...
https://rainforest.arkivert.no/
https://sketchfab.com/
https://www.biodigital.com/
https://www.roomle.com/en/floorplanner
https://www.meisterschmuck.de/shop/en/engagement-rings/
https://www.shapespark.com/
https://stephaneginier.com/sculptgl/
и т.д.
Я своим опытом поделился, а не придумал все это.
Только вот твой опыт — это ТВОЙ опыт. Лично я ни разу не использовал пва и ни в одной из компаний, где я работал, так же пва не использовали. Вывод: пва никому не нужен. Бред? Бред.
Пва полезен, но нужен далеко не всем.
Я НИ РАЗУ не использовал PWA и НИ РАЗУ у меня из-за этого не возникало проблем. И я не знаю ни одного человека, который бы пользовался, разрабатывал итд. Я знаю, что "это есть". Но мне даже посмотреть что это такое лень, ну потому что никаких реальных задач нет, для чего смотреть.
Не так давно была маленькая короткая шумиха на тему того, как некоторые банки, которых попёрли из мобильных сторов, начнут радостно клепать PWA. Ну и где эти PWA? Вопрос риторический.
Так вот, всё бы ничего, оно даже работает нормально (жаль гугл чат сам по себе говно), только вот те же ссылки открываются только в хроме, потому что установить пва через другой браузер ты не можешь. И в итоге все ссылки тебе приходится открывать перетягиванием в свой браузер.
Возможно в будущем пва и станет чем-то реально крутым, но не сегодня.
И это просто приложение, у него еще нет мощных функций доступа к смартфону или пк, но это дело наживное, но уже есть плюсы которых у обычных приложений никогда не будет. Вообще никто не заставляет делать тебя из сайта, можно уже забацать разные автономные приложения, а сайт нужен только чтобы запустить один раз install.
сраный сайт = сраное приложение
Потому что нормальному сайту не нужно становиться приложением.
Для чего нужны PWA? Не поверишь! Чтобы ещё сильнее прибиться гвоздями к компьютеру пользователя. Раз уж в закладки и в поисковую строку не удаётся. Чтобы пользователь не мог забыть о сайте, посетив его по необходимости, а видел эту срань на рабочем столе каждый день. Это типичный кейс "продающих технологий". И на сотни таких "приложений" будет приходиться одно, которое зачем-то будет полезным. И при этом нахрен не сдалось становиться PWA, потому что оно и так прекрасно может работать в обычном браузере. Собственно, именно поэтому никто не бежит делать из сайтов PWA, а пользователи не рвутся эти PWA "устанавливать". Очевидно же, что людям нужны нужные вещи и не нужны ненужные.
И ещё PWA нужны тому самому гуглу, который хочет побольше продать пользователям всякой срани и показать рекламы. Поэтому его и принимают в гуглоплей. Не потому что срань там нужна. Наоборот, срань там не нужна от слова "вообще".
При этом:
A 2018 review published by Forbes, found that users of Pinterest's PWA spent 40% more time on the site compared to the previous mobile website. Ad revenue rates also increased by 44%, and core engagements by 60%.
Вот чтобы продать больше срани всё это и нужно. Конечный бенефициар всего этого - не пользователь.
Я на своих юзерах проверю, их не устанавливают потому, что юзеры не до конца еще поняли, что это такое. Про теги твои не знаю, я любой вопрос пишу и меня кидает на stackoverflow где куча тем про pwa уже решены сотни вопросов. На русский переведены два учебника у меня в закладках.
PWA это десятки api, в чем именно срань ? Может быть в indexedDB или может в сервис-воркерах или может в хранилище кеша ? Так все эти api напрямую не относятся к pwa - их можно использовать на сайтах без install.
Может быть в indexedDB или может в сервис-воркерах или может в хранилище кеша
Так всё это есть в браузере и прекрасно там работают. И не нужны никому никакие встратые PWA. Не нужны! Вся цель которых - заставить пользователя больше времени провести на "сайте" - ведь PWA это и есть "сайт".
В принципе понятно как это работает. Когда у тебя сайт один из десятков вкладок, то это не то же самое, что сайт открыт в отдельном окне. Особенно на мобильном устройстве, на котором весь экран всегда занят одним приложением. Всем же хочется показать пользователю побольше всратой рекламы и продать побольше совершенно ненужных пользователю товаров? Подольше удержать у себя и поменьше дать шансов на конкурентов за внимание пользователя? Вот ради этого всё это и делается.
Ну а на деле это так и остаётся никому не нужно. Околонулевая популярность технологии тому яркое свидетельство. И жёсткий маркетинг не очень помогает.
И ты похоже представляешь себе установку PWA
Нет, я представляю его себе как ещё одно окно браузера с отдельным ярлыком, целью которого является впарить мне больше этого сайта и убедить меня провести на нём больше времени. Собственно, то что я представляю - это и есть то, что имеется на практике.
Идея PWA была не в этом, и идея была не такая уж и плохая, но увы, не взлетело. И судя по всему, сраные паттерны использования способны мешать развитию технологии ещё многие годы.
Из всего этого я больше всего боюсь wasm. Полагаю, что 99.99% сценариев его использования будет заключаться в рекламе, которую будет невозможно заблокировать адблоком.
не нравится фильтруй свой браузер
Мой браузер тут ни при чём.
что плохого в том что они хотят удержать купленного юзера
Меня нисколько не волнует, что они хотят. Это не мои проблемы, и никто не имеет никакого права вешать их ни на меня, ни на кого-то ещё. Не могут удержать пользователя? Скатертью дорожка. Неудачники меня не волнуют.
А 'удачники' это видимо те, кто ненавидит все и вся в интернете, причем сам непонятно где лазает. Ты не пробовал святой человек смотреть ретро кино, читать википедию и разное для самообразования. И не увидишь свою ненавистную рекламу. Например у меня нет адблока вообще и меня она не заботит: может просто я не посещаю "твои" сайты?
На моем сайте нет рекламы и никогда не было, каждый заказ я делаю вручную и трачу свое время. Сам я идентифицирую себя как web-разработчик и PWA мне нравится, что наконец появилось что-то новое, что интересно мне. А арбитраж не показывает рекламу также, эти люди лишь меняют направление трафика, но трафик куплен за деньги и юзеры конкретно настойчиво ищут этот предмет.
На моих сайтах тоже никогда нет рекламы. Но это мой личный выбор, а вот в интернетах её полно при этом. И люди пользуются адблоком не потому что они так хотят обокрасть бедных несчастных владельцев сайтов. А потому что рекламы море и она настойчивая, яркая, мерцающая, мешающая.
И самое дерьмо что реклама всё чаще усиленно мимикрирует под органический контент. В соцсетях это фальшивые "посты" на стене, в маркетплейсах впилено в "похожие продукты" (и конечно на главную во все дыры), в поисковиках - в "результаты". Её цель - мошенничество, обман пользователя. Нужно вещи называть своими имменами, а не использовать фальшивые симулякры типа "трафик".
Сейчас в поисковиках без адблока никуда. Первые несколько ссылок - реклама, пытающаяся всячески скрыть свой рекламный характер. По сути, топ выдачи попросту продаётся за деньги. Это абсолютно ненормально. В самых вопиющих случаях люди наблюдали до 6 первых ссылок рекламы вместо органического контента - а ведь 90% людей дальше первых четырёх не смотрят.
Показывать рекламу должно быть стыдно, как милостыню на паперти просить. Скромно, в уголке. И пока этого не будет - люди будут массово сидеть с адблоками. И возражения тут неуместны.
Не надо в каждом видеть врага, если ты торгуешь сковородками или пишешь свой блог интернет гораздо шире, а ты смёл всех одной метлой скорее всего из-за своих обид со свои мелким блогом. Рекламные компании бывают размаха гораздо шире твоего понимания, причем делается это не лично каким-то хмырем клепающим сраные PWA и делается это все по договору и с гугл и с компаниями которые ждут трафик. И все -все знают и все-все понимают в том числе те кто кликают по первым нескольким ссылкам, все кроме тебя.
Нет, WebGL офигенно полезно использовать в некоторых задачах. В онлайн-игрушках, в 3D-визуализациях очень хорошо помогает. Хотя по факту тоже не супер распространённая технология, потому что сфера применения довольно узкая, разработка сложная, потенциальные проблемы с поддержкой и скоростью работы у конечного пользователя.
PWA тоже можно было бы в некоторых задачах использовать, но по факту не взлетело, их никто не клепает и не использует (ну, статистически почти никто), удобства никакие, и всё ради чего они нужны - это отдельный значок и отдельное окно с отвлекающими внимание пушами, которые пользователь не сразу ликвидирует. Никаких проблем пользователя PWA не решают. Да и проблемы разработчиков мало решают, судя по тому, как никто не рвётся PWA клепать.
Примерно по той же причине не взлетел Electron: задумано было так, что у пользователя будет удобно разрабатываемое и поддерживаемое приложение, но по итогу 99% электронных приложений - это мессенджеры. Те самые приложения, которые должны быть маленькие, быстрые, постоянно висеть в фоне, а не выжирать море памяти. Технология явно не смогла занять адекватную нишу и вместо этого заняла неадекватную. Причём самые нормальные электронные приложения - это те, в которых предприняты усилия по написанию неэлектронного бэка. И на фоне этого всего Телеграм. Маленький, быстрый, нативный, невероятно функциональный.
(Да, я знаю про vscode и atom - но их аудитория мизерна по сравнению с аудиторией дискорда, скайпа, элемента, слака и других подобных приложений)
Ты не понимаешь сути PWA и всех этих технологий, это революция поэтому я порекомендовал web-разработчику. Ты когда нибудь делал статический сайт когда разработка только для клиента и вспомни какой рывок можно сделать когда сайт разрабатывается динамически с оглядкой уже на две персоны клиент+сервер.
Так PWA запускает в тандем клиент+сервер третьего персонажа, браузер со своими многочисленными API для автономных приложений, один только сервис воркер чего стоит, использовать эти API только для сайта не очень логично, полный спектр работает только на полноценном PWA сайт+установка.
И даже если кто-то начнёт такое делать, репутация уже подмочена и будет подмочена ещё сильнее. Потому что в основном целью будет подселиться к пользователю и спамить пушами. PWA будут просто сторониться.
Нет, сервис воркеры, индексные базы - всё это прекрасно работает и в браузере. Это не имеет отношения к PWA. PWA - лишь форма упаковки. И форма попытки оставить у пользователя "что-то", когда он просто закрывает вкладку.
Чтобы это переломить, должны уйти годы, которые потребуются не для того, чтобы сломать инертность мышления разработчиков и пользователей, а чтобы обелить эту технологию, доказать, что она реально приносит пользу. А это будет сделать очень сложно. Ведь нецелевые использования не просто уже есть - именно на них в первую очередь и будет направлена деятельность разработчиков в случае популяризации.
A. Он быдлокодер
Б. Он делает сайты для пихания туда рекламы и приложения ему нужны с той же целью
В. PWA это срань и приложения на PWA и вовсе не приложения
P.S Кстати по твоей логике я бы запретил разработку сайтов, тем кто делает классические приложения, а то еще привнесут туда говна.
И если разработчики будут пилить PWA - то ещё не один год именно ради этого намного в намного более чем 50% случаев. И чем легче будет становиться разработка PWA - тем больше будет именно таких PWA. И до распространения реально полезных мы доберёмся нескоро. Потому что никаких новых полезных задач PWA сейчас не решает. Решает только дурацкие чужие задачи, которые нахрен пользователю не сдались.
Тобой описанная проблема касается лишь того, что PWA на зависть, раздражение или еще что-то установить гораздо проще обычных приложений, для этого не нужно как все выстраиваться в очередь в стремный маркет, хотя установка из браузера работает не везде одинаково, но например в хроме на андроид это просто бомба и я понимаю вызывает сильную реакцию.
По сути не так страшно, в этом нужно разобраться, например я за два дня понял. И обычные пользователи быстро просекут, что это такое и никто не завалит спамом и не засрет рабочий стол - отказаться от установки легко и она больше не побеспокоит. А правильные владельцы сайтов, вообще не будут вызывать диалог самопроизвольно. А то что творят говносайты так они и без этого гадят как хочешь, а PWA сделать нужно еще уметь и чтобы браузер его принял как standatalone и разрешил установить, нет ничего сложного и проверять качество самого домена. Быдлокодеры о которых пишешь ты кроме вставки готового кода баннеров не на что не способны.
Не сделали именно потому что это сайт. А сайт - это не полноценное приложение. Его можно расковырять и узнать много лишнего о внутренней архитектуре. При этом в мобильном устройстве PWA-версия не должна так же жёстко контролировать операции (подтверждения кодов, протухание сессий), как сайт, иначе пользователь не поймёт, зачем ему она сдалась вместо полноценного мобильного приложения. Это совершенно неприемлемо для банков.
на зависть, раздражение или еще что-то установить гораздо проще
Так потому что это по сути добавление сайта в закладки. Только в другом флаконе. И наоборот, у разработчиков PWA вызывает зависть то, что их приложения никто не использует.
не на что не способны
Ну вот те самые кодеры которые обновляют приложение два раза в месяц чтобы иконка их приложения поменялась будут точно так же "умно" использовать и PWA. А это, напомню, совсем не мелкие поделки каких-то чудиков, а флагманские сервисы, все эти маркетплейсы, соцсети, мессенджеры, фоторедакторы итд итп.
Если оно устанавливается как приложение, запускается как приложение и выглядит как приложение - значит это приложение. А если по совпадению оно выглядит как сайт, так просто мне пока лень переверстать макет, я не вижу в этом нужды, мой сайт и так идеально заточен под мобильные экраны.
https://thebookofshaders.com/ чтобы шейдеры понять.
Ну и https://threejs.org/manual/#en/fundamentals да и вообще вся документация threejs это прекрасное место.
А если именно webgl без движка то лучше обратить внимание на webgpu, новая технология на смену webgl - https://youtu.be/vAD9rWCYqKI
- спасибо за советы. Первый отзыв по теме.
Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.
Оставить комментарий Отменить
Ответы
- Есть ответ! к записи Как уменьшить масштаб меньше 100% в Windows 10 (22H2)
- Есть ответ! к записи Аналоги CloudFlare в России?
- Есть ответ! к записи Аналоги CloudFlare в России?
- Есть ответ! к записи Как называется человек, который дизайн придумает для сайта и сверстает его?
- Есть ответ! к записи Можно ли установить Яндекс.Диск на АльтЛинукс?
- Есть ответ! к записи Картинки мутные только на сафари, есть выход?
- Есть ответ! к записи Keenetic. Как настроить SSTP клиент с сертификатом?
- Есть ответ! к записи Чем заменить executor в aiogram 3?
Да, существует множество современных ресурсов и книг по созданию WebGL графики для браузеров. WebGL - это технология, позволяющая создавать интерактивную 3D графику прямо в браузере без использования плагинов.
Одним из наиболее популярных ресурсов для изучения WebGL является MDN Web Docs, здесь вы можете найти обширную документацию, уроки и примеры кода по WebGL. Также стоит обратить внимание на книгу "WebGL Programming Guide: Interactive 3D Graphics Programming with WebGL" от Корнелии Функе и Джереми Гибсона.
Если вы предпочитаете онлайн-курсы, то рекомендую обратить внимание на Coursera или Udemy, где можно найти специализированные курсы по WebGL и 3D графике для веб-разработчиков.
Также важно упомянуть форумы и сообщества по веб-разработке, где вы можете задавать вопросы, делиться опытом и находить новые идеи для создания WebGL графики. Например, Reddit имеет подфорумы, посвященные веб-разработке и WebGL.
Итак, если вас интересует создание WebGL графики для браузеров, то обязательно изучите вышеупомянутые ресурсы и книги, чтобы расширить свои знания и навыки в этой увлекательной области веб-разработки.