uji

uji

极简主义生成艺术工具激发创意与沉浸体验

UJI 是一款基于浏览器的生成艺术工具,采用极简设计理念。通过直观的按钮和滑块界面,创作者可以轻松探索和生成独特的数字艺术作品。该工具提供多种预设选项和可调参数,支持多格式导出,并可通过 URL 分享作品。UJI 旨在营造一个探索性的创意环境,同时带来沉浸式体验。无需安装,适合艺术爱好者和设计师探索数字艺术的多样可能。

UJI生成艺术图像生成交互界面参数调整Github开源项目
<div align="center"> <img src="https://yellow-cdn.veclightyear.com/0a4dffa0/9f54fc05-625f-4a66-a956-dc69456e29c5.svg" width="48" align="center">

<br>一个极简主义的生成艺术工具 –<br>按下按钮,玩转滑块!

</div>

这个界面的设计(或者说,刻意不设计)旨在通过玩耍来探索——无论是对你这个用户,还是对我这个制作这个奇怪界面的人来说都是如此。它的目的是营造一个模糊的冥想和创意环境。

顺便说一下,这不仅限于桌面设备!

顶部的平铺按钮是预设——用它们作为起点,或者点击浏览它们,看看有哪些可能性,然后再自己重新开始。<kbd></kbd>预设将所有选项设置为默认值,所以在你玩了一会儿之后,这是一个很好的起点。

滑块决定了生成图像的所有方面。将鼠标悬停在滑块旁边的图标上(这些图标使用了帝国亚拉姆语腓尼基语的字形),可以查看每个滑块的功能描述。你还可以通过滑块旁边的文本输入直接编辑选项,可以方便地用<kbd>tab</kbd>键浏览。当鼠标指针悬停在滑块上时,按<kbd>+</kbd><kbd></kbd><kbd></kbd>键会增加其值(按<kbd>-</kbd><kbd></kbd><kbd></kbd>键则会减少)。同时按住<kbd>shift</kbd>键可以进行10倍大的调整。

🎨 在doersino.github.io/uji/上尝试各种选项吧!

如果你发现稍微改变一个滑块会轻微修改你预期应该由其他滑块控制的行为:让我们就说这是一个旨在引导你的创造力走向新路径的限制(而不是懒惰实现细节的结果)。

在侧边栏底部,有几个按钮:首先,带有人字形图标的连体按钮提供了撤销/重做功能(常用的键盘快捷键也可以使用)。点击不言自明的"导出"按钮后,你将看到可用格式的选择:PNG、JPEG、SVG和JSON,后两种适用于绘图仪。相邻的**"分享"按钮会显示一个编码了你选项的可分享URL**,如果你想向其他人展示你用UJI制作的东西,这个功能非常方便。(如果你在点击任一按钮时按住<kbd>alt</kbd>键,将在每种情况下执行默认操作——PNG下载URL复制到剪贴板。)

你的公寓只需一个简单的技巧就能变成这样!(这个技巧就是:用这个工具制作东西。)

关于名字:我可以假装它指的是禅宗佛教中的uji概念,但实际上,这些字母只是很适合做一个漂亮的logo,我之前用我的绘图仪工具Brachiosaurus拼凑了一个初始版本,后来用Markdeep Diagram Drafting Board制作了最终的logo(以及撤销重做导出分享图标)。

📓 在我的博客上阅读关于算法的介绍,并查看大量示例!

注意事项

设置

这只是一些HTML、JavaScript、一张图片和几个网络字体 - 所以无需设置!如果你想在本地运行这个工具,只需git clone这个仓库或下载ZIP文件,然后在你喜欢的浏览器中打开index.html。当然,在这种情况下,链接分享就没有太大意义了,但其他功能应该可以正常工作。

我想添加但没有添加的功能,因为我会对此感到厌烦并最终永远不会发布这个东西

也许我以后会在有动力的时候完成其中的一些。(更新:已经完成了不少,但总是还有更多!)同时,如果你真的想要实现其中的某个功能,随时可以提出issue(或者你自己动手实现并发送pull request!)。

  • 一种在不断生成垃圾的同时随机化选项的方法,参见这里
  • 使用WebGL渲染以提高性能 – 尽管混合模式和模糊效果在那里可能不太容易实现,而且当前基于<canvas>的方法仍然需要作为后备方案。
  • 将生成过程导出为视频,参见这里 – 这可能值得以后重新考虑,因为这个功能最近才变得可能。[类似地,"元滑块"可以生成像这样的短动画。但从用户界面的角度来看,这似乎太复杂了(而且即使只是预览,渲染所有帧也会非常慢),所以这真的只是一个遥不可及的梦想。]
  • 由于早期的一个疏忽,对于圆形/方形/三角形的线条,线条在其起点处会稍微短一些 – 线段数越少,这种现象就越明显。这并不是一个难以修复的问题,但它会微妙地改变先前通过分享URL访问的绘图的外观 – 对于其中一些绘图来说,当前的行为可能构成了重要的视觉兴趣点 – 因此,如果要解决这个问题,就需要在分享URL和下载的文件名中添加某种绘图算法版本控制方案。
  • 能够将先前创建的绘图重新导入UJI并继续修改参数(从文件名中提取)。

