Canvas

  • ХабрахабрФото PIXI.js создание кликера

    PIXI.js создание кликера

    Большинство тех, кто начинает изучать программирование, начали это из-за желания сделать свою игру. Нууу… я не исключение, но судьба меня занесла в веб разработку. Ладно, давай ближе к делу. Создать кликер при помощи pixi.js. Задача тривиальная, но т.к. в разработке игр я мало разбираюсь, то пришлось изучить чуть лучше эту тему. Почему Js? Почему pixi.js? Почему вообще кликер?! — Я…

    Читать далее »
  • ХабрахабрФото PIXI.js создание кликера

    PIXI.js создание кликера

    Большинство тех, кто начинает изучать программирование, начали это из-за желания сделать свою игру. Нууу… я не исключение, но судьба меня занесла в веб разработку. Ладно, давай ближе к делу. Создать кликер при помощи pixi.js. Задача тривиальная, но т.к. в разработке игр я мало разбираюсь, то пришлось изучить чуть лучше эту тему. Почему Js? Почему pixi.js? Почему вообще кликер?! — Я…

    Читать далее »
  • ХабрахабрФото Памятка по работе с Canvas API

    Памятка по работе с Canvas API

    Доброго времени суток, друзья! Данная статья представляет собой небольшую подборку примеров работы с Canvas API, к которой удобно обращаться при необходимости вспомнить изученный материал. Это не руководство по работе с холстом, а лишь демонстрация некоторых из его основных инструментов. Для меня это также своего рода промежуточный итог в изучении холста. Код разбит на отдельные блоки-песочницы, которые для удобства чтения помещены…

    Читать далее »
  • ХабрахабрФото [Перевод] Имитация рисования от руки на примере RoughJS

    [Перевод] Имитация рисования от руки на примере RoughJS

    RoughJS это маленькая (эскизном, рукописном стиле. Она позволяет рисовать на <canvas> и с помощью SVG. В этом посте я хочу ответить на самый популярный вопрос о RoughJS: как это работает? Немного истории Очарованный изображениями рукописных графиков, схем и эскизов, я, как истинный нерд, задался вопросом: можно ли создавать такие рисунки с помощью кода, как можно точнее имитировать рисунок от руки,…

    Читать далее »
  • ХабрахабрФото Tcl/Tk. Альтернативный файловый проводник для платформ Linux и Android

    Tcl/Tk. Альтернативный файловый проводник для платформ Linux и Android

    Чем дольше я пишу различные программы на tcl/tk, тем больше восхищаюсь его возможностями и продуманностью. Но была одна вещь, которая не давала мне покою до последнего времени. При разработке GUI часто приходится пользоваться файловым проводником (tk_getSaveFile, tk_getOpenFile или tk_chooseDirectory). И если на платформах Windows или OS X, загружается нативный файловый проводник этих платформ, то на платформах Linux загружается проводник от…

    Читать далее »
  • ХабрахабрФото [Перевод] Ускорение вывода диаграмм с использованием OffscreenCanvas

    [Перевод] Ускорение вывода диаграмм с использованием OffscreenCanvas

    Рендеринг диаграмм может серьёзно нагрузить работой браузер. Особенно если речь идёт о выводе в интерфейсе сложного приложения множества элементов, представляющих диаграммы. Попытаться улучшить ситуацию можно с помощью интерфейса OffscreenCanvas, уровень поддержки которого браузерами постепенно растёт. Он позволяет, задействовав веб-воркер, переложить на него задачи по формированию изображения, выводимого в видимый элемент <canvas>. Статья, перевод которой мы сегодня публикуем, посвящена использованию интерфейса…

    Читать далее »
  • ИгрыФото Персональный Лас-Вегас, или игра в браузерном расширении

    Персональный Лас-Вегас, или игра в браузерном расширении

    Недавно у нас с другом зашел разговор о карточных играх. Он сказал, что умеет играть только в покер, но и то давно этого не делал, потому что забыл все комбинации. Вот и поговорили… Я вспомнил, что пару лет назад я написал пять карточных игр, включая покер Техасский Холдем, где в любой момент в процессе игры можно посмотреть не только собранные…

    Читать далее »
  • ХабрахабрФото Реализуем визуальный эффект из фильма «Матрица»

    Реализуем визуальный эффект из фильма «Матрица»

    Доброго времени суток, друзья! На днях пересмотрел «Матрицу». Слушайте, до чего же классный фильм (это касается только первой части). В очередной раз обратил внимание на «падающие» строчки с иероглифами на ихних экранах (намеренно использовал слово «ихних» забавы ради). Задумался о том, как это можно реализовать… максимально простым способом (ибо лень). Вот что у меня получилось. Welcome to the Matrix Разметка…

    Читать далее »
  • ХабрахабрФото Обзор WCS 5.2 — WebRTC сервера для веб-разработчиков онлайн трансляций и видеочатов

    Обзор WCS 5.2 — WebRTC сервера для веб-разработчиков онлайн трансляций и видеочатов

    На фронтенде предпочитает Vue.js. Алиса — опытный фулл-стек разработчик и способна за неделю написать каркас SAAS проекта на своем любимом фреймворке с использованием php. Очного — означает глаза в глаза, прямого видео контакта в реальном времени с видео и голосом.«Почему не скайп?» — спросите вы. В телеграмм стучится заказчик, которому во что бы то ни стало надо разработать веб-сайт, который…

    Читать далее »
  • ХабрахабрФото Flutter: рисуем текст вдоль окружности

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

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

    Читать далее »


Кнопка «Наверх»