· 17 min read

«Точка бумаги, математика, измерение и PinePaper»

Задолго до экрана дизайнеры работали над точечной бумагой — сетчатыми листами, где каждая ячейка представляла собой одну единицу физической работы. PinePaper продолжает эту линию: холст, где каждая координата имеет имя и каждое измерение реально»

Потерянный предок экрана

В шелковых мастерских Лиона начала 19-го века дизайнеры работали над специальным видом бумаги под названием «точечная бумага». Каждый квадрат на листе представлял собой одно варп-и-ткацкое пересечение на ткацком станке — один узел, один стежок, одно решение. Чтобы спроектировать парчу, художник окрашивается в клетки; чтобы сплести ее Мастер читал эти клетки ряд за рядом и тянул соответствующие нити. Сетка не была украшением. Это была система координат, в которой каждая клетка имела физический смысл.

Пойнтовая бумага предшествовала Лиону столетиями. Персидские дизайнеры использовали его. Китайские ткачи использовали его. Итальянские вышивальщики эпохи Возрождения использовали его. Английские вязальщики используют его до сих пор. Он выживает сегодня в перекрестных диаграммах и учебниках по пиксельному искусству. Объединяет эти традиции одна идея: ** сконструированный образ — это сумма множества мелких, точных, измеримых единиц

В 1804 году Жозеф-Мари Жаккар перевел эту идею в машину. Его ткацкий станок читал точечные рисунки из перфокарт — по одной карте на ряд плетения, по одному отверстию на клетку — и воспроизводил дизайн в ткани без человеческого чтения диаграммы [Essinger, 2004]. Сорок лет спустя Ада Лавлейс посмотрела на ткацкий станок Жаккарда и увидела будущее вычислений:

«Мы можем наиболее точно сказать, что Аналитическая машина плетет алгебраические узоры так же, как ткацкий станок Жаккарда плетет цветы и листья» (Ада Лавлейс, 1843)

Сеть стала программой. Единичная ячейка стала битом. Точечная бумага была мостом от измерения корабля к вычислениям общего назначения — и от вычисления назад, в конечном итоге, к экрану, на котором вы читаете это.

PinePaper серьезно относится к этой линии. Название - каламбур, но это не только каламбур. PinePaper - это цифровая точечная бумага: холст, где каждая координата - точная пара чисел, каждая форма - точная геометрия, каждая анимация - функция времени, и каждая единица на линейке соответствует чему-то реальному в мире.

PinePaper по своей сути является векторным графическим движком — холстом, где математическая истина становится видимой. Поскольку математика применима почти к каждой области, PinePaper: визуализация данных, научные данные, диаграммы в классе, макеты дизайна, иллюстрированные объяснения, анимированные эссе, модели ремесел и сотни применений, которые мы еще не видели. Его основная аудитория сегодня - создатели контента, преподаватели и маркетинговые команды, но холст открыт для всех, кто нуждается в точных визуальных эффектах - и поскольку сотрудничество, помощь агента AI и другие интеграции приземляются в будущих релизах, больше людей найдут для него свое собственное применение. Математика - это основа. Аудитория — это тот, кто может ее прочитать.

Interactive demo — open in editor pp:PinePaper

Чтобы наблюдать, нужно измерить

Математика не начиналась как абстрактное рассуждение. Самые ранние математические артефакты - глиняные жетоны из Шумера, датируемые примерно 8000 г. до н.э. - небольшие объекты формы, используемые для подсчета сельскохозяйственных товаров [Шмандт-Бессерат, 1992]. Конус означал небольшую меру зерна; сфера означала большую. Проверить содержимое запечатанного глиняного конверта, не разбивая его Шумеры нажали токены на влажную поверхность перед герметизацией, создав первые письменные цифры [Nissen et al., 1993].

«Сколько?» и «Сколько?» — это были первые вопросы. Математика началась как технология записи измерений.

