itorr / one-last-image

🧸「One Last Image」卢浮宫生成器 One Last Kiss 封面风格生成

🧸「One Last Image」卢浮宫生成器

One Last Image 卢浮宫生成器 是一个 将 赛璐珞风格 动画截图 或 插画，转换成 One Last Kiss 封面风格的在线生成器

地址

https://lab.magiconch.com/one-last-image/

功能

在转换时，可以自定义

• 线条处理方案
• 开关 One Last Kiss 风格（仅将图片转换为线稿）
• 给画面暗部排铅笔调子
• 叠加类似 One Last Kiss 光碟封面水印
• 初回限定盘面效果选项
• 线迹轻重
• 调子数量
• 叠加歌词 （未完成）

点按图片可以和原图对比生成效果，也可以直接输出对比图

手机端请使用自带浏览器进行保存

GitHub

https://github.com/itorr/one-last-image

微博

https://weibo.com/1197780522/M19X18EGP

使用了

ITC Avant Garde Gothic Bold #3

one-last-image's Issues

透明背景的显示问题

在测试链接将生成图片另存为后本地打开会发现显示不一致，调子好像被去掉了

初步怀疑是透明背景导致了window照片的显示错误

应有的样子：

真实的显示（没截全，但大小是没问题的）：

BTW，或许可以加上一个是否选择纯白背景的选项

扫描铅笔排线作为调子纹理

旧版本 iOS 不支持 inset CSS 属性

需要用 top right bottom left 替换

iOS Safari 初次开启页面输出为空白图的老 bug

输入 url 或 跳转进入页面的第一次，生成图像时 ctx.getImageData 获取到的数据会变成 [0,0,0,0,0,0,0...]

再次刷新页面 或者 回退前进 时会恢复正常

在线拍照，实时生成preview

就是可以开启摄像头，然后show preview on live

说不定可以用 gpu.js 的库做到
https://gpu.rocks/#/

寻找 One Last Kiss 标题字体

One Last Kiss 的字体一直没有找到，特点是 无衬线、超粗、手写体 a

前端小白，请问这个工程怎么在本地部署呢

如题

添加降噪选项

应对原图有很多细节纹理的情况，可能需要在处理前先过一遍降噪

添加叠加歌词选项

添加初回限定银色圆形标贴

logo loading 在一倍视窗界面下文字显示效果怪异

自定义水印

找到一个风格有点棒的开源手写字体，研究下自定义水印的可行性
https://github.com/Chenyu-otf/chenyuluoyan_thin

可以添加一个在线上传的功能么

这样子就能在线直接生成后保存了

看了下代码可以直接拖拽进去，建议稍微完善一下说明文字

下载按钮改为链接元素

下载按钮改为链接 在无法 download 的情况下降级为普通链接跳转

是否可以提供构建electron跨平台应用的途径？

试着构建electron但可能依赖的问题失败了，希望作者大佬提供官方electron离线跨平台应用release，谢谢！