Giter VIP home page Giter VIP logo

closure-talk's Introduction

Closure Talk

A stylized chat generator. Try it!.

This project is currently beta. Development progress and plan are on Wiki pages of the repo.

中文说明

How to Use

  1. Change language on top of page.
  2. Search for characters on the left.
  3. Click on an avatar to add it to quick access (bottom right).
  4. In quick access area, switch avatar by clicking, or pressing Ctrl+Number.
    • Ctrl+1 switches to the "player" (dokutah or sensei)
    • Ctrl+2 switches to first character, etc.
  5. Type. Press Enter to send, press Shift+Enter to line break.
  6. Click on the avatar next to the chat input to send stickers and images, or special chat items
  7. Top right of page, buttons for:
    • saving a screenshot
    • saving the chat to a text file
    • loading a chat saved previously

More on Editing

  1. Click on a bubble to start inserting chats after it.
  2. Right-click on a bubble to edit the content, force avatar display, or delete the bubble.
  3. Click on blank area. Then Ctrl/Cmd+Z and Ctrl/Cmd+Y to undo and redo chat changes.

Credits

This project is inspired by Yuzutalk. The Yuzutalk-style renderer is also taken from their website.

Character metadata sources:

Copyrights

closure-talk's People

Contributors

aemonjape avatar halozhy avatar logchan avatar wengsy150943 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

closure-talk's Issues

I want to provide a korean language strings

和平与你同在, 先生.
I am a native korean and I know the korean strings for the blue archive, if you okay,
then Could I provide you the korean string and make a korean locale page?
I meant for the blue archive, but if you, 先生 wants, then I also can research for the arknights.
Thank you, have a nice day.

开发暂停至八月中旬 | Development halted until mid-Aug

由于个人原因我最近一直不能更新这个项目,预计会在八月中旬恢复开发。之后会加入新功能并且及时更新游戏数据。谢谢各位的支持和耐心等待。

Due to personal circumstances, I've been and will be unable to update this project until mid-August. New features and regular game data updates have been scheduled. Thanks for your support and patience.

有关部分学生缺失及头像图片的问题(BA)

虽然closure talk有自定义角色的功能,但是出于便利性考量,希望能够对资源进行优化。

目前游戏内已实装但无法找到的学生:
明星 日鞠(千年·特异现象搜查部),飞鸟马 时(千年·C&C),黑崎 小雪(千年·研讨会),仓森 美祢(圣三一·救援骑士团),歌住 樱子(圣三一·修女会).

还有部分学生的换装头像没有出现:
黑馆 晴奈(正月),赤司 淳子(正月),羽川 莲见(体操服),早濑 优香(体操服),猫塚 响(应援团),朝颜 花江(圣诞),鹫见 芹娜(圣诞),爱清 枫香(正月),爱丽丝(女仆装),花冈 柚子(女仆装),飞鸟马 时(兔女郎).
以及部分卫星中的学生换装。

还有部分学生的头像与游戏内使用的不同:
杏山 和纱(圣三一·放学后甜点部).

除此之外,部分虽然没有实装但已经在剧情中出现或比较重要的角色希望也能加入,例如:
莉音/理绪(千年·研讨会),真琴(格黑娜·万魔殿),伊吹(格黑娜·万魔殿),妃咲(山海经),葛叶(百鬼夜行),花耶(联邦学生会),葵(联邦学生会),清澄 晶(七囚人).

部分其它可能包含严重主线剧透的角色,则可能可以通过添加额外筛选条目的方式添加。

以上,考虑到部分学生(例如蒙面泳装团的几位)拥有非常多头像,而部分其它已经出场甚至实装学生却没有或缺失头像,个人认为可以进行增加。

谢谢。

Momotalk font issue

The font used for Momotalk currently is not the font used in-game.
Currently, my browser defaults to Ubuntu or sans-serif.

The web font 'GyeonggiTitle' should be used for rendering Korean MomoTalk, as it is the font used in-game.
Other languages should default to the 'Noto Sans' series.

This change would greatly help immersion with the messages.

关于自定义图片 | About Custom Images

自定义图片和头像功能目前的做法是和整个聊天内容的信息一起保存在浏览器的 localStorage 里,这个存储的容量上限是所有东西加起来5MB左右。因此之前会遇到一些图片无法上传的问题。(注:“上传”也只是传到你的浏览器里面)