Само слово «геометрия» означает «измерение Земли». Геродот приписывал свое изобретение египтянам, повторно исследующим сельскохозяйственные угодья после того, как ежегодные наводнения Нила стерли пограничные маркеры [Геродот, *Истории *, Книга II, с. 430 до н.э.]. Этимология раскрывает взаимосвязь: математика измеряла физический мир задолго до того, как он стал аксиоматическим.

Каждый раздел математики что-то измеряет

Евклид формализовал геометрию как дедуктивную систему — предложения из аксиом, независимых от какого-либо конкретного физического объекта [Хит, 1908]. Точка не имеет измерения. Линия не имеет ширины. Но даже эти абстракции служат измерению. Теорема Пифагора измеряет диагональ. Формула площади измеряет замкнутое пространство. Абстракция сделала измерение более общим и точным.

Модель повторялась в течение тысяч лет.

Алгебра измерила неизвестное — дав названия значениям, которые еще не наблюдались [Rashed, 1994]. Тригонометрия измеряла углы и расстояния, которые не могли быть достигнуты напрямую. Расчет измерял изменения — мгновенные скорости, а не средние [Guicciardini, 1999]. Вероятность измеряется неопределенностью. Анализ Фурье измерял частоту — разложение сложности на чистые компоненты [Фурье, 1822]. Топология измеряет форму независимо от размера. Теория информации измеряла удивление — биты информации в сообщении [Шеннон, 1948]. Каждая ветвь возникла потому, что кому-то нужно было измерить то, что не могла выразить существующая математика.

История математики не является списком прорывов. Это непрерывное расширение того, что человечество может измерить. Каждая новая ветвь отвечала на один и тот же вопрос, заданный шумерами, а дизайнеры лионских бумажек спрашивали: «Как я записываю то, что наблюдаю?»

Interactive demo — open in editor pp:PinePaper

Полотно — это система координат

В 1637 году Декарт опубликовал «La Géométrie», представив геометрию координат — идею о том, что алгебраические уравнения могут быть нарисованы как кривые на плоскости [Декарт, 1637]. Это было революционно не потому, что оно создало новую математику, а потому, что оно сделало существующую математику видимой. Уравнение y = x2 больше не было абстрактным; это была парабола, которую можно было проследить пальцем.

Понимание Декарта является основой PinePaper.

Полотно — любое полотно — это система координат. Имеет ось x и ось y. Каждая точка на нем — пара чисел. Каждая форма представляет собой набор геометрических уравнений. Каждая анимация является функцией времени. Это не метафора. Это буквально. Когда вы помещаете круг в положение (400, 300) с радиусом 50, вы пишете уравнение (x − 400)2 + (y − 300)2 = 2500. Дизайнер точечной бумаги в Лионе немедленно признал бы принцип: каждая ячейка — это координата, каждая координата — это решение.

PinePaper построен на Paper.js, потому что Paper.js рассматривает графику как геометрию, а не пиксели. Каждая форма хранится в виде набора более мягких кривых — кубических полиномов, которые определяют плавные пути через контрольные точки. Круг — это не сетка цветных точек, а четыре более светлых сегмента, которые точно описывают его кривизну. Когда вы масштабируете форму, Paper.js применяет преобразование матрицы к этим кривым — та же линейная алгебра, используемая в компьютерной графике и робототехнике. Пропорции всегда сохраняются. Форма, которая составляет половину ширины другой формы, остается половиной ширины, независимо от того, смотрите ли вы на экран телефона или печатный плакат.

Это и есть рендеринговый слой. Это дает PinePaper систему координат, в которой каждая точка, каждая кривая и каждое преобразование математически определены.

Поверх этого слоя рендеринга PinePaper добавляет еще две вещи. Первая - это система единиц: каждый документ заявляет, что означает единица холста в реальном мире - один миллиметр, один сантиметр, один дюйм, одна секунда, один герц. Правители по краям холста показывают эту единицу. Решетка к нему прицепилась. Отборочные считывания сообщают о размерах в нем. Второй — это вычислительный слой, который решает уравнения, преобразует сигналы и оценивает математические выражения в одной и той же системе координат.

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

