home.social

#canvas — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #canvas, aggregated by home.social.

fetched live
  1. Скролл-фильм на лендинге весил 84 МБ. WebCodecs ужал его до 18 — вот что сработало, а что нет

    Скролл-фильм на лендинге — это обычно сотни WebP и десятки мегабайт. Рассказываю, как заменил секвенции кадров сырым H.264-потоком без контейнера и WebCodecs-декодером: 84 → 18 МБ на мобиле. С параметрами кодирования и тремя честными тупиками: почему HEVC оказался хуже x264, зачем шумодав не нужен и как B-кадры сломали фильм на живом iPhone так, что валидация этого не увидела.

    habr.com/ru/articles/1074188/

    #webcodecs #h264 #ffmpeg #скролланимация #canvas

  2. Как я запарился считать плитку для ванной и написал свой калькулятор раскладки

    Затеял ремонт в ванной, дошёл до плитки — и тут понеслось. Санузел у меня Г‑образный, в углу венткороб, раскладку хочу диагональную, а «раздели площадь на плитку» вообще не работает, я это понял когда мои циферки не сошлись с тем что плиточник насчитал — разница набежала непонятно откуда. Плиточник говорит — берите пятнадцать процентов запаса и всё. Пятнадцать процентов от плитки по 2000 с лишним за метр это уже сумма, я в столбик посчитал и решил что нет, надо по‑другому. Калькуляторы онлайн — площадь на цену умножают, я и сам умею. В CAD полез — там сначала модель строй, а мне не чертежи нужны были. Написал своё в итоге, дальше расскажу что вышло, скрины ниже, там понятнее чем я объясню.

    habr.com/ru/articles/1072906/

    #калькулятор_плитки #раскладка_плитки #ремонт #плитка #обрезки #react #konva #canvas #petпроект #diy

  3. Платформер в стиле DOOM: портируем старую курсовую на чистый JavaScript

    Несколько лет назад у нас с одногруппником был зачёт по C++, и вместо того чтобы сделать что-то скромное (например, «Калькулятор» или «Генератор паролей»), мы, конечно же, решили замахнуться на какую-то игру, и тогда нам попалась новость о 30-летнем юбилее игры DOOM. План был красивый, т. к. на тот момент командной работы у нас не было, мы решили, что мой одногруппник пишет псевдо-3D-движок в духе классического рейкастинга, а я делаю 2D-платформер, который в итоге должен был запускаться прямо внутри его мира, как игровой автомат, который запускался бы перед игрой, и сколько патронов ты собрал, столько у тебя и будет в игре. Проблема появилась не в архитектуре и не в гейм-дизайне, а гораздо раньше — на этапе, который мы оба благополучно пропустили: мы не договорились, на чём пишем. Я по рекомендации преподавателя взял SFML — с ним я уже возился на парах, там всё human-readable, спрайты, окна, звук из коробки. Товарищ выбрал SDL, т. к. видел гайд про DOOM на SDL — она даёт прямой доступ к буферу пикселей, что для рейкастинга буквально то, что нужно: рисуешь вертикальные полоски стен вручную, без лишней абстракции между тобой и экраном. По отдельности оба выбора были правильными, а вместе — нет. Слинковать в одном проекте SDL и SFML можно, но два разных event loop, два разных подхода к окну и таймингу — это уже не работа для автомата по зачёту, а отдельная курсовая работа, на которую у нас оставалось дня два-три. Мы посчитали и сдали как два независимых проекта. Препод посмотрел, оценил — и выдал ровно ту фразу, которую в такой ситуации выдал бы любой человек, который знал о проекте: «Идея классная, жалко, что не объединили», но нам это было неважно на тот момент, как говорится, зачёт получили — и на этом спасибо.

    habr.com/ru/companies/ruvds/ar

    #JavaScript #Canvas #DOOM #платформер #SFML #C++ #портирование_кода #игровая_физика #рейкастинг #ruvds_статьи

  4. If you want to stay on the (upcoming) stable Emacs 31 for a while, we provide a backported version of the Canvas patch at github.com/minad/emacs-canvas- #emacs #canvas #graphics

  5. RE: mathstodon.xyz/@divyaranjan/11

    Thank you so much Divya for the collaboration and pushing the canvas patch over the finishing line! You made the difference. I am looking forward to new graphics applications people come up with inside Emacs.

    #emacs #canvas #graphics

  6. Кадры вместо видео: как индустрия обходит вес scroll‑scrub анимаций

    Продуктовые сайты любят анимацию «крутишь колесо мыши — объект меняется на глазах». Первый инстинкт: сделать это видео с currentTime . Вот почему это почти всегда неправильный первый инстинкт, и что вместо этого используют на практике.

    habr.com/ru/articles/1069560/

    #scrollscrub_анимация #canvas #image_sequence #video_currentTime #WebCodecs #CSS_scrolltimeline #оптимизация_анимации #покадровая_анимация #производительность_фронтенда #альфабленд

  7. 🍿 Oh, look! A riveting tale of why you should ditch good ol' #HTML for #Canvas in your #WebApp. Because it's not like HTML has been the backbone of the web for decades or anything. 🙄 Maybe next they'll suggest building your house with spaghetti instead of bricks for that "flexible" #design. 🏠🍝
    hivekit.io/blog/why-you-might- #HTML5 #SpaghettiHouse #HackerNews #ngated

  8. Animated Painting „Gestures (I)“

    Oil on canvas (40 x 40 cm), digitally edited and animated by hand (no AI).
    Based on the *Supplement to the Italian Dictionary* by Bruno Munari.

    #oilpainting #canvas #painting #animation #animatedpainting #gestures #hands #munari #italia #AI #ki #noai #noAIart

  9. Animated Painting „Gestures (I)“

    Oil on canvas (40 x 40 cm), digitally edited and animated by hand (no AI).
    Based on the *Supplement to the Italian Dictionary* by Bruno Munari.

    #oilpainting #canvas #painting #animation #animatedpainting #gestures #hands #munari #italia #AI #ki #noai #noAIart

  10. Had a problem with filament spools being very loose since I installed my on my - decided to recheck manual and inspect what I'd done - and yes -I'd put the holders on upside down

  11. Canvas 2026 poster sales end August 1st (in like 2 days)

    If you're within the US: sc07.shop/category/canvas-2026/
    If you're outside the US: sc07.com/go/shop-intl

    It was a blast running this year, glad everyone enjoyed it :)

    Mailing Lists: lists.sc07.com
    Source Code: sc07.dev/sc07/canvas
    Timelapses: sc07.tv/c/fediverse.events/

    #canvas #canvas2026 #fediverse #fediverseevents #events