· 17 min read

Точка папір, математика, вимір і PinePaper

Довгий до екрана дизайнери працювали на точній папері — скатертини аркушів, де кожна клітинка представлена одним блоком фізичної роботи. PinePaper продовжує лінію: полотно, де кожен координ має назву і кожен вимір є реальним.

Загублений предків екрана

У шовкових майстернях раннього-19 століття Ліон, дизайнери працювали на спеціальному виді паперу під назвою point paper. Кожна площа на аркуші представлена одна завіса-перехрестя на ломі — один вузол, один стібок, одне рішення. Для оформлення брока, художник кольоровий в клітинах; для плетіння , майстрині читати ті клітинки ряду за допомогою ряду і витягувати відповідні нитки. Сітка не була прикрасою. Це була координована система, в якій кожен елемент переніс фізичне значення.

Пункт-папір предсти Ліон за ст. Для цього використовуються перські килими. Китайські гобелени використовують її. Італійські ренесансні вишивальниці використовують її. Англійська в'язниця використовують її ще. Він вижив сьогодні в діаграмах перехресних і піксельних навчальних посібниках. Що об'єднує ці традиції є єдиною ідеєю: *a спроектований образ є сумою багатьох дрібних, точних, безмірних частин.

У 1804 році Йосип-Марі Жаккард передав цю ідею в машині. Його лоум читати точкові дизайни з пробивних карток — одна картка на ряд плетіння, одна дірка на клітинку — і відтворив дизайн в тканині без людського читання діаграми [Осіння, 2004]. Занадто років після того, як Ada Lovelace виглядав на жакардовому ткані і побачили майбутнє обчислення:

"Ми можемо сказати, що аналітичний двигун переплетає алгебраїчні візерунки так само як жаккардові ломи плетені квіти і листя." — Ada Lovelace, 1843 [Любов, 1843]

Сітка стала програмою. Встановити клітинку став трохи. Папір Точки був міст від вимірювання ремесла до загальноціональних обчислень — і від обчислень назад, в кінцевому підсумку, до екрана ви читаєте це на.

PinePaper серйозно бере цю лінійку. Ім'я - пун, але це не тільки пун. PinePaper є папером цифрової точки: полотно, де кожен координатор є точною парою чисел, кожна форма є точною частиною геометрії, кожна анімація є функцією часу, і кожен блок на лінійці відповідає чомусь реально в світі.

PinePaper, на своєму серці, графічний двигун**— полотно, де видно математичну правду. Оскільки математика відноситься до майже кожного поля, тому робить PinePaper: візуалізація даних, наукові цифри, класні діаграми, макети дизайну, ілюстровані пояснення, анімовані есе, візерунки ремесла, і сто використовує ми ще не бачили. ЙогоОсновна аудиторія сьогодні є творцями контенту, освіченими та маркетинговими командами, але полотно відкрито для всіх, хто потребує точного візуального характеру — і як співпраця, AI-агентна допомога, а також інші інтеграції землі в майбутньому релізах, більше людей знайдуть своє використання для цього. Математика є фундаментом. Аудиторська аудиторія може прочитати її.

Interactive demo — open in editor pp:PinePaper

Щоб спостерігати, потрібно вимірювати

Математика не почала анотація. Найдавніші математичні артефакти – це глиняні токени від Sumer, знайомства з грубо 8000 BCE — дрібні фігурні предмети, що використовуються для підрахунку сільськогосподарських товарів [Schmandt-Besserat, 1992]. Конус означав невеликий захід зерна; сфера означала велику. Щоб перевірити вміст ущільненого керамограніта без розриву його, Sumerians притискали токени в вологу поверхню перед ущільненням — створення перших письмових цифр [Nissen et al., 1993].

"Як багато?" і "як багато?" — були перші питання. Математика розпочалася як технологія вимірювання записів.

Слово геометрія це означає "земний вимір". Herodotus приписав свою винахід до Єгиптян повторного застрахування сільськогосподарства після щорічних заплавів Nile стирали межі маркерів [Herodotus, Історія, Книга II, c. 430 BCE]. Оптимологія розкриває відносини: математика вимірює фізичний світ до того, як він став аксіоматичним.

Кожен відділ математичних заходів

Евклідна формалізована геометрія як дедуктивна система — пропозиції з осей, незалежно від конкретного фізичного об'єкта [Хата, 1908]. Точка не має значення. Лінія не має ширини. Але навіть ці абстракції виконують вимірювання. Теорема П'ятагореана запускає діагональну. Заходи формули області закривали простір. Анотація виконана вимірювання більш загальним і більш точним.

Візерунок повторюється протягом тисяч років.