Это не визуальные эффекты, приближенные к математике. Это математика, вычисляемая и визуализируемая в системе координат, единицы которой имеют имена.

{{видимое уравнение}}

Что можно измерить на холсте

Вам не нужно знать математику, чтобы использовать PinePaper. Вам не нужно знать, что такое кривая Безье Нарисовать одну. Вам не нужно понимать матричную алгебру для вращения формы. Математика под ним — это двигатель, а не руль.

Но математика есть, и она честная. Каждая кривая определяется полиномами, а не пикселями. Каждая трансформация сохраняет пропорции. Каждое измерение на линейке соответствует реальной единице. И когда вы выходите за рамки рисования в симуляции, графике или анимации, собственные решатели PinePaper, трансформаторы и сигнальные процессоры выполняют работу.

Несколько примеров того, что работает на холсте сегодня:

** Дизайнер текстиля или рисунка** может выложить тесселяцию, в которой геометрические формы плитки плоскости. Углы должны складываться. Куски должны укладываться без пробелов. Это та же проблема, которую лионские художники решали цветными ячейками, и та же проблема, которую математики изучали на протяжении веков. Более легкие пути PinePaper и булевые операции позволяют проверить, подходят ли детали, и математика гарантирует, что они подходят. Установите брезентовый блок на «нить», и сетка станет буквально точечной бумагой: одна ячейка, одно варп-и-ткацкое пересечение, точно так же, как работали дизайнеры шелковой мастерской.

** Дизайнер интерьера или инструктор**, рисуя планировку комнаты, может установить брезентовый блок на метрах, нарисовать стены в масштабе и прочитать размеры от правителей. Это салфетка и концептуальная доска, не полная архитектурная разработка — PinePaper не является инструментом САПР, но устройства реальны и пропорции точны. Тот же холст работает для учителя, рисующего планировку классной комнаты, маркетолога, высмеивающего стенд выставки, или создателя контента, иллюстрирующего «как организовать свой домашний офис» с измерениями, которые не лгут.

** Ремесленник или любитель документальных фильмов**, излагающий образец бумажного ремесла, график вышивки или дизайн экранной печати, может объявить единицу холста в миллиметрах или дюймах. Установите размер документа на физический размер листа, и правители рассчитывают в реальных единицах. Это ремесленная сторона точечной бумаги — проектирование вещи, окончательная форма которой является физической, а затем обмен дизайном в Интернете с пропорциями, которые выживают при переходе от экрана к подложке.

** Ученик, изучающий волны**, может нарисовать на холсте синусоиды. Измените частоту, и волна сжимается. Измените амплитуду, и она станет выше. Сложите две волны вместе, и они будут мешать. Движок PineMath PinePaper работает напрямую — y = sin(x), y = sin(x)/x, параметрические кривые, все, что вы можете написать в виде формулы. Установите x-осевой блок на секунды и y-осевой блок на вольты, и сюжет теперь является осциллографическим следом.

** Учитель, объясняющий движение**, может имитировать качание маятника. Решения ODE PinePaper — Euler, Runge-Kutta 4 и адаптивный Dormand-Prince RK45 — вычисляют реальную физику шаг за шагом. Маятник на экране не является анимацией, которая имитирует маятник. Это численное решение дифференциального уравнения, отображаемое в реальном времени. Студент видит его медленно в верхней части дуги и ускоряется внизу. Понимание — это сначала визуальное, затем математическое.

Музыкант может нарисовать частотное содержание сигнала с помощью FFT Кули-Туки и увидеть спектр. Оживите его с течением времени, и частотное содержание превратится в спектрограмму, построенную из того же математического преобразования Фурье, опубликованного в 1822 году. Установите x-осевой блок на герц, и спектр считывает частоты напрямую.

Ученый, подготавливающий цифру для публикации, может увеличить холст до точной ширины колонки журнала, скажем, 86 мм, а затем нарисовать данные в физически значимых единицах. Цифра экспортируется в нужном размере с правильными пропорциями, и этикетки считываются за секунды, кельвины или родинки, а не пиксели.

