Lecaw

Учимся создавать Web-сайты

Сегодняшний урок - мост между двумерной графикой в html5 и трехмерной (использование WebGL). Сегодня я покажу, как создать трехмерные объекты, используя полигоны. Полигоны или неструктурированная сетка - набор вершин, ребер и граней, которые формируют многомерный 3D объект в компьютерной графике и моделировании. Грани обычно состоят из треугольников, четырехугольников или других простых выпуклых многоугольников, так как это упрощает рендеринг, но также могут быть использованы вогнутые многоугольники или многоугольники с дырами.

(44)
(0)

Как-то раз, один из наших читателей спросил меня – а что если сгенерировать радиальный градиент на html5 вместо того, чтобы использовать готовые изображения. Это не так трудно и это было бы полезно для всех. Основная идея состоит в том, чтобы разделить круг на многократные секторы и заполнить эти секторы радиальным цветом (который зависит от угла).

(96)
(1)

В последнее время нам часто стали задавать вопрос – как загрузить фотографии на веб-сайт. Мне кажется, что это интересный вопрос, и я решил поэкспериментировать с этим. Я думаю, что просто загрузка файлов это скучная тема, поэтому я решил добавить интересную опцию – Обрезка. Кроме того мы будем использовать HTML5 FileReader, чтобы выполнить обрезку будем использовать - Jcrop (jquery библиотека) на стороне клиента. В результате – мы должны получить процесс с 3 шагами: выбор файла, обрезка, загрузка. Во время выбора файла мы проверим тип файла и размер (чтобы избежать огромных файлов). Когда все будет готово и мы загрузили обрезанное изображение – мы переходим к этапу загрузки (в определенную папку сайта). Обратите внимание, что библиотека GD обрабатывает изображения.

(107)
(0)

В нашем новом учебном руководстве мы создадим простую, но эффективную палитру цветов, используя HTML5. Я думаю, что вы уже видели различные jQuery версии такой палитры цветов. Чтобы сделать её более уникальной, мы создадим 5 различных цветовых кругов, которые вы можете использовать в своем проекте.

(84)
(0)
Страница 1 из 5