Альгебра вимірював невідомо — дає імена значенням, які ще не спостерігали [Раш, 1994]. Тригонометрія вимірюється кути і відстані, які не могли досягнути безпосередньо. Калькулюс вимірюється зміна — миттєві ставки, не середні [Guicciardini, 1999]. Нездатність вимірюється невизначеність. Чотирирний аналіз вимірюваної частоти — декомпозиційна складність в чистому складі [Fourier, 1822]. Топологія вимірюється форма незалежно від розміру. Теорія інформації вимірюється сюрпризом — біти інформації в повідомленні [Саннон, 1948]. Кожна гілка виявилася тому, що хтось повинен вимірювати щось, що існуюча математика не може висловитися.

Історія математики не є переліком проривів. Це безперервне розширення того, що людство може виміряти. Що нового відділення відповів на те ж саме питання, запитали Sumerians, і дизайнери Lyonnais запитали:як я записую, що я дотримуватися?

Interactive demo — open in editor pp:PinePaper

Canvas є координацією системи

У 1637 році Дескартес опубліковано * La Géométrie*, введення координаційної геометрії — ідея, що алгебраїчні рівняння можуть бути отримані як криві на площині [Дескартес, 1637]. Це був революційний не тому, що він створив нову математику, але тому що він зробив існуючу математику *видимий. Рівень, як y = x2 не був анотація; це було парабола, ви можете слідувати за допомогою пальця.

Інсайт Descartes є основою PinePaper.

Полотно — будь-яке полотно — є координацією системи. Ось і вісь. Кожна точка на ній є парою чисел. Кожна форма – це набір геометричних рівнянь. Кожна анімація – функція часу. Це не метафор. Він літровий. Коли ви розміщуєте коло на позиції (400, 300) з радіусом 50, ви пишете рівняння (х − 400)2 + (y − 300)2 = 2500. Цей сайт використовує файли cookie, щоб надати вам кращий веб-сайт.

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

Це шар рендерингу. РРГ0С надає координаційну систему, в якій кожен пункт, кожна крива, і кожна трансформація математично визначена.

У верхній частині цього шару рендерингу PinePaper додає ще два речі. Перша система****: кожен документ проголошує, що один канал означає в реальному світі — один міліметр, один сантиметр, один дюйм, один другий, один герц. Рушники по краях полотна, що блокують. Сітка оснащена до неї. Вибір розміру звіту про читання в ньому. Другий - це шар***, який вирішує рівняння, трансформує сигнали та оцінює математичні вирази на одній координатній системі.

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

Це не візуальні ефекти, які приблизні математики. Вони are математика, комп'ютерна і подаються на координаційній системі, одиниці яких мають імена.

Interactive demo — open in editor pp:PinePaper

Що можна вимірювати на полотні

Не потрібно знати математику використовувати PinePaper. Ви не повинні знати, що крива бджільництва малювати один. Не потрібно розуміти матрицю алгебри, щоб обертати форму. Машина підлога — це двигун, не рульове колесо.

Але там є математика, і це чесно. Кожна крива визначається поліноміями, не пікселями. Кожна трансформація зберігає пропорції точно. Кожен вимір на лінійці відповідає реальній одиниці. А коли ви крок за кроком, що заходить до моделювання, сюжетування, або анімації, власних розчинників PinePaper, трансформаторів, сигнальних процесорів.

Кілька прикладів яких робіт на полотні сьогодні:

A текстильний або шаблонний конструктор* може викладати там, де геометричні форми плитка літака. Кути повинні додавати. Заготовки повинні відповідати без зазорів. Ця ж проблема митці папки Lyonnais вирішили з кольоровими клітинами, і ті ж проблеми математики навчалися протягом століть. PinePaper's bezier paths і boolean операції дозволяють перевірити, чи підходять деталі - і математика забезпечує їх виконання. Встановити полотнищ до «прочитаного» і сітку набуває на літрову точку паперу: одну клітинку, одну бородавку-і-перехрестя, точно так як працювали дизайнери шовковистого магазину.

Дизайнер інтер'єру або інструктор* накреслення макета приміщення може встановити полотницький блок до метрів, намалювати стіни масштабом, і читати розміри назад від лінійок. Це серветка-сірочка і концептуально-панельна робота, не повний архітектурний проект — PinePaper не є інструментом САД - але блоки реальні і пропорції є точними. Те ж полотні працює для викладача, що складається з класичних кімнат, маркетолога, що складається з торгово-шоу, або творця контенту, що ілюструє "як оформити домашній офіс" з вимірюваннями, які не лягають.

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