Дизайнер движения может создать анимацию, в которой объект легко входит и выходит. Кривая смягчения представляет собой кубический луч — функцию, которая отображает время для прогресса. На холсте PinePaper эта кривая не является предустановкой, выбранной из меню. Это уравнение, которое вы можете видеть, редактировать и понимать.

Каллиграф или дизайнер шрифтов может создавать формы букв, где каждая кривая является более безликим полиномом. Ширина удара варьируется вдоль пути. Прохождение между буквами следует ритму. Все измеримое, все точное, все сохранено в виде геометрии, а не пикселей.

Для тех, кто хочет читать уравнения напрямую, PinePaper раскрывает свой полный численный вычислительный движок — график функций, решение ODE, FFT, генерация сигналов, параметрические кривые. Для всех остальных математика — это невидимые леса. Ты работаешь над этим.

Interactive demo — open in editor pp:PinePaper

Создано для людей и AI

PinePaper предназначен для двух типов пользователей: людей и искусственного интеллекта.

Цель состоит в том, чтобы сделать математические измерения доступными, не требуя математической подготовки. Основная аудитория PinePaper — создатели контента, преподаватели и маркетинговые команды — должна выкладывать плакаты, рисовать помеченные диаграммы, смотреть симуляции и размер активов кампании без расчета коэффициентов вручную или перевода с пикселей. Но холст одинаково хорошо работает для ученого, готовящего фигуру публикации, любителя, разрабатывающего шаблон ремесла, аналитика, исследующего набор данных, интуиции студента или любого другого, кто нуждается в точных визуальных эффектах. Математика — это основа, а опыт — визуальный.

Для AI цель противоположна: дать языковым моделям точный, программируемый холст, где каждая операция имеет математическое значение. Когда помощник AI помещает стену в положение (1,2 м, 0,0 м), идущее на 4,2 м восточнее, эти цифры точны — и они разделяют единичную систему с пользователем. Система координат не является приблизительной. PinePaper подвергает свой полный API агентам AI, так что каждое измерение, которое AI делает на холсте, дает тот же результат, что и человек.

Исследования в области педагогической психологии поддерживают двойной подход. Визуальные представления снижают когнитивную нагрузку при изучении математических понятий [Майер, 2009]. Двухканальная обработка — одновременное зрение и чтение — обеспечивает более глубокое понимание, чем любое другое (Sweller, 1988). Тот же принцип применим к сотрудничеству человека и AI: когда человек и AI разделяют математически верное полотно с названными единицами, они измеряют одно и то же.

Такова традиция PinePaper:

  • Desmos делает алгебру интерактивной для более чем 75 миллионов пользователей [Desmos, 2023].
  • GeoGebra сочетает в себе геометрию и визуализацию исчисления в классах в 195 странах [Hohenwarter, 2002].
  • Manim, созданный для 3Blue1Brown, генерирует математическую анимацию, просмотренную более 400 миллионов раз [Sanderson, 2015].
  • D3.js делает статистические модели видимыми и интерактивными в Интернете [Bostock et al., 2011].

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

Что на месте — и что растет

В PinePaper уже существуют три возможности, которые продолжают расширяться:

Ограниченные отношения сохраняют математические отношения между элементами автоматически. Если ярлык вращается вокруг круга, следует за мишенью или прикреплен к кости, ограничение живое — перемещайте родителя, и каждый зависимый элемент движется вместе с ним. Сегодня PinePaper поставляется с 25+ типами отношений (орбиты, слежения, прикрепленные к, поддерживающие расстояние, управляемые подвижники, шевелиться и многое другое). Что растет: более богатый механизм ограничения, где эти отношения становятся первоклассными фактами документа, а не просто поведением во время выполнения.

График знаний ** уже установлен. Каждый элемент холста имеет семантическую идентичность - тип, отношения, анимацию, математические функции - которые агенты AI могут читать и запрашивать. Онтология охватывает 95 классов по лексике PinePaper, опубликованных в качестве общедоступного домена CC0. Что растет: более богатая структура графа, которая включает в себя соотношения, пропорции и геометрические зависимости, поэтому агент AI может спросить «какое соотношение сторон этой компоновки?» и получить ответ, который человек может проверить на линейке.

