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

社区大神『超级浣熊』开发的 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 内置的扩展商店，可供用户浏览、下载和自动安装官方或者第三方插件、资源。同时也支持和欢迎各位开发者将自己开发的扩展插件、美术素材、音乐音效等资源提交到扩展商店以便分享或者售卖。