Что это такое?
Неофициальная учебная копия анимации персонажа со страницы входа Grok Bot.app v0.18.0 — движок персонажа на пружинной анимации, воссозданный для того, чтобы разобраться, как устроены его конечный автомат, пружинное движение и полигональные глаза.
Неофициальная учебная копия анимации персонажа со страницы входа Grok Bot.app v0.18.0 — движок персонажа на пружинной анимации, воссозданный для того, чтобы разобраться, как устроены его конечный автомат, пружинное движение и полигональные глаза.Это приложение, которое нужно устанавливать, или оно открывается в браузере?Устанавливать ничего не нужно — это обычная статическая веб-страница на чистых HTML и JavaScript. Движок разбит на учебные модули в папке replica/src/: character, pose, tricks, eyes, fx, math, tables.
Устанавливать ничего не нужно — это обычная статическая веб-страница на чистых HTML и JavaScript. Движок разбит на учебные модули в папке replica/src/: character, pose, tricks, eyes, fx, math, tables.Как его запустить?Откройте replica/index.html в любом браузере. На этом вся настройка заканчивается — ничего собирать, устанавливать или настраивать не нужно.
Откройте replica/index.html в любом браузере. На этом вся настройка заканчивается — ничего собирать, устанавливать или настраивать не нужно.Сначала нужно поставить Node, npm или ещё какие-то инструменты?Нет. В репозитории нет ни одной пакетной зависимости и этапа сборки; страница работает как обычные HTML и JavaScript прямо из файла.
Нет. В репозитории нет ни одной пакетной зависимости и этапа сборки; страница работает как обычные HTML и JavaScript прямо из файла.Могу ли я использовать персонажа или его ассеты в своих проектах?Нет. Дизайн персонажа, торговые марки, иконки, данные геометрии и всё, что извлечено из пакета приложения, принадлежат xAI — коммерческое использование и распространение прямо запрещены.
Нет. Дизайн персонажа, торговые марки, иконки, данные геометрии и всё, что извлечено из пакета приложения, принадлежат xAI — коммерческое использование и распространение прямо запрещены.Какие настройки были у персонажа на оригинальной странице входа?На странице входа использовались sizePx: 64, цвет 'black' и форма 'blob'. Песочница по задумке стартует с позы curious, а кнопка login-rotation проигрывает цикл с состояния idle, меняя позы каждые 1200 мс.
На странице входа использовались sizePx: 64, цвет 'black' и форма 'blob'. Песочница по задумке стартует с позы curious, а кнопка login-rotation проигрывает цикл с состояния idle, меняя позы каждые 1200 мс.Сколько разных внешних видов у персонажа?Файл geometry-data.js задаёт 25 форм глаз (u3), 18 форм тела (Jo) и 11 цветов (snt) — это покрывает весь диапазон выражений, которые показывает оригинал.
Файл geometry-data.js задаёт 25 форм глаз (u3), 18 форм тела (Jo) и 11 цветов (snt) — это покрывает весь диапазон выражений, которые показывает оригинал.Что есть в репозитории, кроме работающей копии?В папке extracted/ лежат учебные фрагменты, извлечённые из основного пакета приложения, extract-asar.js распаковывает бандл по запросу, а в assets/ находятся статичные иконки дока и приложения — это торговые марки, а не часть движка.
В папке extracted/ лежат учебные фрагменты, извлечённые из основного пакета приложения, extract-asar.js распаковывает бандл по запросу, а в assets/ находятся статичные иконки дока и приложения — это торговые марки, а не часть движка.Персонаж следит за моим курсором?В большом превью — да: слежение за указателем там включено по умолчанию, но в самом исходном коде оно по умолчанию выключено.
В большом превью — да: слежение за указателем там включено по умолчанию, но в самом исходном коде оно по умолчанию выключено.What are similar projects?WebGL-Fluid-Simulation, particles.js, multipleWindow3dScene, mojs, parallax, Viscose-carousel, p5.js, zdog
WebGL-Fluid-Simulation, particles.js, multipleWindow3dScene, mojs, parallax, Viscose-carousel, p5.js, zdogWhich topics is it in?spring-animation, xai, demo, fun, educational, creative-coding, interactive, grok, graphics, reverse-engineering, animation, browser
spring-animation, xai, demo, fun, educational, creative-coding, interactive, grok, graphics, reverse-engineering, animation, browser