这是什么?
一个非官方的学习用复刻项目,还原了 Grok Bot.app v0.18.0 登录页面上的角色动画 —— 用弹簧驱动的方式重建了这个角色引擎,用来学习它的状态机、弹簧运动和多边形眼睛是如何实现的。
它是需要安装的应用,还是在浏览器里打开的东西?
不是可安装的应用 —— 它是一个由纯 HTML 和 JavaScript 组成的静态网页。引擎按学习模块拆分在 replica/src/ 目录下:character、pose、tricks、eyes、fx、math、tables。
我怎么运行它?
在任意浏览器中打开 replica/index.html 就行。全部准备工作就这些 —— 不需要构建、安装或配置任何东西。
我需要先装 Node、npm 或其他工具吗?
不需要。这个仓库没有任何包依赖,也没有构建步骤;页面就是纯 HTML 和 JavaScript,直接从文件就能运行。
我能在自己的项目里使用这个角色或它的素材吗?
不可以。角色设计、商标、图标、几何数据以及从应用包中提取的所有内容都归 xAI 所有 —— 明确禁止商业使用和再分发。
原始登录页面上的角色用了哪些设置?
登录页面使用的是 sizePx: 64、颜色 'black'、形状 'blob'。 playground 默认从 curious(好奇)姿势启动,登录轮换按钮会从 idle(待机)状态重放整个循环,每 1200 毫秒切换一次姿势。
这个角色有多少种不同的造型?
geometry-data.js 定义了 25 种眼睛形状(u3)、18 种身体形状(Jo)和 11 种颜色(snt),涵盖了原版呈现的全部表情范围。
除了可运行的复刻项目,仓库里还有什么?
extracted/ 文件夹存放了从主应用包中提取的学习片段,extract-asar.js 可以按需解包应用包,assets/ 里是静态 Dock 图标和应用内图标 —— 这些是商标,不属于引擎的一部分。
角色会跟随我的鼠标指针吗?
在大预览里会 —— 指针跟随在那里默认开启,但源代码本身默认是关闭的。
What are similar projects?
WebGL-Fluid-Simulation, particles.js, multipleWindow3dScene, mojs, parallax, Viscose-carousel, p5.js, zdog
Which topics is it in?
spring-animation, xai, demo, fun, educational, creative-coding, grok, interactive, graphics, reverse-engineering, animation, browser