Character Creator是一个帮助人们轻松创建出漫画角色的web应用程序，只要按照自己的喜好选择人物特征元素(包括性别、发行、眼镜、嘴唇等等)，就能创建出一个漫画形象，具体的大家可以进入网站体验，网址：https：//charactercreator.org/。1 C9 ^7 b4 k( |" O
: S$ y+ d. ?6 g4 x: x6 l& |# l9 h1 \4 L. x1 f+ |
, Q# H, P1 t$ C( ^+ P, A Z
Frederic是这个网站的开发者，他竟然用了六年的时间来创建和改善这个网站，直到现在收入才达到450美元。可以说是，Frederic是“用爱发电”。让人感到佩服的是，他原先只是一个漫画家，自学各种开发技术，一步一步再创建了Character Creator。% Z. C$ |1 F0 Y" I# p: c2 N
2 J9 ^. F# i ^8 d/ s" Q6 s* ? 你的背景是什么?现在在做什么? 9 P- H; t4 E2 f9 N , F2 n; E5 A# H$ B嗨!我的名字叫Frederic，是一个漫画家和网页开发人员。我从小就在家里的电脑上编程，在画桌上画漫画。/ A. e. E9 F1 a4 |
. O5 Q! k* T' B/ d/ ~& s/ H
我曾画过一段时间的漫画，最终成为了一名网络开发人员。这两种技能最终结合在一起，这也是我们做出Character Creator这个产品的基础。 " a/ p, d: R( o2 f* T $ B2 @7 I3 _2 r- J6 X2 T0 FCharacter Creator是一个web应用程序，它帮助故事讲述者能够按自己想要的效果创建漫画角色。只需点击一系列选项和菜单，根据自己的选择就能建立角色。网站还有一个下载按钮，这样使用者就可以在存储设备上保存一份矢量文件。2 f5 D- M. R$ b+ [9 A7 u% g
' T5 H2 F! [$ A. M! A5 k! {我创建Character Creator目的是让自己能够改进角色创建过程。作为一名开发人员，我可以看到重用代码的好处，但作为一名艺术家，没有复杂的方法来做到这一点。/ b) X- C2 ?( s3 E
b5 m+ G E% h; h0 d& ?漫画家们每次画一个新的面板都是要从零开始的。而通过将矢量艺术转换为一种媒介，并将字符作为代码位来处理，我就能够将组成字符的所有元素进行分类，并在每次需要它们作为新字符的一部分时，用模块化的方式重复利用。这样一来，每个项目只需要绘制一次，所有人都可以使用。 ! o, u- w" N& L8 ]6 k6 B( n+ p6 W: }; d+ N9 T& g s% G
组织这些图的另一个好处是，您可以设计一个算法来帮助从大量元素中创建原始的、随机的字符。这些随机的角色往往会给故事带来惊喜和灵感。 # P* E1 W1 B% b) p7 J& ]; U* X, q/ i J6 k5 A: K! a 是什么激励你开始构建Character Creator? ; O' k+ F0 y7 Z1 `5 \8 b 3 p; V4 l: A) z! t2 n7 [7 m我当时正在做一个漫画书的项目，这个项目开始失控了。我想要以最有趣的方式着处理这个项目，但整个过程让我感到筋疲力尽，把项目拖得很慢。这个痛苦的过程，迫使我去寻找更好的方式来完成任务。6 ^/ ?' Z! F. J, H; v3 [8 d
0 ?4 A4 s6 h1 o; L' y, K0 h+ j那时，我已经把软件换成了Linux，并开始使用免费的图形程序，这时我发现了矢量图形程序Inkscape。它让我重新发现了矢量图形。几年前在学校时我就玩过这种格式，但当时并不是很感兴趣。+ }+ B# P% i, d+ S7 z) f( N
9 R! \/ {7 C$ R+ K% R; g- c2 z k$ |
可缩放矢量图形(Scalable Vector Graphics，SVG)的属性让我觉得可以尝试和测试一下自己理论。; l) r' p( \) O/ {# i: s# d: E
$ h9 ^( @7 a6 p
为此，我还必须会用JavaScript编写代码，以便能够按照我的设想构建应用程序。起初，我使用了自己能想到的每一个库，并向朋友寻求帮助，以获得一个最小的可行产品并运行起来。" ~ T( x" E2 S
# s0 I# W% E6 a# V我使用了Snap.svg和jQuery，甚至D3。但这只是一种让一个版本运行起来快速简单的方式，并让人们可以给我反馈以进行多次迭代。随着时间的推移，我选择删除所有库，并用自定义函数替换项目中的所有用例。我不得不对代码的某些部分进行两三次重构，但每次迭代都是一次改进。直到现在仍有改进的空间。+ \7 o6 z9 {8 a3 T v7 L
发表于 2020-6-29 15:31:53
发表于 2020-6-29 15:35:19
发表于 2020-6-29 15:45:57
发表于 2020-7-1 11:19:35
发表于 2020-7-4 20:47:53
