grok-icon-study README

The project's README from github.com/blessonism/grok-icon-study. As one markdown file: README.md.

Grok Bot 角色复刻(仅供学习参考)

素材归 xAI / 相应权利人所有。
本仓库仅供学习参考,请勿商用或再分发。

这是对 Grok Bot.app v0.18.0 登录页角色动效的学习复刻,用于研究状态机、弹簧动画、多边形眼睛等实现。

打开

浏览器打开 replica/index.html。

登录页原参数:sizePx: 64、color: "black"、shape: "blob"。
pjn(n) = n%2===0 ? idle : cSe[(n-1)/2],间隔 1200ms。
playground 有意从 curious 起播;点「登录轮换」才按 pjn(0)=idle 重来。大预览默认开指针跟随,源码默认关。

项目结构

路径 内容
replica/index.html L1 舞台
replica/src/ 拆开的引擎:character / pose / tricks / eyes / fx / math / tables
replica/geometry-data.js u3 25 眼、Jo 18 身形、snt 11 色
replica/grok-blob-idle.svg 静态 blob + idle u3[0]
extracted/ 从主包抽出的学习参考片段
extract-asar.js 解包辅助脚本(按需使用)
assets/icon.iconset/、assets/app-icon-256.png Dock / 应用内静态商标(不是角色引擎)

免责声明

grok-icon-study (blessonism/grok-icon-study)

Searching Database…

这是什么?一个非官方的学习用复刻项目,还原了 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 图标和应用内图标 —— 这些是商标,不属于引擎的一部分。
角色会跟随我的鼠标指针吗?在大预览里会 —— 指针跟随在那里默认开启,但源代码本身默认是关闭的。
Creator
blessonism
Size
1.9 MB
Stars
369
Updated
CommitAug 16
Age
2mo
Commits · 90 Days