Доступен выпуск JavaScript-библиотеки Zdog 1.0 (https://zzz.dog/), реализующей 3D-движок, выполняющий симуляцию трехмерных объектов на основе векторных примитивов Canvas и SVG, т.е. реализющий трёхмерное геометрическое пространство с фактической отрисовкой плоских форм. Код проекта открыт (https://github.com/metafizzy/zdog) под лицензией MIT. Библиотека насчитывает всего 2100 строк кода и занимает 28 Кб без  минификации, но при этом позволяет создавать достаточно эффектные мультяшные объекты и анимировать их движение.

Движок создан под впечатлением от старой компьютерной игры Dogz (https://ru.wikipedia.org/wiki/Petz), в которой для формирования 3D-окружения применялись плоские двумерные фигуры на основе спрайтовой графики. Целью проекта является предоставление средств, позволяющих работать с 3D объектами так же просто как с векторными иллюстрациями.

    

В Zdog применяются только скруглённые формы, без выраженных полигональных неровностей. Модели 3D-объектов в Zdog формируются при помощи простого декларативного API и компонуются через привязку и группировку простых форм (https://zzz.dog/shapes), таких как прямоугольники, окружности, треугольники, отрезки, дуги, многоугольники  и кривые. Простые формы визуализируются в более сложные трёхмерные представления, такие как сферы, цилиндры и кубы. При этом с точки зрения разработчики сферы определяются как точки, торы как круги, а  капсулы как толстые линии.

Составные элементы объектов обрабатываются с учётом их относительных позиций и скрепления невидимыми якорями. Все динамические свойства, такие как преобразования, вращения и масштабирования, представляют собой векторные опеарации, задаваемые при помощи объекта Vector. Для пространственных объектов поддерживаются полигональные сетки.

URL: https://github.com/metafizzy/zdog
Новость: https://www.opennet.ru/opennews/art.shtml?num=50777

• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 11:01 , 30-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Ordu, 11:15 , 30-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 18:20 , 30-Май-19
    • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,pXeL, 18:49 , 30-Май-19
      • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 20:45 , 30-Май-19
        • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Kuromi, 21:36 , 30-Май-19
          • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 06:39 , 31-Май-19
      • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 12:12 , 31-Май-19
        • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 13:48 , 31-Май-19
          • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 13:54 , 31-Май-19
          • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 15:49 , 31-Май-19
    • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 15:36 , 31-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Канделябры, 19:59 , 30-Май-19
    • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,AlexYeCu_not_logged, 10:35 , 31-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,commiethebeastie, 10:04 , 31-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 11:14 , 30-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Ordu, 11:18 , 30-Май-19
    • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Наноним, 15:02 , 30-Май-19
      • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним с портфелем, 15:13 , 30-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,iPony129412, 16:51 , 30-Май-19
    • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 20:26 , 30-Май-19
    • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 23:48 , 30-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 01:35 , 31-Май-19
    • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,жабабыдлокодер, 10:31 , 31-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 12:31 , 30-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 13:00 , 30-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 13:22 , 30-Май-19
    • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,тоже Аноним, 13:34 , 30-Май-19
      • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 02:43 , 31-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 01:38 , 31-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 12:33 , 30-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,НяшМяш, 12:41 , 30-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,тоже Аноним, 13:27 , 30-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 14:33 , 30-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 15:27 , 30-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Наноним, 15:09 , 30-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 15:13 , 30-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Попугай Кеша, 16:58 , 30-Май-19
    • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,имя, 17:45 , 30-Май-19
      • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 08:57 , 31-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 14:45 , 31-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,ананимас, 17:38 , 30-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,IRASoldier_registered, 20:35 , 30-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Какаянахренразница, 05:49 , 31-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 11:19 , 31-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 13:21 , 31-Май-19
  • Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,Аноним, 13:37 , 31-Май-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,x3who, 16:12 , 02-Июн-19
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий...,ёнкр, 16:06 , 03-Июн-19

> с фактической отрисовкой плоских форм

Так, погодите-ка. А что, те игры, которые зовутся "3д-играми", разве фактически выводятся не на плоском (2д) мониторе?

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

Твои глаза тоже видят мир в 2d, словно смотришь в монитор. Что в мир смотришь, что в монитор.

в том то и дело, что 2 глаза - это стерео - ты можешь оценить растаяние - это 3Д. А если на мир смотреть 1 глазом, то растояние не сможешь определять - это есть 2Д

Как ни странно, но даже с одним глазом можно прекрасно это делать. А вообще - странное у вас определение 3Д...

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

> включается ваш мозг и его накопленный опыт - расстояние до предметов определяется за счет имеющихся сведений о конфигурации помещений и объектов в них.

можно просто сказать "используется натренированная нейросеть"

А если с одним глазом перемещаться влево-вправо, можно определить с помощью параллакса движения. Так  некоторые животные делают, типа белок, у которых два глаза, но они расположены по бокам и бинокулярного зрения нет.

https://en.wikipedia.org/wiki/Depth_perception

И люди так могут. Вот например эта картинка должна восприниматься как трёхмерная:
(Простите на ссылку через Гугл) https://urlzs.com/YTiwF

PS: Так как у меня отключён показ картинок, я не знаю - является ли эта картинка подходящей. Но анимированные картинки которые воспринимаются как трехмерные за счёт перемещения по горизонтальной оси - существуют.
Простите если это - не она. Я же их не смотрел.

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

Люди, да, используют много признаков для восприятия глубины. Стерео - только один из них. Художники знают кучу приёмов для передачи объема на плоской бумаге.

Ты не видишь в мире объёма?!? Как же это грустно жить по плоскому в плоскости. Бедненький...

За пределами Линукса они уже выводятся даже в шлемы виртуальной реальности с полным 3D 360.

>За пределами Линукса они уже выводятся даже в шлемы виртуальной реальности с полным 3D 360.

Во-первых, в Линуксе поддержка VR-шлемов таки есть.

Во-вторых, ты этими самыми шлемами пользовался?
Даже довольно новые vive-pro вызывают далеко не самые положительные эмоции. А уж для работы использовать ЭТО.. Я, кстати, как раз использую иногда, всегда радуюсь, если можно на коллегу такое «счастье» спихнуть.

Не думал, что встречу здесь человека не знающего что такое оси координат.

Автор на гитхабе к каждому коммиту ставит Эмодзи. Это какая-то болезнь?

Это выглядит как наконец-таки найденное семантически полезное применение эмодзи.

Как хорошо, что в юзер-стилях эта пёстрая говнина легко отключается

Установи Symbola шрифтом для эмодзей в браузере, будут олдскульно монотонные (цвета текста).

> Автор на гитхабе к каждому коммиту ставит Эмодзи. Это какая-то болезнь?

Я вот боюсь в мэсаджах к коммитам писать Эмоджи 😞
Вот это и есть болезнь ака фобия. Ещё со времен старых 💾
Тебя с детства вогнали в рамки. Там 8.3 в именах фалов и тому подобное...
И даже до сих пор оно не проходит.
Если бы пользовался одной macOS, то наверно бы не боялся.
А автору можно только по аплодировать 👏 - он не боится.

> Вот это и есть болезнь ака фобия.

не, это в тебе еще осталось что-то человеческое, может это уважение к другим.

Устрой каминаут, пони. Ты должен быть горд за то, что используешь эмоджи, разве не так? Потом еще парады проводить будете, за права бороться. У пьяных вдвшников на 2 августа новый объект для побоев появится опять же.

А у вас что эмодзифобия?

Логично, чё. Если человек не есть экскременты и не обмазывается ими, значит - у него копрофобия.

> реализующий трёхмерное геометрическое пространство с фактической отрисовкой плоских форм

Раньше это называли емким словом "изометрия".

Крепко сжать карандаш обеими рукам и держать его неподвижно с максимальным усилием?

Изометрия это не способ отрисовки, а проекция. Полно изометрических игр, использующих честное 3D (и даже воксели бывали, см. Hexplore).

Главное отличие для компьютера - в том, что "честное 3D" делает проекцию из точки. Со всеми вытекающими расчетами.
Изометрическая проекция на плоскость математически куда проще.
Например, на приведенных картинках зубцы шестеренки в честном 3D отличались бы шириной на передней стороне и на задней. В изометрии они одинаковы.

Хотите сказать, что в 3D (ну opengl там, скажем, или прости г-ди D3D) мы не сможем сделать честную изометрию? Ой-ой.

Не факт что изометрия. Спрайты из дума под эту формулировку очень подходят. И даже спрайтовые взрывы в современных играх

Прикольная вещь!

Фигурка человечка выглядит стрёмно. Самое то изометрические хорроры делать.

Собственно, серия Alone In the Dark примерно так и делалась.
Графика внушала отдельный ужас ;)

Кто-то пилит WebGL и WebGPU, а кто-то костылики с софт-рендером на канвасе

Зато такие костылики будут работать хоть на одноплатниках.

Zdog și Zdug

так вот куда катится вся современная иллюстрация -- к примитивам.

Это лишь проекция сознания. Какое сознание - такая и проекция ) Бытие определяет сознание ) Сознание определяет вектор