** Считывание измерений** показывает живые измерения в реальных единицах. Выберите элемент, и HUD отображает его ширину и высоту в миллиметрах, дюймах или любом устройстве, на котором установлен холст. Правители и сетки блоков обеспечивают визуальную ссылку. Что растет: аннотации полного измерения в редакционной традиции — линии свидетелей, стрелки лидеров, текст измерения — как первоклассные элементы, которые обновляются, когда геометрия, которую они описывают, изменяется.

Основной аудиторией PinePaper сегодня являются создатели контента, преподаватели и разработчики. Маркетинговые команды, но холст создан для того, чтобы обслуживать всех, кому нужны точные визуальные эффекты — аналитиков данных, любителей, ученых, студентов, производителей и помощников AI, которые все чаще помогают им всем. График, учитывающий единицы, служит им напрямую: учитель, измеряющий маркированную диаграмму, маркетолог, оценивающий актив кампании в точном баннерном формате, создатель контента, создающий график с реальными пропорциями, ученый, создающий график в готовых к журналу размерах. Полный 3D CAD — твердое моделирование, B-rep, импорт STEP / IFC, параметрические функции — это другая проблема с другой математической основой, и такие инструменты, как Rhino, Blender и SolidWorks, хорошо ее обслуживают. PinePaper не преследует их сегодня, хотя мы можем добавить возможности CAD в более поздних выпусках по мере роста аудитории и платформы. Основной идентификатор - это верная 2D система координат, которую может прочитать каждый.

Во что мы верим

Четыре нити проходят через эту историю.

Точка бумаги является историческим инструментом: сеткой, где каждая ячейка является единицей физической работы. Он соединяет дизайнера лионского шелка, ткацкий станок Жаккарда, аналитический движок Лавлейса и современный пиксель.

Математика — это язык, который придает сетке точность. Шумерские токены, евклидова геометрия, декартовы координаты, преобразования Фурье, дифференциальные уравнения — каждая ветвь была изобретена для измерения того, что предыдущая ветвь не могла выразить.

**Измерение — это акт, который объединяет эти два понятия. Чтобы что-то наблюдать, нужно измерение. Чтобы что-то измерить, нужна математика. Чтобы сделать измерение «видимым» — поместить его на поверхность, где вы и кто-то другой (или вы и AI) можете видеть то же самое — вам нужна система координат.

PinePaper — современный синтез. Геометрия вектора как слой рендеринга. Названная единичная система как поверхность, обращенная к человеку. Цифровой вычислительный движок в задней комнате. Один и тот же холст служит дизайнеру, студенту, архитектору, музыканту, ученому и помощнику AI — потому что все они делают одно и то же в разных словарях. Они записывают то, что наблюдают.

Мы не закончили. Граф знания уже на месте — каждый элемент холста несет семантический идентификатор, который могут прочитать агенты AI, с 95 классами онтологии, опубликованными под CC0. Система отношений уже сохраняет геометрические ограничения: 25+ типов отношений поддерживают элементы связанными, выровненными и синхронизированными по мере изменения сцены. Что углубляется, так это выразительность графика - захват соотношений, пропорций и зависимостей, так что каждое геометрическое соотношение является запрашиваемым, а не просто принудительно выполняется во время выполнения. Параллельно исследовательская нить изучает тонко настроенную модель, обученную на обеих поверхностях, которые раскрывает PinePaper — его высокоуровневая команда API и сырой SVG, который холст отображает изначально. Оба отображают, оживляют, экспортируют и присоединяются к графу знаний через один и тот же конвейер без этапа преобразования. Центр знаний включает в себя исследование SVG и LLM, которое информирует об этом направлении; наш проект является эмпирическим дополнением - могут ли современные модели читать, генерировать и рассуждать о векторной геометрии так же свободно, как они обрабатывают текст? Мы будем делиться результатами по мере развития работы. Будет больше форм, больше решателей, больше единиц, больше языков. Это инженерные проблемы, а не концептуальные. Математическая основа уже существует. Что остается соединить его Для каждого вида измерения человеку или AI может потребоваться наблюдение.

