Як закохатись в сайт з першого погляду

Або принаймні закохати мене. Для цього достатньо зробити щось чарівне і дуже гарне використовуючи технічно прості методи. Сьогодні пропоную вашій увазі сайт зроблений Immersive Garden:

https://gleec.com/

Технічно нічого складного, хіба що вони використали GPGPU для симуляції поінтів та ліній, але для подібної анімації можна було обійтись і без того. По анімації тексту Юра Артюх встиг зробити туторіал, за що йому дяка ♥️

Найголовніше тут — арт-дирекшн. Саме ідеї та вміння користуватись простими методами дозволяє робити подібні дуже круті сайти. Колись я теж цьому навчусь :)

#reference

Чарівне медитативне аудіовізуальне

https://www.artisansdidees.com/en

Так, в нас знову сайт від Immersive Garden, і так, вони знову роблять магію. Цього разу технічно це не такий простий сайт як вчора, але він так само має дуже крутий арт дирекшн, котрий за рахунок більш складних прийомів робить досвід користувача ще більш феноменальним. Деталей, ідей і дрібниць тут дуже багато. Про частину з них розповіли власне автори сайту, дуже рекомендую :)

#reference

Привіт друзі, сьогодні в нашій підбірці для натхнення зʼявився такий сайт https://lr.doesbook.kr/

Він креативно поєднує 2D і 3D сцени і інтерактивно розповідає свою історію. Ви знайшли всі пасхалки? :)

Насолоджуйтесь та шукайте натхнення, та не забуваєм донатити на ЗСУ 🔥

#reference

Сайт Національного оборонного хакатону, що відбудеться 20-21 жовтня.

Гарна робота з простими візуальними ідеями, котрі чудово римуються в різних секціях. Прості та ефективні анімації 😏 Як ви зрозуміли цей пост тут не через видатні ефекти 😄

Реєструйтесь якщо ви в темі 😉

https://hackathon.mil.gov.ua/

#reference

Півтора роки тому робив ось такий WebGL компонент для одного сайту, от він нарешті релізнувся :)

Лінк шейрити не буду, бо то москалі (каюсь і більше не працюємо)

#my #reference

https://github.com/0beqz/realism-effects

Нарешті релізнули SSGI для тришки. Ця технологія - це як поява RTX в відеокартах, це зовсім інший рівень. Правда за непряме освітлення і м'які тіні доводиться суттєво платити швидкодією, тому це доволі нішеве рішення. Але ж як круто що воно є 🔥

#tool #reference

Як рендерити траву растеризацією

Непоганий туторіал від Simondev, котрий показує як зробити поля травички спираючись на доповідь розробників Ghost of Tsushima на GDC. Представлені концепції доволі круті і варті того щоб в них розібратися, бо конкретних реалізацій може бути багато. І це все можна робити не лише з травою :)

https://www.youtube.com/watch?v=bp7REZBV4P4

Live demo:
https://simondevyoutube.github.io/Quick_Grass/

Github:
https://github.com/simondevyoutube/Quick_Grass?tab=readme-ov-file

А тим часом в @webgl_ua я показую WIP своєї реалізації, які проблеми виникають на шляху і як їх вирішувати :)

#reference #tutorial

https://manifesto.itsoffbrand.com/

Прикольна концепція сайту-квесту який проходиться використовуючи різні взаємодії з сайтом. Особливо сподобалось з цифрами, хоча на мобілці не розібрався як це пройти :)

#reference

https://fxtwitter.com/avstorm/status/1861841329744986257 #reference