diorama

用 Three.js 代码搭像素微缩场景,风格稳、可复用

开源 🏷️完全免费 🔧 仅开源项目,无在线服务,需自行部署 设计创意 🍴 复刻 22
GitHub ↗
GitHub 星标 ★ 331
维护状态 活跃
是否开源 开源
定价模式 🏷️完全免费 开源免费,无付费信息

项目预览

diorama 项目界面预览图
图片来源:GitHub 官方仓库名片

项目数据

分类设计创意
开发团队sloemo01
定价模式🏷️完全免费
价格说明开源免费,无付费信息
访问状态🔧 仅开源项目,无在线服务,需自行部署
是否开源是
开源协议MIT
主要语言JavaScript
技术栈/模型agent-skill,agent-skill-repository,agent-skills,ai-agents,creative-coding,diorama,game-art,pixel-art,pixelation,procedural-art,procedural-generation,skill,three-js,threejs,webgl
GitHub 星标★ 331
上线时间2026-10-24 00:00:00
代码更新2026-10-30
仓库体积22.6 MB
本站数据更新2026-11-05
维护状态活跃
收录时间2026-11-05
浏览次数0

项目介绍

diorama 是一个面向像素风微缩场景(diorama)的开源创作工具包,由一套研究先行的搭建流程文档和一套 Three.js 代码组件组成。它要解决的问题是:用代码做像素风 3D 小场景时,相机、配色、像素化、描边、动画和逐帧质检往往各写各的,风格容易跑偏。项目把流程拆成可复用的步骤:先做参考研究再动手搭建,锁定固定视角相机保证构图稳定,用调色板吸附把渲染颜色收敛到有限色板,用有序抖动制造复古像素质感,用墨线轮廓强化玩具模型般的边缘,再给场景中的每个小角色做玩具尺度的循环动画。代码侧提供 Three.js 组件,可组合出上述效果;流程侧提供 agent-skill 形式的操作手册,便于 AI 代理或开发者按步骤产出风格一致的像素微缩场景。项目还强调按实体做逐帧质量检查,减少动画穿帮和像素抖动问题。适合做游戏美术原型、像素风网页展示和创意编程实验。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-11-05 · 当前星标 ★ 331

核心亮点

  • 把固定相机、调色板吸附、有序抖动、墨线描边等像素风关键效果封装成可组合的 Three.js 组件,开箱即用
  • 提供研究先行的搭建流程文档,以 agent-skill 形式组织,便于 AI 代理或团队按统一步骤产出风格一致的结果
  • 强调按实体逐帧质检,能提前发现动画穿帮和像素抖动,适合需要稳定视觉输出的场景

不足之处

  • 项目处于早期,星标约 331,生态和第三方示例较少
  • 偏重流程与代码组件,缺少完整的成品模板和可视化编辑器,上手需要一定 Three.js 基础

适用场景

  • 游戏美术原型:快速验证像素风微缩场景的构图与配色
  • 像素风网页展示:为产品页或作品集制作可交互的 3D 像素场景
  • 创意编程实验:研究有序抖动、调色板吸附等像素化渲染技术

替代项目

three.js、Zdog、pixelit

上一篇:OJO-Design-Skills

下一篇:design.how

同类项目推荐

ink 开源

用 Go 写生成艺术,像 Processing 一样简单,实时渲染不卡顿。

Creative coding in Go

★ 159 2026-08-09
awesome-generative-art 开源

一站式收藏生成艺术资源,从入门到进阶不再迷路

Carefully curated list of awesome resources to create, learn and, drop generative ar···

★ 127 2026-08-09
stack-diagram 开源

一句话描述技术栈,自动生成带官方 Logo 的架构图

Agent skill: describe your stack in a sentence, get an architecture diagram with off···

★ 1730 2026-11-05
awesome-claude-design 开源

按美学风格快速找到 Claude 设计提示词,提升出图效率

Claude Design DESIGN.md prompts by aesthetic family, remix recipes, skills, video te···

★ 1189 2026-08-09
swiss-design-skill 开源

让 AI 一键产出瑞士风排版,告别花哨乱炖

A Swiss International Style design system skill for AI agents

★ 162 2026-10-08
oil-ui 开源

用 AI 把 UI 设计从拖拽变成写代码,快速出稿

UI design skill for Claude Code, Codex and other AI agents: explore distinct directi···

★ 2727 2026-10-06
mandelbrot 开源

一行命令画出经典曼德博分形,入门分形编程首选

Simple Mandelbrot

★ 60 2026-08-09
L5 开源

用 Lua 快速玩转创意编程,轻量跨平台。

L5 is a fun, fast, cross-platform, and lightweight implementation of the Processing ···

★ 73 2026-08-09