|
|
Line 1: |
Line 1: |
| {{Koikatu}} | | {{Koikatu}} |
− | [[File:koi_cs_logo.png|350px]] | + | [[File:koi_cs_logo.png|358px]] |
| =Chara Studio= | | =Chara Studio= |
| ==Introduction to Chara Studio== | | ==Introduction to Chara Studio== |
Revision as of 18:41, 3 June 2018
Chara Studio
Introduction to Chara Studio
Chara Studio is a powerful editor that lets you create a scene using the characters, animations, models, sounds available from the game.
Editor Cursor
There are 3 types of Editor Cursor:
-
Translation Editor Cursor, this moves the object in x/y/z axis.
-
Rotation Editor Cursor, this rotates the object in pitch/yaw/roll axis.
-
Sizing Editor Cursor, this resizes the object in x/y/z axis.
Beginner's Guide for Dummies
Below is a detailed 33-steps picture-to-picture that cover the basics with explanation to get you started into the editor.
33-Steps Beginner's GUIDE for Dummies
|
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, dark areas (or edges) 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.
Remember: 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
|
Advanced Editor Guide
Notice: Screenshot helper and detailed explanation coming soon
Grouping/Parenting
To Group/Parent objects, first you must select the parent object, for example RightHand on a Character. When RightHand is selected, ctrl+click on the object you wish to be the child object. In this case, a smartphone. After both are selected, select the Group/Parent button to finish grouping.
The advantage of Grouping, is when you moves/rotates the parent object around, the child objects will follow. As seen in Sample_01.png located in ... \Koikatu\UserData\Studio\scene\
Forward Kinematics and Inverse Kinematics
Forward Kinematics or in short FK, is where you can adjust every joint on a character's body (hairs, head, skirt etc.) to make a custom pose using Rotation Editor Cursor.
Inverse Kinematics or in short IK, is where you can adjust every joint on a character's body (hairs, head, skirt etc.) to make a custom pose using Translation Editor Cursor.