В. | Дзен

Поддержите автораПеревод на любую сумму

Многоугольники и метод хаоса - упражнение на чистом JavaScript #4

Окончательный вариант моей веб-страницы: Программа позволяет рисовать фигуры методом хаоса для правильныых многоугольников: - от трёхугольников до восьмиугольников - с выбором отдельных точек- аттракторов; - от девятиугольников и выше вплоть до стоугольников - с выбором аттракторов в центре либо в вершинах либо в серединах сторон. Аттракторы для трёхугольника и четырёхугольника установлены по умолчанию, чтобы получить известные фигуры: салфетка Серпинского и ковёр Серпинского. Но можно получить...

1 неделю назад

Ностальгия по 90-м...

Недавно разбирал свои архивы и наткнулся на программу, которую я писал 30 лет назад: 1992-й год - нет ни интернета, ни даже книг по программированию для ПК на новых языках типа C++. И вообще, есть только два компилятора - Borland C++ и Microsoft C++. А самый крутой видеоадаптер VGA 640x480 пикселей имеет всего 16 цветов...

1 неделю назад

Пятиугольник (мой) - упражнение №3 на чистом JavaScript - метод хаоса и немного математических экспериментов.

После упражнений с треугольником и квадратом Серпинского, которые меня увлекли и порадовали красивыми результатами, я подумал, а чем хуже другие правильные фигуры, например, пятиугольник и шестиугольник. Дальше с ростом числа вершин фигуры всё более будут напоминать круг. Начнём с пятиугольника. Чтобы построить правильный пятиугольник, пришлось вспомнить тригонометрию, но в конце концов с n-ой попытки это удалось. Финальная версия веб-страницы находится здесь: Первая попытка. Правильным пятиугольником...

2 недели назад

Треугольник Серпинского на JavaScript - искажаем хаос.

Мне также захотелось поэкспериментировать с аттракторами для построения методом хаоса треугольника Серпинского, см. предыдущие статьи: Но в случае треугольника Серпинского мы имеем всего три точки-аттрактора в вершинах треугольника, и особо выбора нет - если мы оставим две точки, то метод хаоса просто нарисует сторону треугольника между ними. А что если отойти от канона и добавить ещё три аттрактора в серединах сторон треугольника? Я доработал веб-страницу, добавил панель управления в виде символического...

2 недели назад

Квадрат Серпинского на JavaScript - возмущаем хаос.

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

2 недели назад

Квадрат Серпинского - упражнение №2 на чистом JavaScript (рекурсия, метод хаоса).

Эта статья является продолжением статьи про треугольник Серпинского: Квадрат Серпинского (ковёр Серпинского) — ещё один простой фрактал, один из двумерных аналогов множества Кантора. Сама программа (веб-страница) выглядит тоже очень похоже на предыдущую с треугольником Серпинского (похожие элементы управления и др.) – в этом и заключается принцип повторного использования своих наработок, в т.ч. кода, на простом и понятном уровне. Описание работы программы методом рекурсии. В математике вычисление...

2 недели назад

Треугольник Серпинского - метод хаоса.

Эта статья является продолжением первой части: Я добавил в программу (код веб-страницы) метод построения треугольника Серпинского методом хаоса. Немного теории. Хаос в мифологии - бесформенная совокупность материи и пространства - противоположность порядку. Напротив, тео́рия ха́оса в математике описывает поведение, которое кажется случайным и хаотичным, даже если модель, описывающая систему, является детерминированной, т.е результат заранее предопределен, как в нашем случае для треугольника Серпинского...

3 недели назад

HTML иконки в браузерах без файлов – ещё один трюк

Обычно веб-страница содержит набор файлов изображений для иконок, которые описываются в разделе <head>, а сами файлы размещаютcя в корневом или другом разделе сайта (путь также указан в разделе <head>). Я описал это в статье: Но с появлением стандартного File API в HTML5 можно вообще обойтись без отдельных файлов иконок - все данные можно непосредственно хранить в разделе <head> HTML файла. А. Алгоритм такой. 1. Всё-таки нужен исходный файл с изображением иконки. 2. С помощью метода readAsDataURL() объекта FileReader() формируем строку данных из файла изображения...

1 месяц назад

Треугольник Серпинского - упражнение на JavaScript

Треугольник Серпинского - это фрактал, также известен как «салфетка» Серпинского. Для интересующихся фракталами он достаточно подробно описан В РУВИКИ: Треугольник Серпинского Там же приведена программа на JavaScript, которая рисует один из вариантов треугольника Серпинского. В качестве упражнения я взял за основу этот алгоритм и разработал веб-страницу, на которой можно поэкспериментировать с треугольником Серпинского. Добавлены возможности изменения минимального размера детали (т.е. высоты длины...

1 месяц назад

Просмотр изображения без загрузки файла на сервер.

Как быть если нужно сделать превью, т.е. предпросмотр, какого-либо изображения на веб-странице, но нежелательно грузить само изображение или файл, где оно находится, с локального компьютера на сервер-хост, где и находится код HTML5/CSS3/JS данной страницы? Например, это могут быть личные фотографии, или изображения очень большого объёма, которые загрузят канал, или другие соображения не делиться информацией с сервером. А может наоборот, нежелание предоставлять возможность загрузить сервер всяким хламом...

1 месяц назад

Программа для укладки мозаики по Ешеру.

А вот и сама программа (веб-страница - только стандартные HTML5/CSS3/JS): После вызова предлагается несколько образцов плитки, которые нарисовал или подготовил я сам: Можно также нарисовать свой вариант плитки и добавить файл для выбора (или несколько файлов по-одному) - файлы НЕ ГРУЗЯТСЯ НА СЕРВЕР - только на вашем ПК. Например, у меня на ПК нашёлся такой файл: Затем нажимаем кнопку...

1 месяц назад

Простая графика в HTML5/CSS3/JavaScript по мотивам Эшера.

Ма́уриц Корне́лис Э́шер (1898 — 1972) — нидерландский художник-график. Он не писал картины маслом, он создавал литографии и гравюры, в которых пытался создать у зрителя представление о том, что он наблюдает что-то нереальное, невозможное, т.е. перевернуть восприятие сложных трёхмерных объектов. Вот два характерных примера его творчества: Я попробовал создать, используя только простые средства HTML5/CSS3/JavaScript, программу (или веб-страницу), которая рисует что-то похожее по мотивам творчества Эшера...

1 месяц назад