已知bug

Chrome倾向于绘制出比其他浏览器更不清晰/明亮的线条。

许可证

你可以根据定制的这是MIT许可证,但你不能制作NFT,除非你用收益来喂鸟并给我发送它们的照片许可证使用本仓库的内容,详见LICENSE

然而,fonts/子目录包含具有自己许可证的第三方网络字体

  • Renzhi Li的Iosevka Aile,整个界面使用的字体,根据SIL开放字体许可证1.1版授权使用,详见这里
  • Google的Noto Sans,提供用于预设和滑块标签的古代文字字形,也是根据其SIL开放字体许可证1.1版使用,详见这里

此外,笔记本电脑的库存照片Howard Bouchevereau拍摄,展示椅子和相框的照片由Christopher Burns拍摄,两者均来自Unsplash

最后 – 这与许可无关,但我想提一下 – 整体布局改编自Markdeep Diagram Drafting BoardCrop Circles,这两个都是我之前的项目。

编辑推荐精选

TRAE编程

TRAE编程

AI辅助编程,代码自动修复

Trae是一种自适应的集成开发环境(IDE),通过自动化和多元协作改变开发流程。利用Trae,团队能够更快速、精确地编写和部署代码,从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能,是提升开发效率的理想工具。

AI工具TraeAI IDE协作生产力转型热门
商汤小浣熊

商汤小浣熊

最强AI数据分析助手

小浣熊家族Raccoon,您的AI智能助手,致力于通过先进的人工智能技术,为用户提供高效、便捷的智能服务。无论是日常咨询还是专业问题解答,小浣熊都能以快速、准确的响应满足您的需求,让您的生活更加智能便捷。

imini AI

imini AI

像人一样思考的AI智能体

imini 是一款超级AI智能体,能根据人类指令,自主思考、自主完成、并且交付结果的AI智能体。

Keevx

Keevx

AI数字人视频创作平台

Keevx 一款开箱即用的AI数字人视频创作平台,广泛适用于电商广告、企业培训与社媒宣传,让全球企业与个人创作者无需拍摄剪辑,就能快速生成多语言、高质量的专业视频。

即梦AI

即梦AI

一站式AI创作平台

提供 AI 驱动的图片、视频生成及数字人等功能,助力创意创作

扣子-AI办公

扣子-AI办公

AI办公助手,复杂任务高效处理

AI办公助手,复杂任务高效处理。办公效率低?扣子空间AI助手支持播客生成、PPT制作、网页开发及报告写作,覆盖科研、商业、舆情等领域的专家Agent 7x24小时响应,生活工作无缝切换,提升50%效率!

蛙蛙写作

蛙蛙写作

AI小说写作助手,一站式润色、改写、扩写

蛙蛙写作—国内先进的AI写作平台,涵盖小说、学术、社交媒体等多场景。提供续写、改写、润色等功能,助力创作者高效优化写作流程。界面简洁,功能全面,适合各类写作者提升内容品质和工作效率。

AI辅助写作AI工具蛙蛙写作AI写作工具学术助手办公助手营销助手AI助手
问小白

问小白

全能AI智能助手,随时解答生活与工作的多样问题

问小白,由元石科技研发的AI智能助手,快速准确地解答各种生活和工作问题,包括但不限于搜索、规划和社交互动,帮助用户在日常生活中提高效率,轻松管理个人事务。

热门AI助手AI对话AI工具聊天机器人
Transly

Transly

实时语音翻译/同声传译工具

Transly是一个多场景的AI大语言模型驱动的同声传译、专业翻译助手,它拥有超精准的音频识别翻译能力,几乎零延迟的使用体验和支持多国语言可以让你带它走遍全球,无论你是留学生、商务人士、韩剧美剧爱好者,还是出国游玩、多国会议、跨国追星等等,都可以满足你所有需要同传的场景需求,线上线下通用,扫除语言障碍,让全世界的语言交流不再有国界。

讯飞智文

讯飞智文

一键生成PPT和Word,让学习生活更轻松

讯飞智文是一个利用 AI 技术的项目,能够帮助用户生成 PPT 以及各类文档。无论是商业领域的市场分析报告、年度目标制定,还是学生群体的职业生涯规划、实习避坑指南,亦或是活动策划、旅游攻略等内容,它都能提供支持,帮助用户精准表达,轻松呈现各种信息。

AI办公办公工具AI工具讯飞智文AI在线生成PPTAI撰写助手多语种文档生成AI自动配图热门
下拉加载更多