Дудентське навчання про хвилі** може намалювати морську хвилю на полотні. Зміна частоти і хвильових компресів. Зміна амплітуди і він вирощує високорослі. Додайте дві хвилі разом і вони заважають. PinePaper's PineMath працює безпосередньо — y = sin(x), y = sin(x)/x, параметричні вигини, що ви можете писати як формула. Встановити пристрій x-вісі на секунди і блок вісь на оберти і ділянку тепер слід осцилограф.

Учитель пояснив рух може імітувати гойдалки ручок. Розчинники ППГ0С — Euler, Runge-Kutta 4, адаптивний Dormand-Prince RK45 - складання реальної фізики крок за кроком. На екрані не є анімація, яка імітує педулу. Це чисельне рішення для диференціального рівняння, що дає в реальному часі. Студент бачить його уповільнення у верхній частині дуги і прискорює внизу. Розуміння – це візуальний перший, математичний другий.

A музикант** може побудувати частотний вміст сигналу за допомогою Cooley-Tukey FFT і побачити спектр. Анімувати його з часом і частотний вміст перетворюється в спектрограму — побудовано з того ж математичного перетворення Фур'є опубліковано в 1822 році. Налаштуйте к-осьовий блок до герцу, а спектр прочитає на частотах безпосередньо.

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

A-конструктор руху** може виготовити анімацію, де об'єкт легко і без проблем. Кріплення кривої є кубічним бджільником — функція, яка відображає час дії. На полотні PinePaper, що крива не є попередньою, вибраною з меню. Це рівняння ви можете побачити, редагувати та розуміти.

A calligrapher або font дизайнер* може будувати листи, де кожен кривий є бджолярним поліномним. Ширина пробок варіюється уздовж доріжки. Розслаблення між літерами слідувати ритму. Всі милі, всі точні, всі зберігаються як геометрія, а не пікселів.

Для тих, хто хоче читати рівняння безпосередньо, 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:

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

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

Що в місці — і що вирощувати

Три можливості вже існують в PinePaper і продовжують поглиблення:

Сучасні зв’язки* автоматично зберігають математичні зв’язки між елементами. Якщо мітка орбітує коло, слідувати цілі, або прикріплюється до кістки, то обмеження живі — переміщення батьків і кожного залежного елемента переміщається з ним. PinePaper кораблі 25+ способів зв'язку сьогодні (абоbits, наступні, прикріплені to, підтримка distance, керовані by, wiggle та багато іншого). Що зростає: багатший двигун, де ці стосунки стають першими класичними фактами документу, не просто рункі поведінки.

Графік роботи**** вже в місці. Кожен елемент полотна має семантичну ідентичність — тип, зв'язки, анімація, математичні функції — які агенти AI можуть читати і переробити. Онтологія сповіщає 95 класи по лексиці PinePaper, опублікованих як публічний домен CC0. Що зростає: багата структура графіка, яка включає в себе співвідношення, пропорції та геометричні залежності, тому агент AI може попросити "як це співвідношення сторін?" і отримати відповідь людини може перевірити на лінійці.

Dimension Readout* показує вимірювання в реальних блоках. Вибираємо елемент і ХУД відображає його ширину і висоту в міліметрах, дюймах, або будь-якій одиниці полотна встановлюється. Рушники і сітки блоків забезпечують візуальне посилання. Яке зростання: повнорозмірні анотації у підготовці традиції — свідомі лінії, лідерські стріли, текст виміру — як елементи першого класу, які оновлюються при геометрії, вони описують зміни.

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

Що ми віримо

Чотири нитки пропускають через цю історію.

Пофарбувати папір* є історичним інструментом: сітка, де кожна клітина є блоком фізичної роботи. Підключає дизайнера шовку Lyonnais, аналітичний двигун Jacquard, аналітичний двигун Lovelace та сучасний піксель.

Mathematics* - це мова, яка надає сітці її точність. Sumerian токени, геометрія Euclidean, координатори Cartesian, трансформатори Fourier, диференціальні рівняння — кожна гілка була придумана для того, щоб виміряти щось попереднє відділення.

Measurement* є актом, який приєднується до двох. Для спостереження за все, потрібно вимірювати. Щоб виміряти все, вам потрібно математики. Щоб зробити вимір видимий — щоб покласти його на поверхню, де ви і хтось інший (або ви і AI) можна побачити те ж саме — потрібна координаційна система.

PinePaper - сучасний синтез. Геометрія вектора як шар рендерингу. Названа система блока як поверхнева поверхня людини. Чисельний обчислювальний двигун як задня кімната. Так само полотно слугує дизайнером, студентом, архітектором, музикантом, вченим та асистентом AI — бо всі вони роблять те ж саме в різних бокулярах. Вони записують, що вони дотримуються.

