返回首页
24小时热榜
嗨，HN！我创建了一个免费的像素艺术编辑器，完全在浏览器中运行——无需安装，无需注册，无水印。前端是开源的（MIT许可证）：<a href="https://github.com/comficker/simplepixelart" rel="nofollow">https://github.com/comficker/simplepixelart</a>
它的功能包括：
- 带有图层、选择、镜像绘图和无限画布工作区的精灵编辑器（多个画板在一个桌面上）
- 帧动画编辑，支持洋葱皮效果、每帧持续时间、GIF和精灵表导出
- 瓦片集构建器，可以从单个基础瓦片自动生成Wang-16和blob-47地形集——支持导出Godot 4 TileSet、Tiled .tsx或PNG+JSON——并提供一个瓦片地图绘制工具以在浏览器中测试地形
- 等距（2:1斜二面体）网格模式，配有等距线工具
- 图像转像素艺术转换器：中值切割量化、实时调整，以及一个“像素清理器”，可以去除孤立像素
一些技术细节：
- 渲染器是手动编写的2D画布——没有引擎，没有WebGL。像素图是以“x_y”为键的普通对象，带有增量的脏像素缓冲区，因此一次笔画的成本约为0.006毫秒/帧，而不是重建整个地图
- 来宾优先存储：所有内容自动保存到localStorage，多个画板的快照保存在IndexedDB中，以避免约5MB的配额限制。仅在需要云同步和发布到画廊时才需要账户
- 最近的一个有趣bug：适配16个等距画板的工作区耗时12.4秒。等距格子被绘制为O(cols×rows)个独立的菱形——每个共享边被绘制了两次。将其重写为两组平行线（O(rows+cols)）后，时间缩短至16毫秒
- 运行时没有CSS框架；设计系统是一个手写的CSS文件
诚实的警告：这个仓库仅包含前端。社区画廊和身份验证是通过托管API运行的，但编辑器本身——绘图、动画、瓦片集、转换、导出——完全在客户端运行，无需账户。
我非常希望得到反馈，特别是来自制作游戏资产的朋友们：在这个工具能替代你当前的快速精灵工具之前，还有什么缺失的？
《宝可梦：翡翠版》已移植到RP2350微控制器上。无需模拟器，支持60帧每秒的HDMI输出。该游戏从ARMv4T重新编译为Cortex-M33，并且Game Boy Advance的图像硬件在第二个核心上以软件形式重新实现。
我开发了一个新的渲染引擎，用于 Mermaid 流程图，旨在消除手动调整布局的需求。Mermaid 是一种流行的基于文本的语言，用于描述多种类型的图表。
目前已经存在多个 Mermaid 渲染引擎。大多数，如原始的 mermaid.js，使用 Dagre 或 ELK 图形绘制库来自动布局图表。我使用 Mermaid 已经四年了，但常常在图表编辑器中重新创建我的流程图，以便能够修改布局，使其更符合我的需求。
当你希望获得自动化的流程图排列，以优化清晰沟通时，可以使用 Line9。它旨在以规则的网格间距布局流程图，使相关节点更靠近，边缘更短、更直，并且目标是达到类似页面的宽高比。在 /diagram 页面（左侧分享面板）中的比较按钮可以让你并排查看 Line9 和 mermaid.js 的渲染效果。
使用是免费的，无需注册账户。也可以下载适用于 Mac、Windows 和 Linux 的 CLI 工具。免费使用的图表会带有水印。商业使用 CLI 需要付费账户，同时你也可以获得没有水印的图表。Line9 不是开源的（我需要创造收入，目前正在测试商业模式）。
我尝试将我在手动创建流程图时使用的布局原则编码并自动化。所有渲染都在浏览器中进行，因此不会将任何私人数据发送到网络服务。CLI 是用 Rust 编写的，并嵌入了渲染器，因此你只需安装一个二进制文件，所有数据和处理都保持本地。目前，它的速度稍慢于 mermaid.js，因为同时解决节点定位和边缘路由的问题比较复杂，以找到最符合设计原则的布局。
输出格式为 SVG 或 PNG。图表也可以通过带有嵌入 Mermaid 文本的片段的 URL 进行分享。
我知道仍然需要改进的地方：子图的定位和旋转、折叠图形以更频繁地达到良好的宽高比、边缘标签位置的进一步改进、与长节点标签的更好交互，以及在缩小时整理显示。然后我还希望支持更多类型的图表。
请将你自己的 Mermaid 流程图粘贴到 Line9 中，特别是那些你之前因为布局不佳而舍弃的图表。让我知道它们是否有所改善，或者还有哪些其他工作需要进行。
(likeface.net 也会重定向到这里)<p>简而言之：从文本描述、包含5个以上字母的字体照片，或上传TTF/OTF文件，制作可下载和安装的字体。<p>每种基础字体生成费用最高为6美元，如果批量购买GET代币则更便宜。支付2个GET代币，可以获得500个以上的字形及其粗体/斜体版本。<p>{内容在初始评论中继续}