我正在使用 createjs 和一堆其他库来开发一个非常基本的视觉小说创作器,这些库可以让我渲染视频。现在我被困在这部分,我真的不知道如何解决。
我想实现语音气泡,我已经拥有的那些确实很丑,但它们是用 createjs 的 vector 图形 API 制作的,所以我可以根据需要缩放它们,而不会损失质量。我想制作一个更时尚的对话气泡,带有彩色边框,使它们更吸引人的眼睛,(或者至少可以匹配 Assets 中使用的图形样式),我不认为使用整个 Sprite 会起作用,因为,我无法在不损失质量的情况下放大它们,并且会发生许多其他不好的事情。
你们建议我做什么?我在这部分真的很挣扎:$
附注 如果你们想查看的话,这是这个网站。是西类牙语,但我认为你们可以找到使用编辑器的方法。仅适用于 Chrome!
http://www.skiboo.com.mx/video_editor_test/
P.P.S。 英语不是我的母语,所以请耐心等待。
最佳答案
查看 EaselJS GitHub 中的 ScaleBitmap“额外”。这允许您使用单个图像,切成 3x3 网格, Angular 部未缩放,侧面在单轴上拉伸(stretch),中心拉伸(stretch)以填充空间。有趣的是,它使用的示例是语音气泡:)
- 来源:https://github.com/CreateJS/EaselJS/tree/master/extras/ScaleBitmap
- 示例:https://rawgit.com/CreateJS/EaselJS/master/extras/ScaleBitmap/ScaleBitmap.html
请注意,如果您使用 Illustrator 或 Flash Pro(现为 Adobe Animate)等工具来创建 vector 图形,则可以使用 vector 图形做很多事情。 Flash可以导出CreateJS图形,有http://drawscri.pt之类的工具可以导出 Illustrator 内容。
关于javascript - CreateJS,实现语音气泡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34146286/