Get stroke counts
After last tutorial, Ive continually developed the Web project. I added new function to get the strokes of words which user typed. Then I would like to reflect the hold process, what difficulties I faced, the idea I got, and the methodology of reach.
Retrieve database
The principle of analyse data actually just search database, which means every element I might use, have existed in database, it could be prepared or made in time.
It is easy to get data, such as stroke counts of word, but the difficult thing is to translate that to a new data, which can be used to generated shape.
Data-driven shape
Data-driven graphic design 32p:
“Unlike the physical process of making a mark with a pen, brush, or even a digital tablet, computational drawings are created by a written list of programming instructions based on rules and procedures that a programmer writes, a computer translates and executes the instructions into individual marks lines, and shapes on the screen.”
Computer generate different graphic base on the data have supported. In current stage, I want to use ‘Stroke’ to effect the format of graphic, which means how shapes group up and how they connect each other. The reason I thought is, Chinese word s sometimes have big differences in structure and strokes, it will effect visuals. The strokes will influence the complexity of the outlook, though it is irrelative to meaning generally, it can clear show different characteristics of words
Make points as coordinate
I create a series of points by strokes count of each word, so every word will have some points which can be the coordinate. In future work, some specific shape could be set in the coordinate. Furthermore, basing on different Tone, the layout of point could be changed, because Strokes merely influence the quantity of points.
render graphic base on different coordinate of each words
The question is, I haven’t decided which way I render graphic. There are two method to render graphic I can use now,
SVG available me to create more beautiful/ delicate shape with high-quality resolution. And Bitmap graphic can generate more curve and massive geometric shape. In future work I will do that both and choose one or both as final effect.
The difficulties I faced now
data analyse
在早期进程中，变量的提取非常困难，尤其是我需要逐个把用户键入的字符匹配数据库，当匹配数据库后，再分析它的别的属性。逻辑层面必须非常清晰：
用户键入————每一个字————属性，如笔画读音偏旁
拼音，检索音调；
笔画————生成坐标，
坐标————通过笔画数判断坐标数量，通过别的属性决定坐标排列方式
偏旁，检索特定的含义，其含义必须被单独设定，手动
whole style
The work must be designed to illustrative, it should give the feeling of words, it doesn’t represent a whole sentence, but it should show the abstract meaning of words.
