View source for Koikatu/Chara Studio

{{Koikatu}}
[[File:koi_cs_logo.png|358px]]
=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:
* [[File:koi_cs_cursor1.png|50px]]''Translation Editor Cursor'', this moves the object in x/y/z axis.
* [[File:koi_cs_cursor2.png|50px]]''Rotation Editor Cursor'', this rotates the object in pitch/yaw/roll axis.
* [[File:koi_cs_cursor3.png|50px]]''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.
{| class="mw-collapsible mw-collapsed wikitable"
! colspan="8" style="text-align:center; width: 500px; background-color:gray; color:white;" |33-Steps Beginner's GUIDE for Dummies
|-
| 1. ||style="background: #FFDDF1;"|[[File:koi_g01_initial.png|500px]]|| 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. ||style="background: #FFDDF1;"|[[File:koi_g02_selectchar.png|500px]]|| Let's add the first character! <br><br>'''add -> female/male character -> [YOUR CHARACTER HERE]'''
|-
| 3. ||style="background: #FFDDF1;"|[[File:koi_g03_char.png|500px]]|| The Character is added! as seen in the workspace tab just on the right
|-
| 4. ||style="background: #FFDDF1;"|[[File:koi_g04_anim.png|500px]]|| Now select the character, and then open up the Animations tab
|-
| 5. ||style="background: #FFDDF1;"|[[File:koi_g05_state.png|500px]]|| 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. ||style="background: #FFDDF1;"|[[File:koi_g05_state2.png|500px]]|| You can also change tears level, cheek blushes, monochrome color (for men), penis show/hide, and penis size
|-
| 7. ||style="background: #FFDDF1;"|[[File:koi_g06_anim.png|500px]]|| 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. ||style="background: #FFDDF1;"|[[File:koi_g07_look.png|500px]]|| Onto Kinema, Line of Sight is to set up the Eyesight on where to look. <br><br>''*Note that we intentionally skipped the FK (Forward Kinematics) and IK (Inverse Kinematics) for advanced guide later.
|-
| 9. ||style="background: #FFDDF1;"|[[File:koi_g08_neck.png|500px]]|| On Neck Operations Tab, we can change on how the neck behaves. Either ''Forward, At Camera, Animation-based, Fixed''.
|-
| 10. ||style="background: #FFDDF1;"|[[File:koi_g08_neck2.png|500px]]|| By using ''At Camera'', then set it to ''Fixed'', we can get a result like shown on the left.
|-
| 11. ||style="background: #FFDDF1;"|[[File:koi_g09_face.png|500px]]|| On Face Operations Tab, we can change eyebrows, eyes, and mouth type.
|-
| 12. ||style="background: #FFDDF1;"|[[File:koi_g10_animchange.png|500px]]|| 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. ||style="background: #FFDDF1;"|[[File:koi_g11_costume.png|500px]]|| On Costumes Tab, you can change the character's costume
|-
| 14. ||style="background: #FFDDF1;"|[[File:koi_g12_config.png|500px]]|| ''*skipped the Sounds Tab intentionally because it seemed simple to understand*''<br><br>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. ||style="background: #FFDDF1;"|[[File:koi_g12_config2.png|500px]]|| Changed the BG Color to Light Blue.
|-
| 16. ||style="background: #FFDDF1;"|[[File:koi_g13_options.png|500px]]|| On the Options Tab, the settings are related to how the editor operates (like adjusting the size of the cursor)
|-
| 17. ||style="background: #FFDDF1;"|[[File:koi_g13_options2.png|500px]]|| Here is my default editor cursor, set at 0.3 size
|-
| 18. ||style="background: #FFDDF1;"|[[File:koi_g14_logo.png|500px]]|| Logo tab is for changing the Logo (Located lower-right from the screen) when you take screenshot of your scene in the Editor
|-
| 19. ||style="background: #FFDDF1;"|[[File:koi_g15_map.png|500px]]|| Back to the Add Tab, here we can change the map, back to the classy protagonist room
|-
| 20. ||style="background: #FFDDF1;"|[[File:koi_g15_move.png|500px]]|| 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. ||style="background: #FFDDF1;"|[[File:koi_g16_time.png|500px]]|| Now we open up the Map Options Tab, to adjust the map position, rotation, and time of day
|-
| 22. ||style="background: #FFDDF1;"|[[File:koi_g17_night.png|500px]]|| Changing the map's time of day have an effect. For example, At Night, your room's windows are closed
|-
| 23. ||style="background: #FFDDF1;"|[[File:koi_g18_add.png|500px]]|| 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. ||style="background: #FFDDF1;"|[[File:koi_g19_add2.png|500px]]|| Using the same settings, Kou is made to pose beside me.
|-
| 25. ||style="background: #FFDDF1;"|[[File:koi_g20_color.png|500px]]|| 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. ||style="background: #FFDDF1;"|[[File:koi_g21_cadjust.png|500px]]|| 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. ||style="background: #FFDDF1;"|[[File:koi_g22_ambient.png|500px]]|| Ambient Occlusions set to 0, dark areas (or edges) seems lighter
|-
| 28. ||style="background: #FFDDF1;"|[[File:koi_g22_ambient2.png|500px]]|| Ambient Occlusions set to 1, edges (including character's) are darker
|-
| 29. ||style="background: #FFDDF1;"|[[File:koi_g23_dof.png|500px]]|| Depth of Field's Focal Width set to 0.29 (This is the Range) Aperture is the intensity of the blur.
|-
| 30. ||style="background: #FFDDF1;"|[[File:koi_g24_bloom.png|500px]]|| Turned On Bloom settings with lighting's blur to 4.215, Fog cannot be seen in this map.<br><br>''You can use the default blank map to see the effects of Fog and Sunshafts''
|-
| 31. ||style="background: #FFDDF1;"|[[File:koi_g25_sunshaft.png|500px]]|| Sunshafts aren't available too.<br><br>''You can use the default blank map to see the effects of Fog and Sunshafts''
|-
| 32. ||style="background: #FFDDF1;"|[[File:koi_g26_shadow.png|500px]]|| Final touch on the Graphics settings is.. Shadow. I used Slight, Smooth Shadows on this one. <br><br>Remember: All the other settings beside ''Editor Main Settings'' are saved in the Scene File. (see step no.14)
|-
| 33. ||style="background: #FFDDF1;"|[[File:koi_g27_end.png|500px]]|| Thanks for reading this lengthy basic introduction guide, we hope you can create your own fantastic scene later.
|-
| EX. ||style="background: #FFDDF1;"|[[File:koi_scene_example.png|500px]]|| Other Simple Example of a Scene using all the explanation made by this Guide <br><br>''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''.