Наша рабочая гипотеза: когда вы даете людям холст, который уважает математическую истину и честно называет ее единицы, они находят способы измерить вещи, которые вы никогда не ожидали. Дизайнер точечной бумаги измерял нити. Физик измеряет движение. Музыкант измеряет частоту. Дизайнер делает акцент. Художник измеряет баланс. Ребенок измеряет любопытство. Полотно не нуждается в том, чтобы знать домен — ему нужно только быть верным координатам и честным о единицах.

Вам не нужно знать, что вы занимаетесь математикой. Вам просто нужно увидеть, что пропорции правильные, что анимация кажется естественной, что расстояние сбалансировано, что плакат, который вы разработали, точно А4. Математика здесь, чтобы убедиться, что ваши глаза не обмануты.

Это эмпирическое утверждение. Это может быть неправильно. Но если это так, то мы не просто создаем инструмент дизайна — мы создаем инструмент для наблюдения за тем, что описывает математика. Мы строим его для всех.

Редактор бесплатный, и он всегда будет бесплатным. AI также может быть бесплатным — модели с открытым весом, такие как Gemma, работают на вашей машине и подключаются к PinePaper напрямую через открытый протокол. Подобный инструмент не должен сидеть за платной стеной — люди, которым больше всего нужна система координат, не всегда могут себе это позволить.

Ссылки

  • Bostock, M., Ogievetsky, V., & Heer, J. (2011). D3: Документы, управляемые данными. IEEE Trans. Visualization & Computer Graphics, 17(12), 2301-2309.
  • Декарт Р. (1637). Геометри. Лейден.
  • Дезмос (2023). Desmos Classroom Activities — Impact Report.
  • Эссингер, Дж. Паутина Жаккарда: как ручной ткацкий станок привел к рождению информационной эпохи Издательство Оксфордского университета.
  • Фурье, Дж. (1822). Теория аналитики де ла Шалер. Париж: Фирмин Дидо.
  • Guicciardini, N. (1999). Чтение принципов: дебаты по математическим методам Ньютона. Издательство Кембриджского университета.
  • Хит Т.Л. (1908). Тринадцать книг элементов Евклида. Издательство Кембриджского университета.
  • Геродот (c. 430 до н.э.). Истории, Книга II.
  • Hohenwarter, M. (2002). GeoGebra — программная система для обучения динамической математике. Магистерская диссертация, Зальцбургский университет.
  • Лавлейс А. (1843). Заметки переводчика Л.Ф. Менабреа «Набросок аналитической машины, изобретенной Чарльзом Бэббиджем». Научные мемуары, 3, 666–731.
  • Майер Р.Э. (2009). Мультимедийное обучение (2-е изд.). Издательство Кембриджского университета.
  • Nissen, H.J., Damerow, P., & Englund, R.K. (1993). Архаическая бухгалтерия: раннее письмо и методы экономического управления на древнем Ближнем Востоке.
  • Рашед Р. (1994). Развитие арабской математики: между арифметикой и алгеброй Спрингер.
  • Сандерсон Г. (2015). 3Blue1Brown — движок анимации Manim. github.com/3b1b/manim.
  • Schmandt-Besserat, D. (1992). Прежде чем писать, Vol. I: От подсчета к Cuneiform Издательство Техасского университета.
  • Шеннон, C.E. (1948). Математическая теория коммуникации. Bell System Technical Journal, 27(3), 379-423.
  • Sweller, J. (1988). Когнитивная нагрузка при решении задач. Когнитивная наука, 12(2), 257-285.

PinePaper Studio является бесплатным по адресу [pinepaper.studio/editor] (/editor). График знаний и онтология задокументированы по адресу [pinepaper.studio/ontology] (/ontology/).

Ready to create?

Start making animated GIFs, videos, and graphics — free, no signup.

Open PinePaper Editor