Canvas

  • Хабрахабр

    Flutter: рисуем текст вдоль окружности

    Понадобилось мне тут на днях в одном мини-проекте (проект, можно сказать, экспериментальный, сделан на Flutter Web) реализовать такого вида штуку: Собственно, код для мобильных платформ и для веба один и тот же, поэтому для удобства скриншоты сделаны с мобильного приложения. Поэтому решено было попробовать реализовать это вручную (благо, нам нужна была поддержка только одного частного случая – рисование текста вдоль…

    Подробнее »
  • Хабрахабр

    Flutter: рисуем текст вдоль окружности

    Понадобилось мне тут на днях в одном мини-проекте (проект, можно сказать, экспериментальный, сделан на Flutter Web) реализовать такого вида штуку: Собственно, код для мобильных платформ и для веба один и тот же, поэтому для удобства скриншоты сделаны с мобильного приложения. Поэтому решено было попробовать реализовать это вручную (благо, нам нужна была поддержка только одного частного случая – рисование текста вдоль…

    Подробнее »
  • Хабрахабр

    [Перевод] SVG или canvas?

    Поэтому их стоит сравнить и разобраться в том, когда стоит применять SVG, а когда — canvas. SVG и canvas — это технологии, которые можно использовать для рисования чего-либо на веб-страницах. Собственно говоря, вот — две типичных ситуации, в одной из которых стоит предпочесть SVG, а в другой — canvas: Даже весьма поверхностное понимание сути этих технологий позволяет сделать вполне осознанный…

    Подробнее »
  • Хабрахабр

    Темы секции Frontend на DUMP Казань: ML для фронтенд-разработчика, пиксельная магия, SvelteJS, смех, пот и слезы

    «Все об этом говорят, некоторые понимают, (как они думают), а занимаются, по-настоящему, лишь единицы» — цитата программного директора DUMP Казань. Если вы думаете, что вы тертый калач фронтенд, и ничего нового на конференциях не услышите, то загляните на frontend-секцию8 ноября. Мы вспотели, пока слушали мат.часть некоторых докладов и истории взлетов-падений. Программные директора: Роман Гафиатуллин (ClickClickDrive, KazanJS) и Александр Иосса (Diginavis),…

    Подробнее »
  • Игры

    Новая игра со старой атмосферой на Three.js. Часть 2

    В первой части я рассказал о проблемах, с которыми я столкнулся в процессе создания 3D игры под браузер c использованием Three.js. Теперь я хотел бы подробно остановиться на решении некоторых важных задач при написании игры, типа конструирования уровней, определения столкновений и адаптации изображения под любые пропорции окна браузера. Схемы уровней Собственно, сами уровни создаются в 3D редакторе, а именно, их…

    Подробнее »
  • Хабрахабр

    Оптимизация Unity UI

    На основании информации из официальной документации и личного опыта я постарался наглядно объяснить принципы работы UI-элементов. В этой статье разбираются вопросы оптимизации UI-элементов проектов, сделанных в ​Unity​. Также здесь вы найдёте практические советы, которые помогут улучшить производительность вашего проекта в том, что касается пользовательского интерфейса. Терминология Сюда относятся, например: кнопка, текст, картинка, выпадающее меню и др.Холст (canvas) — базовый элемент…

    Подробнее »
  • Игры

    Новая игра со старой атмосферой на Three.js

    Существует множество поклонников старых игр. И они не прочь пустить скупую ностальгическую слезу и нет-нет, да сыграть в «Арканоид», «Пакмана» или «Принца Персии», как двадцать, тридцать, сорок или — подставьте нужное число — лет назад. DOS-box и эмуляторы — им в помощь. Да, что там, я недавно смотрел стрим самого первого 2D «Принца Персии» на Ютьюбе, где довольно молодой «стример»…

    Подробнее »
  • Хабрахабр

    История одной анимации

    Однажды фронтендеру позвонил дизайнер и попросил сделать «паутинку» за запотевшим стеклом. Но потом оказалось, что это не «паутинка», а гексагональная сетка, и не за стеклом, а она уходит вдаль, и с WebGL фронтендер не знаком, а всей анимации пришлось учиться в процессе рисования. Тем фронтендером был Юрий Артюх (akella). Он не профи в WebGL, не делает на нем карты, не пишет на Web-ассемблере, но ему нравится учиться чему-то новому. Юрий давно занимается версткой, а по воскресеньям записывает стримы с разбором реальных проектов. История идет от первого…

    Подробнее »
  • Хабрахабр

    Как я не занял первое место в конкурсе для JavaScript-разработчиков от Telegram

    Активные пользователи Телеграма, особенно те, кто подписан на Павла Дурова, наверняка что-то слышали о том, что Телеграм проводил в этих ваших интернетах конкурс для iOS, Android и JavaScript разработчиков, а также для дизайнеров. Несмотря на то, что это было довольно эпичное событие с раздачей солидных призов (один из участников получил 50к долларов за первое место, написав самое быстрое и лёгкое…

    Подробнее »
  • Хабрахабр

    Как мы учились рисовать тексты на Canvas

    Мы разрабатываем платформу для визуальной коллаборации. Для отображения контента мы используем Canvas: на нём рисуется всё, в том числе тексты. Готового решения для отображения текстов на Canvas один в один как в html не существует. За несколько лет работы с отрисовкой текстов мы изучили разные варианты реализации, набили много шишек и, кажется, нашли хорошее решение. Расскажу в статье, как мы…

    Подробнее »


Кнопка «Наверх»
Закрыть