Давайте обнаружим интересный эффект на главной странице https://www.fotospatzek.at . На первый взгляд все выглядит довольно просто: 1. «Круг-курсор» - это маска для фотографии, которая просто «нейтрализует» эффект размытия. 2. Сама фотография просто наклоняется в трехмерном пространстве движением мыши. Но все немного поинтереснее :) Для визуализации эффектов, как и авторы этого ресурса, я буду использовать библиотеку для работы с холстом Pixi.js. По первому пункту все..

В этом разделе мы настраиваем холст и цветовую палитру. Холст и палитра HTML Давайте начнем с добавления заголовка страницы и холста. В теге ‹body› файла index.html удалите заполнитель и добавьте следующее: <h1>Basic Collaborative Drawing App</h1> <div> <canvas id="canvas" height="500px" width="500px"></canvas><br /></div> Это создает холст с белым фоном на странице с белым фоном. Другими словами, невозможно..

Пока я изучал React (видео, книги, посты и т. д.), я понял, что лучший способ изучить эту новую тему — это делать (или программировать). Поэтому я решил адаптировать/повторно реализовать анимацию Прыгающие мячи , взятую из курса javascript MDN Web Docs . Эта анимация была реализована на простом Javascript и с использованием Canvas API, так что это была возможность узнать больше. В результате, как и ожидалось, я лучше понял React и получил удовольствие от повторной реализации и..

Маленькие шедевры JavaScript — Эпизод 2 В поисках маленьких жемчужин программирования на JavaScript я не мог не рассмотреть то, что является почти классикой: фейерверк. Многие пробовали свои силы в создании фейерверков с помощью JavaScript, демонстрируя тот факт, что, несмотря на то, что это язык, не предназначенный для обработки графики и не особенно известный своей скоростью выполнения, с его помощью также можно добиться небольших чудес анимации. Среди разнообразных творений..