OGRAF HTML 动画OGRAF HTML 动画
CREATOR GUIDE / 创作指南

把你的动画带到 OGRAF

已有 .ograf 文件?按规范检查后直接上传。还没有作品?从 HTML、CSS 和 JavaScript 开始制作,再打包成可分享的 OGRAF 动画。

阅读本页无需登录;只有提交作品时才需要登录账号。

上传已有作品

适合已做好 .ograf 或 .zip 压缩包的创作者。

  1. 1

    检查文件

    确认压缩包根目录包含 project.json 和 index.html,压缩包不超过 500 KB。

  2. 2

    填写作品信息

    在上传页选择文件,确认标题、分类、许可证、标签及横竖屏支持。

  3. 3

    预览并发布

    上传后进入作品编辑页,检查实际预览效果,再发布到社区。

进入上传页(需登录)

开发新的 OGRAF

适合想自己编写动画,或使用 AI 辅助制作的创作者。

  1. 1

    制作动画

    用 HTML、CSS 和 JavaScript 编写 index.html;图片、字体等本地资源一并放入包内。

  2. 2

    描述作品

    在根目录编写 project.json,提供名称、尺寸、帧率、时长与可配置数据等信息。

  3. 3

    测试与打包

    先在浏览器中检查画面与交互,再将文件压缩为 .ograf 或 .zip,进入上传页预检。

打包前,请检查这些规则

打包前,请检查这些规则

上传器会在本地预检,并在服务器再次校验文件包。

  • project.json 必须是有效的 JSON 对象;index.html 是动画入口。
  • 最多 200 个文件,解压后总大小不超过 5 MB。
  • 不要使用绝对路径或包含 .. 的路径;资源应随压缩包一起提供。

my-animation.ograf

├── project.json

├── index.html

└── assets/

准备好了,上传作品

准备分享你的作品?

上传后先在编辑页检查预览,再决定是否发布。

进入上传页(需登录)