汉字居然可以玩出这种花样?Creator 最佳文字书写解决方案!

COCOS

共 1102字,需浏览 3分钟

 ·

2020-12-10 20:22

社区大神『超级浣熊』开发的 Cocos Creator SVG 系列组件中,汉字组件已经有了三次更新!

汉字组件工程中,已经包含了从开源库 hanzi-writer-data CDN files 导出的 「9500 +」汉字数据。

想要加载对应的汉字,只需要将其对应的数据 json 文件,拖放到对应属性即可。

想要调整汉字的大小,只需要修改 cc.Node 节点的 width/height 属性即可。


编辑器支持

Editor 中支持所见即所得,大部分的属性,都可以在编辑器中实时调试,查看效果。



渲染

对指定的  svg  数据格式汉字进行渲染,并提供了丰富的属性可以对渲染结果进行控制。

  • Hanzi && 汉字
  • Grid && 网格
  • Frame && 边框
  • Median && 引导线

笔画动画

对汉字按照笔画顺序,进行动画演示,并提供了丰富的属性可以对动画进行控制。

 笔画测试

对汉字按照笔画顺序,进行手写测试,并提供了丰富的属性可以对动画进行控制。


总结

就像最前面提到过的,这个组件是由之前做的 SSRSVGComponent 组件衍生出来的。

后续 SSRSVGWriterCompnent 的所有更新内容,也会提交到 SSRSVGComponent中,供已经购买过之前组件的朋友免费下载更新。

这一版本的组件,把大部分想做的功能已经实现,并且进行了初步的整理,优化。

后续还有一些在计划中的功能点,有的难度会比较大,有的难度较低,我会努力更新的。

  • 宣纸,纸风格 Paper Shader
  • cc.Graphcics 顺序填充更好的解决方案,medians 垂直分段
  • 笔画  Brush Shader ,例: 水墨,钢笔,水彩
  • 笔画动画控制 play resume stop reverse
  • 橡皮擦除
  • 自定义汉字,形状,字母工具 makemeahanzi-tool
  • 制作英文字母,日文五十音图对应 svg 数据
  • 汉字部首解析
  • 笔画平滑算法优化
  • 进一步性能优化
  • 手写识别 Make Me a Hanzi Demo
  • binding ?

有需要的开发者可以点击下方链接查看详情:
SVG汉字组件
完整版本SVG套件

Cocos Creator 内置的扩展商店,可供用户浏览、下载和自动安装官方或者第三方插件、资源。同时也支持和欢迎各位开发者将自己开发的扩展插件、美术素材、音乐音效等资源提交到扩展商店以便分享或者售卖。


浏览 48
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报