Creative Coder
443 subscribers
196 photos
134 videos
4 files
308 links
Креативна розробка вебу з ароматом смаженої москальні. Передовий край веб технологій та дизайн ідей, поки є електрика :)

@dre1337
加入频道
This media is not supported in your browser
VIEW IN TELEGRAM
Дуже крута демка по real-time симуляції бавовни з path-tracing

Нажаль, в вебі нам таке не світить, хоча воно доволі добре працює на українській платформі Crimea — обчислення кадру займає менше ніж 1 мс. Сподіваюсь ми побачимо більше подібних демок і врешті зможемо самі використовувати цю платформу. Технічні деталі цієї нової розробки поки не зрозумілі, але схоже що це переверне уявлення про рендеринг в майбутньому 🔥😏

Автор: ЗСУ
This media is not supported in your browser
VIEW IN TELEGRAM
Сайт-портфоліо David Heckhoff
Мабуть це буде тиждень мультяшного дизайну :D

https://david-hckh.com/

Цікаві анімації і мені прямо зайшло як на першому екрані він щось там собі друкує і крутить колесо мишки :) Дрібниця, що створює всю атмосферу.

Дрібниці, деталі і нюанси зазвичай дуже посилюють враження від досвіду. Чим більше референсів ви бачили, тим більше різних дрібниць ви можете вигадати і втілити, тим самим піднімаючи клас своєї роботи.

#reference
This media is not supported in your browser
VIEW IN TELEGRAM
Сайт візитка Arno Di Nunzio.

https://adinunz.io/

Крутий інтерактив, водночас мінімалістичний і багатий дизайн, кайф :) І так, елементи падають по скролу 🔥

З неба капають сльози клонів портфоліо Bruno Simon 😅

Рефки для сьогоднішніх постів підказав автор @blinklinks. Обіцяю, наступного тижня буде інший дизайн :)

#reference
This media is not supported in your browser
VIEW IN TELEGRAM
Продовжую тиждень мультяшного дизайну в вебі — портфоліо дизайнера і арт директора Peter Tarka

https://petertarka.com/

Цей сайт насправді означав прихід відео на прозорому тлі в веб. Нарешті. Йому вже кілька місяців, але не згадати його не можна. Тепер можна робити ще більше різних крутих штук і я це вже обкатав в продакшені, може колись напишу про те :)

Для всіх нормальних браузерів пакуємо png секвенції так:
ffmpeg -framerate 30 -f image2 -i ./png/input%03d.png -c:v libvpx-vp9 -pix_fmt yuva420p output.webm
Звісно, потрібно при цьому встановити ffmpeg :)

Для Safari беремо MacOS і пакуємо ту саму секвенцію використовуючи QuickTime. Завелось тільки так 🤷‍♂️

#reference
This media is not supported in your browser
VIEW IN TELEGRAM
Міні курс по відтворенню bokoko33.me

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

Такий собі скорочений безкоштовний аналог threejs-journey.com. Але щоб отримати готовий код доведеться заплатити аж 5$ :)

У відео ви побачите:
• Моделювання в Blender
• Імпорт в Three.js
• Приклад непоганої організації коду
• Як працювати з хелперами щоб зробити розробку зручнішою
• Використання ScrollTrigger
• Адаптивність
• Анімації
• Деплой сайту на Vercel

#tutorial
Media is too big
VIEW IN TELEGRAM
Закінчуємо тиждень мультиків солов'їною музикою.

https://folk-ukraine.com/

Аплікації це валідна техніка для мультиплікації, та і сайт пушка. Божественна і навігація, і дизайн, і контент, і це креативно 😄

Всіх обіймаю, Україна це любов, але ворогам — смерть. Донатьте на ЗСУ, самі вже знаєте куди. Спокійної п'ятниці!

PS: Вигнав з каналу тисячу москалів, буду вдячний якщо запросите своїх колег підписатися 😉

@creative_coder
Media is too big
VIEW IN TELEGRAM
Доброго ранку, країна незламних! 🇺🇦

Американський піхотинець
Media is too big
VIEW IN TELEGRAM
Як закохатись в сайт з першого погляду

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

https://gleec.com/

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

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

#reference
Media is too big
VIEW IN TELEGRAM
Чарівне медитативне аудіовізуальне

https://www.artisansdidees.com/en

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

#reference
Крутий навчальний контент по WebGL від @Konstantin84UKR

https://www.youtube.com/channel/UCdD1kIGUO5m5C31eXLwY30w/playlists

Є окремі плейлісти по WebGL, glsl, WebGPU і навіть плейліст по рейтрейсингу. Він доступно і з іллюстраціями пояснює різні концепції і методи роботи з GPU графікою в вебі, і ці туторіали можуть слугувати чудовим фундаментом для подальшої роботи з студіями рівня Immersive Garden наприклад :)

Звісно, компаніям потрібні швидкі результати з використанням готових бібліотек, але без бази і чіткого розуміння як воно все робе прогресувати до небес буде складно. Тому рекомендую😉

#tutorial
Сьогодні виповнюється 31 рік  незалежності України. І ще сьогодні виповнилося півроку як друга армія у світі бере Київ за 3 дні. Вперше за 300 років Україна це не якась там провінція московії, Україна це там де дають пизди. І це чудово 💙💛

