· 17 min read

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

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

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

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

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

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

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

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

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

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

Interactive demo — open in editor pp:PinePaper

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

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

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

Само слово «геометрия» означает «измерение Земли». Геродот приписывал свое изобретение египтянам, повторно исследующим сельскохозяйственные угодья после того, как ежегодные наводнения Нила стерли пограничные маркеры. 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 добавляет еще две вещи. Первая — это система единиц **: каждый документ определяет, что означает единица холста в реальном мире один миллиметр, один сантиметр, один дюйм, одну секунду, один герц. Правители по краям холста показывают эту единицу. Решетка к нему прицепилась. Отборочные считывания сообщают о размерах в нем. Второй — это вычислительный слой, который решает уравнения, преобразует сигналы и оценивает математические выражения в одной и той же системе координат.

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

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

Interactive demo — open in editor pp:PinePaper

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

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

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

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

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

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

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

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

Учитель, объясняющий движение, может имитировать качание маятника. PinePaper ODE-решатели 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 — Отчет о воздействии.
  • Эссингер, Дж. (2004). Паутина Жаккарда: как ручной ткацкий станок привел к рождению информационной эпохи. Издательство Оксфордского университета.
  • Фурье, Джей. (1822). Теория аналитики де ла Шалер. Париж: Фирмин Дидо.
  • Гвичкардини, Н. (1999). Чтение принципов: дебаты по математическим методам Ньютона. Издательство Кембриджского университета.
  • Хит, Т.Л. (1908). Тринадцать книг элементов Евклида. Издательство Кембриджского университета.
  • Геродот (с). 430 Г. ДО Н.Э. Истории, Книга II.
  • Хоэнвартер, М. (2002). GeoGebra — Программная система для обучения динамической математике. Магистерская диссертация, Зальцбургский университет.
  • Лавлейс, А. (1843). Записки переводчика, в Л.Ф. Менабреа, «Набросок аналитической машины, изобретенной Чарльзом Бэббиджем». Научные мемуары, 3, 666–731.
  • Майер, Р.Э. (2009). Мультимедийное обучение (2-е изд.). Издательство Кембриджского университета.
  • Nissen, H.J., Damerow, P., & Englund, R.K. (1993). Архаическая бухгалтерия: раннее письмо и методы экономического управления на древнем Ближнем Востоке. Чикагский университет прессы.
  • Рашед, Р. (1994). Развитие арабской математики: между арифметикой и алгеброй. Спрингер.
  • Сандерсон, Джи. (2015). 3Blue1Brown — Двигатель анимации Маним. github.com/3b1b/manim.
  • Шмандт-Бессерат, Д. (1992). Прежде чем писать, Vol. I: От подсчета до Cuneiform*. Издательство Техасского университета.
  • Шеннон, СиЭ. (1948). Математическая теория коммуникации. Bell System Technical Journal, 27(3), 379-423.
  • Свеллер, Дж. (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