ну да, а скьевоморфизм конца нулевых-начала десятых стало быть является высшей точкой развития графики.

воистину так.

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

PS:Если есть одно исключает другое, то одно из этого - враньё, по идее. Может и я вру.

Оо это давно забытое искусство 3d рендеринга примитивами-спрайтами, было в Vectorman и Ballz еще на сеге, примерно в одно время с Petz 4

> Библиотека насчитывает всего 2100 строк кода и занимает 28 Кб без минификации

Вот это действительно хорошо. И старое доброе подключение через <script src="my_awesome_script.js"></script>.

Обалдеть! Я в восторге.

Какая-то детскость есть в этих анимированных фигурах. Миленько так.
И это тот сорт искажений, которые не только портят объект, видимо.
Как mp3 сжатие, которое как кто-то написал - может сделать музыку более "чистой", "идеальной".
Я смотрю на физически недостоверную анимацию и мне норм.

Сайты станут еще более прогрессивнее. На многих этот вау-эффект сработает, хотя как по мне - ничего революционного. Обычные свистелки да перделки.

Свистелки и перделки это круто, но часто отвлекают, да. От компиза в свое время я получал какое-то удовольствие, двигая "резиновые" окошки по экрану.
Сворачивая, разворачивая, передвигая окна безо всякой цели. Кажется, точно не помню.

А для GUI что-нить такое есть? Ну там чтобы можно было вывод сенсоров, кнопочки управления всё такое унифицированно лепить?

По сравнению с векторными движками на WebGL(2.0) это выглядит убого.