Chara Studio is a powerful editor that lets you create a scene using the characters, animations, models, sounds available from the game.
Below is a detailed 33-steps picture-to-picture that cover the basics with explanation to get you started into the editor.
1. |
![Koi g01 initial.png](/hgames/images/thumb/2/2d/Koi_g01_initial.png/500px-Koi_g01_initial.png) |
When you open the editor, you will be presented with a default black screen as seen in the picture. Basic explanation on each button are explained in the picture.
|
2. |
![Koi g02 selectchar.png](/hgames/images/thumb/9/99/Koi_g02_selectchar.png/500px-Koi_g02_selectchar.png) |
Let's add the character!
add -> female/male character -> [YOUR CHARACTER HERE]
|
3. |
![Koi g03 char.png](/hgames/images/thumb/0/0e/Koi_g03_char.png/500px-Koi_g03_char.png) |
The Character is added! as seen in the workspace tab just on the right
|
4. |
![Koi g04 anim.png](/hgames/images/thumb/c/cd/Koi_g04_anim.png/500px-Koi_g04_anim.png) |
Now select the character, and then open up the Animations tab
|
5. |
![Koi g05 state.png](/hgames/images/thumb/6/68/Koi_g05_state.png/500px-Koi_g05_state.png) |
Using the State Tab, you can change the character's clothes (school, swimming, date etc.) and accessories, the condition of the clothes (Closed, Half-Opened, Naked)
|
6. |
![Koi g05 state2.png](/hgames/images/thumb/5/5f/Koi_g05_state2.png/500px-Koi_g05_state2.png) |
You can also change tears level, cheek blushes, monochrome color (for men), penis show/hide, and penis size
|
7. |
![Koi g06 anim.png](/hgames/images/thumb/b/b3/Koi_g06_anim.png/500px-Koi_g06_anim.png) |
Now, I went fast to adjust the animation (anim->from animations) to make the character look cool a bit while we changing the Kinema Tab
|
8. |
![Koi g07 look.png](/hgames/images/thumb/6/61/Koi_g07_look.png/500px-Koi_g07_look.png) |
Onto Kinema, Line of Sight is to set up the Eyesight on where to look.
*Note that we intentionally skipped the FK (Forward Kinematics) and IK (Inverse Kinematics) for advanced guide later.
|
9. |
![Koi g08 neck.png](/hgames/images/thumb/f/f2/Koi_g08_neck.png/500px-Koi_g08_neck.png) |
On Neck Operations Tab, we can change on how the neck behaves. Either Forward, At Camera, Animation-based, Fixed.
|
10. |
![Koi g08 neck2.png](/hgames/images/thumb/2/2f/Koi_g08_neck2.png/500px-Koi_g08_neck2.png) |
By using At Camera, then set it to Fixed, we can get a result like shown on the left.
|
11. |
![Koi g09 face.png](/hgames/images/thumb/8/8f/Koi_g09_face.png/500px-Koi_g09_face.png) |
On Face Operations Tab, we can change eyebrows, eyes, and mouth type.
|
12. |
![Koi g10 animchange.png](/hgames/images/thumb/7/72/Koi_g10_animchange.png/500px-Koi_g10_animchange.png) |
Since I got bored with the previous animation, why don't we get a more "offensive" animation. Notice that I changed the right-hand by using the Hands Tab, located just below the Face Operations Tab before
|
13. |
![Koi g11 costume.png](/hgames/images/thumb/5/56/Koi_g11_costume.png/500px-Koi_g11_costume.png) |
On Costumes Tab, you can change the character's costume
|
14. |
![Koi g12 config.png](/hgames/images/thumb/9/9a/Koi_g12_config.png/500px-Koi_g12_config.png) |
*skipped the Sounds Tab intentionally because it seemed simple to understand*
Onto System>Configuration, here we adjust the editor default settings. The first three (Editor Main Settings) are saved on the next session you opened the editor again. The rest are saved on each Scene file on PNG.
|
15. |
![Koi g12 config2.png](/hgames/images/thumb/d/d0/Koi_g12_config2.png/500px-Koi_g12_config2.png) |
Changed the BG Color to Light Blue.
|
16. |
![Koi g13 options.png](/hgames/images/thumb/c/c3/Koi_g13_options.png/500px-Koi_g13_options.png) |
On the Options Tab, the settings are related to how the editor operates (like adjusting the size of the cursor)
|
17. |
![Koi g13 options2.png](/hgames/images/thumb/d/d9/Koi_g13_options2.png/500px-Koi_g13_options2.png) |
Here is my default editor cursor, set at 0.3 size
|
18. |
![Koi g14 logo.png](/hgames/images/thumb/9/9c/Koi_g14_logo.png/500px-Koi_g14_logo.png) |
Logo tab is for changing the Logo (Located lower-right from the screen) when you take screenshot of your scene in the Editor
|
19. |
![Koi g15 map.png](/hgames/images/thumb/f/f5/Koi_g15_map.png/500px-Koi_g15_map.png) |
Back to the Add Tab, here we can change the map, back to the classy protagonist room
|
20. |
![Koi g15 move.png](/hgames/images/thumb/c/ca/Koi_g15_move.png/500px-Koi_g15_move.png) |
Since the character magically clipped into the table, so we adjust the positions using the editor cursor (you can also change it from the coordinates!)
|
21. |
![Koi g16 time.png](/hgames/images/thumb/4/43/Koi_g16_time.png/500px-Koi_g16_time.png) |
Now we open up the Map Options Tab, to adjust the map position, rotation, and time of day
|
22. |
![Koi g17 night.png](/hgames/images/thumb/c/c5/Koi_g17_night.png/500px-Koi_g17_night.png) |
Changing the map's time of day have an effect. For example, At Night, your room's windows are closed
|
23. |
![Koi g18 add.png](/hgames/images/thumb/c/cc/Koi_g18_add.png/500px-Koi_g18_add.png) |
Let's add new character to fill up my loneliness in this guide, her name is Kou, My 18th waifu (out of 30), she's playful and cute, will help us explaining this guide.
|
24. |
![Koi g19 add2.png](/hgames/images/thumb/c/cf/Koi_g19_add2.png/500px-Koi_g19_add2.png) |
Using the same settings, Kou is made to pose beside me.
|
25. |
![Koi g20 color.png](/hgames/images/thumb/a/ab/Koi_g20_color.png/500px-Koi_g20_color.png) |
After the Logo Tab, we move on to the Character Light Tab, we can change the light color, self shadow on/off, the strength of the light, Vertical and horizontal light placement. Different from the Editor Main Settings, this settings and below are saved on Each Scene File. (see step no.14)
|
26. |
![Koi g21 cadjust.png](/hgames/images/thumb/0/07/Koi_g21_cadjust.png/500px-Koi_g21_cadjust.png) |
On the Screen Effects Tab, I change the color filter to Vivid with 0.375 opacity, highest value at 1 will removes the color filter completely.
|
27. |
![Koi g22 ambient.png](/hgames/images/thumb/8/81/Koi_g22_ambient.png/500px-Koi_g22_ambient.png) |
Ambient Occlusions set to 0, no dark areas seems lighter
|
28. |
![Koi g22 ambient2.png](/hgames/images/thumb/5/51/Koi_g22_ambient2.png/500px-Koi_g22_ambient2.png) |
Ambient Occlusions set to 1, edges (including character's) are darker
|
29. |
![Koi g23 dof.png](/hgames/images/thumb/1/1b/Koi_g23_dof.png/500px-Koi_g23_dof.png) |
Depth of Field's Focal Width set to 0.29 (This is the Range) Aperture is the intensity of the blur.
|
30. |
![Koi g24 bloom.png](/hgames/images/thumb/e/ea/Koi_g24_bloom.png/500px-Koi_g24_bloom.png) |
Turned On Bloom settings with lighting's blur to 4.215, Fog cannot be seen in this map.
You can use the default blank map to see the effects of Fog and Sunshafts
|
31. |
![Koi g25 sunshaft.png](/hgames/images/thumb/e/e2/Koi_g25_sunshaft.png/500px-Koi_g25_sunshaft.png) |
Sunshafts aren't available too.
You can use the default blank map to see the effects of Fog and Sunshafts
|
32. |
![Koi g26 shadow.png](/hgames/images/thumb/6/69/Koi_g26_shadow.png/500px-Koi_g26_shadow.png) |
Final touch on the Graphics settings is.. Shadow. I used Slight, Smooth Shadows on this one. All the other settings beside Editor Main Settings are saved in the Scene File. (see step no.14)
|
33. |
![Koi g27 end.png](/hgames/images/thumb/5/5c/Koi_g27_end.png/500px-Koi_g27_end.png) |
Thanks for reading this lengthy basic introduction guide, we hope you can create your own fantastic scene later.
|
EX. |
![Koi scene example.png](/hgames/images/thumb/c/c1/Koi_scene_example.png/500px-Koi_scene_example.png) |
Other Simple Example of a Scene using all the explanation made by this Guide (this example scene utilizes a slight blue-colored fog on the bottom and sunshafts)
|