目前使用了一个临时方法:自动把上传的图片缩小到宽400px,头像宽100px。这样一来每张图片大约不到100k,应该还算够用……

要彻底解决这个问题需要把图片放到别的地方(比如 IndexedDB)不过会比较麻烦。我会先做完移动端适配再来考虑这个事。

The custom image / avatar uploading feature currently saves the images with other chat data in your browser's localStorage, which has a size limit of about 5MB for everything. Therefore, some have encountered issues with image uploading. (Note: here, uploading means transferring into the browser.)

A temporary solution has been implemented: the uploaded images are resized automatically to width of 400px (100px for avatars). Each image will take less than 100KB space, should be good for most users.

One better and permanent solution would be to use IndexedDB. But it'll take more time to implement, and I'd rather focus on mobile support first.

关于明日方舟风格的段分隔符的小建议

非常感谢您开发这样一个有趣的工具,给我的日常生活增添了许多乐趣。作为一个程序员,我也fork了您的源码学习了一番。

在学习源码的过程中,我发现明日方舟的段分隔符,也即模仿肉鸽月度小队通讯的header,在当前实现中是写死为Part.01的。当多次使用分隔符时,会稍显奇怪。或许使header的序号依次递增会显得更自然一点。不知道是否存在这样的需求?

我也尝试对源码进行了一些调整以实现这个功能。如果修改这个部分不会影响您的开发计划,且这个修改您觉得合适。我可否可以申请pr将我的修改合并进主分支中?

期待您的回复。

另,请问这个项目是否欢迎类似这样优化/修改功能的pr?不知道这样的pr是否会打乱开发计划。

关于新版的问题

当前版本优化不佳,下载后的图片大多数都会变形,希望作者能把版本先调回去,或者抓紧优化,拜托了,谢谢
closure-talk-2024-04-29-12-59-15-102
closure-talk-2024-04-29-12-59-15-55

关于在Json文件中添加自定义角色的问题

就我所知,自定义角色是保存在浏览器里而并非Json中,

当你在浏览器中删除该角色,导入json后该角色的对话会变成自己的对话。

您能否把自定义角色的数据改为储存在json文件里,方便转移?

移动端奇怪的对话内容编辑行为

现状阐述

对于已有对话内容的编辑,移动端呈现了如下奇怪的逻辑

  • 点击对话
  • 将输入聚焦至该对话
  • 再次点击该对话
  • 取消聚焦
  • 第三次点击时,出现了奇怪的行为
  • 输入聚焦至该对话,并且弹出编辑对话内容

后续行为

  • 第四次点击
  • 取消聚焦
  • 第五次点击
  • (效果与第三次点击相同)

很奇怪的逻辑,一般预期的行为是聚焦该对话,然后有某些行为可以直接编辑此对话

建议

聚焦对话后,在对话下方分割线处加上编辑样式文本,点击文本(范围可扩大至分割线)即可直接编辑,而无需三次点击

e.g. (已聚焦至对话内容1)

对话内容1
---------编辑
对话内容2
对话内容3

一個小問題

我想把這個工具部署在本地 那我該怎麽弄嘞🤯 沒有什麽經驗 所以想請教一下

生成图片时,图片高度可能会超过Canvas渲染上限,导致压缩图片

Canvas的渲染高度上限似乎是16384像素,超过这个高度后,屏幕捕捉便会将图片自动按比例压缩至16384像素内,导致清晰度降低。
不知道您是否可能会考虑在生成图片时检查一下图片的高度,并在,比如说,图片高度超过16000像素时将图片进行切分后下载?

我知道恐怕这是个很难会有人碰到的应用场景,但无奈我写得实在太长了。如果它能够比较简单地被解决的话,我希望您能满足一下这个小小的需求。非常感谢!

移动端缩放问题

PC端或平板使用还好,在屏幕尺寸较小的手机上左半边的角色选择栏几乎占满整个屏幕且无法调整,希望后续能够适配移动端进行一定程度的缩放,或者可以收起左侧角色选择侧边栏

Make naming convention consistent

Currently, the names of functions and class members follow a random naming convention. Need to refactor and use a consistent pattern.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.