Ми не робимо. Графік роботивже в місці — кожен предмет полотна несе семантичну ідентичність, що агенти AI можуть читати, з 95 класами онтології опубліковані під CC0. Системареляційна система* вже зберігає геометричні обмеження: 25+ типів зв'язку зберігає елементи, підключені, вирівнюються та синхронізуються як зміни сцени. Поглиблення графа — виразність графіка — співвідношення, пропорції та залежностей, щоб кожен геометричний зв'язок переважний, не просто застосовувався в режимі runtime. Паралельно досліджена модель, що навчається на обох поверхнях PinePaper — його високорівневої команди API і сирої SVG, що полотно має рідне. Як рендерити, анімувати, експортувати та приєднатися до графіка знань через те ж саме трубопроводі, без покрокового перетворення. У рамках дослідження SVG-and-LLM, що інформує цей напрямок; наш проект є емпіричним доповненням — * Може сьогоднішні моделі читати, генерувати, і причина про геометрію вектора як вільно, так як вони обробляються текст?* Ми поділимо результати роботи. Більше форм, більш складових, більше мов. Ці інженерні проблеми, не концептуальні. Математичне фундамент вже на місці. Що залишається підключати його до кожного виду виміру особи — або AI — може знадобитися побачити.

Наша робоча гіпотеза:******** Точка-паперовий дизайнер вимірюється нитками. Фізичний рух заходів. Частота музичних заходів. Підкреслюють дизайнерські заходи. Заходи художника балансують. Дитина міркує заміс. Полотно не потрібно знати домен — це тільки потрібно вірити координатам і чесним про підрозділи.

Не потрібно знати, що ви робите математику. Ви просто повинні бачити, що пропорції є правими, що анімація відчуває природну, що спакінг збалансований, що плакат, який призначений саме A4. З математики є те, щоб переконатися, що очі не знецінені.

Це емпірична скарга. Може бути неправильним. Але якщо він тримає, ми не просто будуємо дизайн-інструмент — ми будуємо інструмент для перегляду те, що описує математику. І ми будуємо для всіх.

Редактор безкоштовно, і він завжди буде безкоштовним. AI, що приводить його, можна безкоштовно відкриті моделі, такі як Gemma працюють на власній машині і підключаються до PinePaper безпосередньо через його відкритий протокол. Інструмент, як це не варто сидіти за допомогою Paywall — люди, які потребують координаційної системи, є точно тими, хто не може дозволити собі.

Посилання

  • Боксер, М., Огєвецький, В., Хайр, Ю. (2011). D3: Дані-Driven Документи. IEEE Trans. Візуалізація та комп'ютерна графіка, 17(12), 2301-2309.
  • Дескартес, Р. (1637). La Géométrie. Лейден.
  • Демос (2023). Демос Класна програма — Звіт про вплив.
  • Есінгер, J. (2004). Jacquard Веб-сайт: Як працює Hand-Loom під керівництвом Народження Інформаційного віку. Оксфордський університет Прес.
  • Фур'єр, Дж. (1822). Терея анальнийytique de la chaleur. Париж: Фірма Дідо.
  • Гучіардини, Н. (1999). Читання Принципії: Дебати на математичних методах Ньютона. Кембриджський університет Прес.
  • Хат, Т.Л. (1908). Для тринадцять книг елементів Euclid. Кембриджський університет Прес.
  • Херсон. 430 БЦ. Історія, Книга II.
  • Хенвартер, М. (2002 р.). ГеоГебра — Програмна система для динамічного навчання математики. Університет Зальцбурга.
  • Малярка, А. (1843). Нотатки перекладача, в Л.Ф. «Шкетч аналітичного двигуна, що входить до складу Карла Буббажу». Наукові спогади, 3, 666–731.
  • Майєр Р.Є. (2009). Мультимедіа (2-й ред.). Кембриджський університет Прес.
  • Ніссен, Г.ДЖ., Дамперов, П., Ендлон, Р.К. (1993). * Архаїчне ведення бухгалтерського обліку: Раннє письма та методики економічного управління на Стародавньому Сході*. Університет Чикаго Прес.
  • Раш, Р. (1994). Розвиток арабської математики: між арифметичною і альгебра. Весна.
  • Сандерсон, Г. (2015). 3синій1Brown — Чоловічий анімаційний двигун. github.com/3b1b/manim.
  • Шмандт-Бессерат, Д. (1992). Бефор Письма, Вол. I: Від обчислення до Cuneiform. Університет Техасу Прес.
  • Шеннон, С.Є. (1948). Математична теорія спілкування. * Технічний журнал Bell*, 27(3), 379-423.
  • Сувенір, J. (1988). Когнітивне навантаження під час виконання проблем. * Когнітивна наука*, 12(2), 257-285.

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

Ready to create?

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

Open PinePaper Editor