Зі святом, любі українці та україночки! Допомагайте ЗСУ, бо ми ще не перемогли. Потім нам ще боротись за верховенство права :)

😍 https://www.shadertoy.com/view/7lVczm by @for_ij
Media is too big
VIEW IN TELEGRAM
Привіт друзі, сьогодні в нашій підбірці для натхнення зʼявився такий сайт https://lr.doesbook.kr/

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

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

#reference
Сьогодні відзначаємо 50к+ забитого скота 🎉🎉🎉🎉🎉🔥🔥🔥🥰
Здаровья пагібшим!
У зв’язку з ядерним шантажем і мобілізацією найголовніше питання, які ставлять собі українці: «що робити?». Відповім коротко: усе те, що і робили, але втричі сильніше. Ми всі робимо мало. Окрім тих, хто вже загинув або катований у полоні.

В перші дні вторгнення я пережив адреналіновий тріп, який досі не можу забути. Ви, я думаю, теж. Наш ворог - наш приємний побут, маленькі дрібниці і рутина яку ми знову почали повертати в своє життя. Вони роблять нашу психіку інертною, примушують нас обирати для реагування на війну найбільш комфортні і зручні форми, які поступово редукуються до символічних і дрібних.

Питання «а сегодня что для завтра сделал я?» знову на порядку денному. Війна почалася вдруге, вже нова і з новою силою. Наша психіка не має права бути такою інертною.

Нова стадія ескалації має привести нас так само до швидкої суспільної мобілізації, як це було на початку повномасштабного вторгнення. Окрім безпосередньо армійських питань, поповнення війська кадрами тощо, чим займається безпосередньо держава, суспільству пора теж повернутися у емоційний стан березня-квітня. Тотальна суспільна мобілізація необхідна, навіть якщо ви не будете у війську, то політична і медійна акція спрямована на Захід грає роль.

Ні, на жаль, просто донатити на ЗСУ мало. Поширювати правду в україномовному сегменті інтернету про 300 літ русифікації мало. Підписувати петиції в інтернеті мало. Це правда і від неї нікуди втекти. Індульгенції за це не буде і ви самі будете ненавидіти себе до кінця життя, якщо обмежитесь лише цим. Щось вигадувати - необхідно. З кимось знайомитись, щось рухати в просторі.

По-перше, необхідний вал масових публічних і медійних акцій проти схем обходу санкцій, які застосовує РФ на Заході. Там не усе так блискуче і задраєно, як часто люблять говорити західні політики. В коментах я залишу звіт по точкам обходу, люди які в Європі можуть щось вигадати - у крайньому разі завжди знайдуться люди які допоможуть.

По-друге. Потрібен вал кампаній щодо підняття ставок з боку Заходу. Вимагайте що завгодно - якщо ви у Ризі чи Вільнюсі, наприклад, введення в країну додаткового контингенту НАТО. Уже потрібна кампанія проти ядерного шантажу РФ. Точніше, проти застосування ядерної зброї як такої. Ви помиляєтесь, коли думаєте що західний політикум це така річечка яка сама тече, там старші дяді відстежують ваш пульс і завчасно самі усе роблять. Ні-фі-га. Пишіть сенаторам, тегайте євродепутатів і депутатів у Твіттерах, організовуйте кампанії тиску на місці. Політики ворушаться не від небезпек, а від хайпу масовості, відчуття нестандартного виклику який має значення для більшості. А отже, тема має бути в топі. Розраховуйте на те, що ядерний удар уже відбувся. Бо чекати грибок за вікном - така само форма інертного реагування, яка нас з‘їсть.

По-третє. Скрізь де є можливість писати про події і загрози англійською - пишіть. Блоги, відео, навіть тіктоки працюють. Захід не має достатньо інформації про усі наші нюанси, бо ніхто з впливових не буде спускатися до слов’ян і вчити їхню кирилицю аби читати що там у них коїться 24/7. Тим більше, аби сприяти їм же у вирішенні проблем. Донесіть проблему в усі шпарини. Зудіть, будьте нав’язливими. Всім срати на ваш імідж, якого не існує насправді.

Запам’ятайте одне. Вам погано не від програшу, а від усвідомлення що ви могли виграти якби діяли сильніше і жорсткіше. Я не вірю в нашу поразку. Але вірю в негативну рутину, апатію і самоде(мо)білізацію, вірю у власний ескапізм.

Якщо ви не у військах, ніякого права втомлюватися від війни вам ніхто не давав. Мені теж. Я не хочу когось повчати, але знаю що багато людей чекають і від мене якогось дороговказу як реагувати. Ось він.
Відділенню учасника нашого ком'юніті потрібна машина. Давайте допоможемо хлопцям пошвидше закінчити справу і повернутись до кодингу :)
Forwarded from lexdevel
Збираю на машину для нашого відділення, щоб працювати на передовій

🔗Посилання на Банку
https://send.monobank.ua/jar/7PAg5WsNmi

💳Номер картки Банки
5375 4112 0100 3188
This media is not supported in your browser
VIEW IN TELEGRAM
Сайт Національного оборонного хакатону, що відбудеться 20-21 жовтня.

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

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

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

#reference