基于 Deluxe Paint 的网页图像编辑器
Web-based image editor modeled after Deluxe Paint

原始链接: https://github.com/steffest/DPaint-js

## DPaint.js:浏览器中的复古图像编辑器 DPaint.js 是一款功能齐全、免费且开源的图像编辑器,灵感源自经典的 Deluxe Paint,直接在您的网络浏览器中运行。它独特地专注于复古 Amiga 图像,支持读取和写入 Amiga 图标文件和 IFF ILBM 图像(包括 HAM 和 24 位),甚至可以直接从 Amiga 磁盘文件 (ADF) 读取。 除了复古支持外,DPaint.js 还提供图层、选区、遮罩、变换、效果以及广泛的颜色还原/抖动工具。内置的 Amiga 模拟器允许在原始 Deluxe Paint 环境中预览作品。 它使用纯 JavaScript 编写,没有依赖项,可在任何系统上使用——甚至包括触摸屏——并且从 Web 服务器提供后即可离线工作。目前处于 Alpha 阶段,欢迎提交错误报告和贡献,最近添加了动画支持和着色工具。未来的开发可能包括对更多图形模式和文件类型(如 PSD 和精灵表)的支持。 **查找地址:** [https://www.stef.be/dpaint/](https://www.stef.be/dpaint/)

黑客新闻 新 | 过去 | 评论 | 提问 | 展示 | 招聘 | 提交 登录 基于网页的图像编辑器,模仿 Deluxe Paint (github.com/steffest) 17 分,bananaboy 发表于 2 小时前 | 隐藏 | 过去 | 收藏 | 讨论 指南 | 常见问题 | 列表 | API | 安全 | 法律 | 申请YC | 联系 搜索:
相关文章

原文

Webbased image editor modeled after the legendary Deluxe Paint with a focus on retro Amiga file formats. Next to modern image formats, DPaint.js can read and write Amiga icon files and IFF ILBM images.

DPaint.js Logo

Online version available at https://www.stef.be/dpaint/

DPaint.js UI

  • Fully Featured image editor with a.o.
    • Layers
    • Selections
    • Masking
    • Transformation tools
    • Effects and filters
    • Multiple undo/redo
    • Copy/Paste from any other image program or image source
    • Customizable dither tools
    • Color Cycling
  • Heavy focus on colour reduction with fine-grained dithering options
  • Amiga focus
    • Read/write/convert Amiga icon files (all formats)
    • Reads IFF ILBM images (all formats including HAM and 24-bit)
    • Writes IFF ILBM images (up to 256 colors)
    • Read and write directly from Amiga Disk Files (ADF)
    • Embedded Amiga Emulator to preview your work in the real Deluxe Paint.
    • Limit the palette to 12 bit for Amiga OCS/ECS mode, or 9 bit for Atari ST mode.
  • Deluxe Paint Legacy
    • Supports PBM files as used by the PC version of Deluxe Paint (Thanks to Michael Smith)
    • Supports Deluxe Paint Atari ST compression modes (Thanks to Nicolas Ramz)

It runs in your browser, works on any system and works fine on touch-screen devices like iPads.
It is written in 100% plain JavaScript and has no dependencies.
It's 100% free, no ads, no tracking, no accounts, no nothing.
All processing is done in your browser, no data is sent to any server.

The only part that is not included in this repository is the Amiga Emulator Files. (The emulator is based on the Scripted Amiga Emulator)

DPaint.js doesn't need building.
It also has zero dependencies so there's no need to install anything.
DPaint.js is written using ES6 modules and runs out of the box in modern browsers.
Just serve "index.html" from a webserver and you're good to go.

There's an optional build step to create a compact version of DPaint.js if you like.
I'm using Parcel.js for this.
For convenience, I've included a "package.json" file.
open a terminal and run npm install to install Parcel.js and its dependencies. Then run npm run build to create a compact version of DPaint.js in the "dist" folder.

Documentation can be found at https://www.stef.be/dpaint/docs/

Dpaint.js is a web application, not an app that you install on your computer. That being said: DPaint.js has no online dependencies and runs fine offline if you want. One caveat: you have to serve the index.html file from a webserver, not just open it in your browser.
A quick way to do this is - for example - using the Spark app.
Download the binary for your platform, drop the Spark executable in the folder where you downloaded the Dpaint.js source files and run it. If you then point your browser to http://localhost:8080/ it should work.

If you are using Chrome, you can also "install" dpaint.js as app.
image
It will then show up your Chrome apps and work offline.

Current version is still alpha.
I'm sure there are bugs and missing features.
Bug reports and pull requests are welcome.

Planned for the next release, already in the works:

  • Color Cycling (done)
  • Animation support (GIf and Amiga ANIM files) (done)
  • Shading/transparency tools that stay within the palette. (done)

Planned for a future release if there's a need for it.

  • Support for non-square pixel modes such as HiRes and Interlaced
  • PSD import and export
  • SpriteSheet support
  • Write HAM,SHAM and Dynamic HiRes images
  • Commodore 64 graphics modes

Please note that the Brave browser is using "farbling" that introduces random image noise in certain conditions. They claim this is to protect your privacy. Although I totally understand the sentiment, In my opinion a browser should not actively alter the content of a webpage or intentionally break functionality.
But hey, who am I to speak, it's a free world. Just be aware that if you are using Brave, you will run into issues, so please "lower your shields" for this app in Brave or use another browser.

Dpaint.js supports Color-Cycling - a long lost art of "animating" a static image by only rotating some colors in the palette. See an example here:

The_Vision_cycle.mp4

Open the layered source file of the above image directly in Dpaint.js

联系我们 contact @ memedata.com