Гарного вам вівторка. Роблю собі прототип редактору векторної графіки, на плюсах, webgl та wasm, бо завжди хотів спробувати щось таке зробити.
Це хороша задачка на прокачку знань по геометрії, графічному пайплайну, оптимізації рендерингу безкінечних канвасів та побудові системи обробки івентів.
Останні пару днів розбирався з різними алгоритмами визначення приналежності точки до многокутника, щоб мати можливість точно обирати обʼєкти на екрані курсором миші.
Треба багато писати і малювати, тому записав відео з поясненням, дивіться тут 👉 https://youtu.be/EW7odbrPeEo?si=lmuvtw9wcVh-wiE6
Це хороша задачка на прокачку знань по геометрії, графічному пайплайну, оптимізації рендерингу безкінечних канвасів та побудові системи обробки івентів.
Останні пару днів розбирався з різними алгоритмами визначення приналежності точки до многокутника, щоб мати можливість точно обирати обʼєкти на екрані курсором миші.
Треба багато писати і малювати, тому записав відео з поясненням, дивіться тут 👉 https://youtu.be/EW7odbrPeEo?si=lmuvtw9wcVh-wiE6
YouTube
Про алгоритм належності точки многокутнику
Мій канал в Телеграм про програмування https://news.1rj.ru/str/frontender_clj
Допис у Wikipedia https://uk.wikipedia.org/wiki/%D0%9D%D0%B0%D0%BB%D0%B5%D0%B6%D0%BD%D1%96%D1%81%D1%82%D1%8C_%D1%82%D0%BE%D1%87%D0%BA%D0%B8_%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE%D0%BA%D1%83%D1…
Допис у Wikipedia https://uk.wikipedia.org/wiki/%D0%9D%D0%B0%D0%BB%D0%B5%D0%B6%D0%BD%D1%96%D1%81%D1%82%D1%8C_%D1%82%D0%BE%D1%87%D0%BA%D0%B8_%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE%D0%BA%D1%83%D1…
👍16
Продовження геометрично-математичних історій про створення редактору векторної графіки, цього разу коротенький відос про криві Безьє https://youtu.be/39gkObrYP-Y?si=NROPuAnvxDGubUzp
YouTube
Комп'ютерна графіка: геометрія кривої Безьє
Мій канал в Телеграм про програмування https://news.1rj.ru/str/frontender_clj
Візуалізація кривої https://codesandbox.io/s/focused-sara-kmjx92?file=/src/index.mjs
Детальніше про криві Безьє https://www.youtube.com/watch?v=aVwxzDHniEw
Візуалізація кривої https://codesandbox.io/s/focused-sara-kmjx92?file=/src/index.mjs
Детальніше про криві Безьє https://www.youtube.com/watch?v=aVwxzDHniEw
👍5🔥3
Відкопав свою доповідь про перфоманс с 2021го року. На той час я був менеджером у сервісній команді яка займалась перфомансом фронтенду.
Доповідь такий собі переказ досвіду роботи, з практичними порадами 👉 https://youtu.be/JKoKs3LCr-s?si=dBbqbuu_TRWhr1XB
Доповідь такий собі переказ досвіду роботи, з практичними порадами 👉 https://youtu.be/JKoKs3LCr-s?si=dBbqbuu_TRWhr1XB
YouTube
Front-end Perfomance [ukr] / Роман Лютіков
Відео з онлайн-конференції Fwdays: JS is back!, яка пройшла з 23 листопада по 3 грудня 2021 року.
Опис доповіді:
Продуктивність UI доволі суб'єктивний аспект веб-застосунків. Вимірювати, покращувати та підтримувати швидкість завантаження сторінки або чуйність…
Опис доповіді:
Продуктивність UI доволі суб'єктивний аспект веб-застосунків. Вимірювати, покращувати та підтримувати швидкість завантаження сторінки або чуйність…
👍18❤4
🎙️ Анонс для кложуристів: 14го листопада буду виступати на мітапі London Clojurians з доповіддю про бібліотеку на ClojureScript яку робив на роботі для React https://www.meetup.com/London-Clojurians/events/296853289/
Meetup
Login to Meetup | Meetup
Not a Meetup member yet? Log in and find groups that host online or in person events and meet people in your local community who share your interests.
👍14🔥4❤2👏1
Поки мій пес пише код замість мене, днями мені приїхав 3D принтер. Я вирішив доєднатись до Друк армії (https://drukarmy.org.ua/ua), щоб окрім донатів ще й робити щось практичне. Наразі друкую кронштейни для скидів.
Принтер Ender 3 V3 SE, якщо купувати в Європі, з доставкою Новою Поштою, виходить 296 євро (принтер, розмитнення та доставка). Котушка пластику 12-15 євро за кг, якщо брати в Україні буде трохи дорожче.
Собівартість друку одного кронштейну ~22 гривні. Час друку 2 години. Кронштейн тримає бадью вагою 20кг.
Якщо вам також цікаво, зареєструйтесь і почитайте розділ «школа» на сайті друк армії, там все розписано. Почати друкувати дійсно просто 👌
Принтер Ender 3 V3 SE, якщо купувати в Європі, з доставкою Новою Поштою, виходить 296 євро (принтер, розмитнення та доставка). Котушка пластику 12-15 євро за кг, якщо брати в Україні буде трохи дорожче.
Собівартість друку одного кронштейну ~22 гривні. Час друку 2 години. Кронштейн тримає бадью вагою 20кг.
Якщо вам також цікаво, зареєструйтесь і почитайте розділ «школа» на сайті друк армії, там все розписано. Почати друкувати дійсно просто 👌
drukarmy.org.ua
ДрукАрмія — надрукуй перемогу!
Забезпечуємо військових та медиків допоміжними засобами для перемоги силами волонтерів
🔥14❤2👍1👏1
Якось дивився у бік розпізнавання та трекінгу об'єктів на відео у реальному часі. Наразі найпопулярніша модель для цього YOLO https://pjreddie.com/darknet/yolo/
Скажімо ви хочете трекати військову техніку на відео з дрону. Вам треба створити датасет з кадрів: на кожному зображенні промаркати техніку (наприклад у https://www.makesense.ai/). Чим більший датасет, а він повинен бути достатньо великим та різнорідним, тим більше часу ви витрачаєте на лейбелінг, бо це робиться вручну.
Але от в нас тепер є те що називається foundational моделі — це велики і повільні моделі які вміють розпізнавати велику кількість обʼєктів. Типу як ChatGPT який був натренований на усьому інтернеті. Виходить, що можна використати таку модель, щоб створити датасет автоматично, якщо не на 100%, то десь на 90% так точно. Бо по суті вона робить те саме, що і людина руками: шукає обʼєкт на зображенні і виділяє його прямокутником. Тут треба зазначити, що великі моделі наврядчи знають про більш специфічні штуки типу міни чи лепестки, тому тут тільки руками.
Пакет Autodistill якраз це і робить, поєднуючи велику модель з тренуванням меншої, тут є докладний туторіал https://youtu.be/gKTYMfwPo4M
А отут jupyter notebook в якому ви можете натренувати модель за 15хв https://colab.research.google.com/github/roboflow-ai/notebooks/blob/main/notebooks/how-to-auto-train-yolov8-model-with-autodistill.ipynb
Воно дійсно працює, нижче приклад аутпуту двох моделей натренованих за півгодини. Одна розпізнає військову техніку, інша — дим від попадання артилерії.
Скажімо ви хочете трекати військову техніку на відео з дрону. Вам треба створити датасет з кадрів: на кожному зображенні промаркати техніку (наприклад у https://www.makesense.ai/). Чим більший датасет, а він повинен бути достатньо великим та різнорідним, тим більше часу ви витрачаєте на лейбелінг, бо це робиться вручну.
Але от в нас тепер є те що називається foundational моделі — це велики і повільні моделі які вміють розпізнавати велику кількість обʼєктів. Типу як ChatGPT який був натренований на усьому інтернеті. Виходить, що можна використати таку модель, щоб створити датасет автоматично, якщо не на 100%, то десь на 90% так точно. Бо по суті вона робить те саме, що і людина руками: шукає обʼєкт на зображенні і виділяє його прямокутником. Тут треба зазначити, що великі моделі наврядчи знають про більш специфічні штуки типу міни чи лепестки, тому тут тільки руками.
Пакет Autodistill якраз це і робить, поєднуючи велику модель з тренуванням меншої, тут є докладний туторіал https://youtu.be/gKTYMfwPo4M
А отут jupyter notebook в якому ви можете натренувати модель за 15хв https://colab.research.google.com/github/roboflow-ai/notebooks/blob/main/notebooks/how-to-auto-train-yolov8-model-with-autodistill.ipynb
Воно дійсно працює, нижче приклад аутпуту двох моделей натренованих за півгодини. Одна розпізнає військову техніку, інша — дим від попадання артилерії.
🔥12👍4
Завтра у Олександра Соловйова буде стрім на його YouTube каналі про ДрукАрмію 👉 https://news.1rj.ru/str/bitethebyte/319
Telegram
Bite the Byte
Записуйте час: завтра, 31.10 о 18:00 за Києвом. І приходьте на стрім про Друкармію із Жекою Вольновим, її співзасновником. Які питання будемо розкривать — залежить і від вас, пишіть в коментарях, або приходьте на стрім і питайте в чаті.
А разом з тим зберемо…
А разом з тим зберемо…
👍10🔥2
Так, вчора віддрукував перший кілограм пластику, тому трохи статистики.
Походу розібрався з налаштуваннями та зменшив час друку одного кронштейну з 2 годин до 1год 40хв, без погіршення якості виробу.
На 1 кг пластику вийшло надрукувати 40 кронштейнів за 6 днів, принтер працював півдня, тобто десь по 12 годин на день, тобто десь до 7 виробів за день. Можна прикинути, що при друці 24/7 потенційно буде 40 штук за три дні на одному принтері.
Я поки що друкую по одній деталі за раз, бо ще експериментую з параметрами та тіки от зараз придбав рідину для кращого прилипання деталей.
На підтримки пішло 85г філаменту, тобто це потенційно ще 3 кронштейни. Але без підтримок ніяк, тому це вимушений росхід матеріалу.
По пластику. Якщо везти з ЄС, навіть без розмитнення, виходить дорожче ніж купувати місцевий. В мене за 6кг філаменту вийшло 84 євро за товар та ще 51 долар за доставку НП, виходить 840 грн за кілограм. Хоча такий самий пластик в нас продають по 1600, гг. Може він кращої якості ніж наш, подивимось. Можливо було б дешевше якщо передати дідом Толею на маршрутці, але то таке.
Шо хотів сказати, беріть собі принтер і друкуйте. Воно нескладно і прикольно 👍
Походу розібрався з налаштуваннями та зменшив час друку одного кронштейну з 2 годин до 1год 40хв, без погіршення якості виробу.
На 1 кг пластику вийшло надрукувати 40 кронштейнів за 6 днів, принтер працював півдня, тобто десь по 12 годин на день, тобто десь до 7 виробів за день. Можна прикинути, що при друці 24/7 потенційно буде 40 штук за три дні на одному принтері.
Я поки що друкую по одній деталі за раз, бо ще експериментую з параметрами та тіки от зараз придбав рідину для кращого прилипання деталей.
На підтримки пішло 85г філаменту, тобто це потенційно ще 3 кронштейни. Але без підтримок ніяк, тому це вимушений росхід матеріалу.
По пластику. Якщо везти з ЄС, навіть без розмитнення, виходить дорожче ніж купувати місцевий. В мене за 6кг філаменту вийшло 84 євро за товар та ще 51 долар за доставку НП, виходить 840 грн за кілограм. Хоча такий самий пластик в нас продають по 1600, гг. Може він кращої якості ніж наш, подивимось. Можливо було б дешевше якщо передати дідом Толею на маршрутці, але то таке.
Шо хотів сказати, беріть собі принтер і друкуйте. Воно нескладно і прикольно 👍
❤18👍4
Донатний пост. У Wix працює хлопець Іван, який вже давно займається пригоном авто для ЗСУ. Я регулярно відправляю гроші на його збори. Зараз у Івана висить збір на 400 тис гривень, треба зібрати ще 230 тисяч. Зараз початок місяця, значить зпшка починає надходити, тому саме час допомогти військовим.
Для фанатів гурту Latexfauna, якщо ви всі разом надонатите на суму більше 50 тисяч, я розіграю серед учасників маску, яка була зроблена для кліпу Lime (виграв її на благодійному аукціоні) https://youtu.be/-UqKwEEkX2s?t=261
Щоб прийняти участь у розіграші, скиньте скріншот з донатом у коментарях під цим постом (або мені в ПП). Також поширте цей допис щоб більше людей мали змогу прийняти участь у розіграші.
Банка 🫙 https://send.monobank.ua/jar/7DoY65ejcw
Більше про збір читайте тут 👉 https://news.1rj.ru/str/volunteer_diary/1609
Для фанатів гурту Latexfauna, якщо ви всі разом надонатите на суму більше 50 тисяч, я розіграю серед учасників маску, яка була зроблена для кліпу Lime (виграв її на благодійному аукціоні) https://youtu.be/-UqKwEEkX2s?t=261
Щоб прийняти участь у розіграші, скиньте скріншот з донатом у коментарях під цим постом (або мені в ПП). Також поширте цей допис щоб більше людей мали змогу прийняти участь у розіграші.
Банка 🫙 https://send.monobank.ua/jar/7DoY65ejcw
Більше про збір читайте тут 👉 https://news.1rj.ru/str/volunteer_diary/1609
👍6🤩2
Media is too big
VIEW IN TELEGRAM
Почав сьогодні проходити першу частину Alan Wake. У грі персонаж збирає сторінки своєї книги і зачитує іх таємничим голосом.
Нажаль української озвучки у грі нема, тому мені було цікаво спробувати клонування голосу в https://elevenlabs.io/ для автоматичної переозвучки гри. От що вийшло.
Воно звичайно не передасть крик чи страх у голосі, але в цілому прикольно, що хоча б так на колінці можна щось зробити.
Нажаль української озвучки у грі нема, тому мені було цікаво спробувати клонування голосу в https://elevenlabs.io/ для автоматичної переозвучки гри. От що вийшло.
Воно звичайно не передасть крик чи страх у голосі, але в цілому прикольно, що хоча б так на колінці можна щось зробити.
👍20🔥7🤯2🥰1
У нас сьогодні великий реліз в Pitch. Запустили оновлений UI, AI генератор презентацій, оновлену аналітику та додали анімації. Пробуйте шось згенерувати собі 👉 https://pitch.com/
Працювали над оцим пакетом оновлень останні півроку. Я на той час якраз переключився з AI на анімації.
З цікавого: в анімаціях є окремі ефекти, а є магічна кнопка яка додає автоматичний перехід між слайдами анімуючи все що можна. Цікаво, що фундаментальну частину алгоритму побудови переходів між блоками на слайдах я зміг зробити завдяки знанням отриманим зі світу штучного інтелекту. Вийшло розробити гнучку систему знаходження схожих блоків на слайді.
Інша фундаментальна частина системи анімацій, яку робили інші члени команди — це по суті DSL для декларативного опису анімацій, що утворює дерево паралельних та послідовних анімацій які потім компілюються у таймлайн, який відпрацьовує через Web Animation API.
Карочє, багато роботи було вкладено у ці всі штуки, тож буду вдячний за ваш голос на Product Hunt https://www.producthunt.com/posts/pitch-2-0
Працювали над оцим пакетом оновлень останні півроку. Я на той час якраз переключився з AI на анімації.
З цікавого: в анімаціях є окремі ефекти, а є магічна кнопка яка додає автоматичний перехід між слайдами анімуючи все що можна. Цікаво, що фундаментальну частину алгоритму побудови переходів між блоками на слайдах я зміг зробити завдяки знанням отриманим зі світу штучного інтелекту. Вийшло розробити гнучку систему знаходження схожих блоків на слайді.
Інша фундаментальна частина системи анімацій, яку робили інші члени команди — це по суті DSL для декларативного опису анімацій, що утворює дерево паралельних та послідовних анімацій які потім компілюються у таймлайн, який відпрацьовує через Web Animation API.
Карочє, багато роботи було вкладено у ці всі штуки, тож буду вдячний за ваш голос на Product Hunt https://www.producthunt.com/posts/pitch-2-0
Pitch
Presentation software for fast-moving teams | Pitch
Pitch is the complete pitching platform that enables any team to quickly create sleek presentations that get results. Sign up for free.
🔥19👍3
Запис моєї доповіді про ClojureScript врапер для React який я робив для Pitch https://youtu.be/4vgrLHsD0-I?si=Op0xb-4j__-gJ97u
Отакий ламповий формат невеличких мітапів мені подобається більш за все, бо можна відходити від теми і в деталях занурюватись у технічну частину.
Отакий ламповий формат невеличких мітапів мені подобається більш за все, бо можна відходити від теми і в деталях занурюватись у технічну частину.
YouTube
UIx, a story behind yet another React wrapper (by Roman Liutikov)
The London Clojurians are happy to present:
Title: UIx, a story behind yet another React wrapper
Speaker: Roman Liutikov
Roman Liutikov - https://twitter.com/roman01la will be presenting:
"UIx, a story behind yet another React wrapper"
In this talk, we'll…
Title: UIx, a story behind yet another React wrapper
Speaker: Roman Liutikov
Roman Liutikov - https://twitter.com/roman01la will be presenting:
"UIx, a story behind yet another React wrapper"
In this talk, we'll…
👍16❤2🥰1
Майже забув повідомити, що буду завтра на DOU JS мітапі розказувати про перфоманс на фронтенді. Приходьте послухати 👇
🎉8