tag:blogger.com,1999:blog-19204261424391467402024-03-13T02:07:41.194-07:00Hugo'studioHugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.comBlogger64125tag:blogger.com,1999:blog-1920426142439146740.post-33665711685818471382013-12-01T22:20:00.003-08:002013-12-01T22:20:54.564-08:00<a href="http://www.indiedb.com/games/summoner-7" target="_blank" title="View Summoner 7 on Indie DB"><img alt="Summoner 7" src="http://media.indiedb.com/images/global/indiedb.png" /></a>
for a bit ads here for Summoner 7 Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-59446427976260446812013-10-03T18:27:00.002-07:002013-10-03T18:27:37.432-07:00The first game play video of Summoner 7<iframe allowfullscreen="" frameborder="0" height="360" src="//www.youtube.com/embed/Wqb6PRoLM6g" width="640"></iframe>
the demo is almost there!!!Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-663141658333338662013-09-17T00:08:00.002-07:002013-09-17T00:08:44.330-07:00Continue AI programming for "Skill Using" It's kind pain in the ass to write AI for different skills of different monsters. <br />
Today, I got the basic work. However, still long way to go. <br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-hTdB_NfTIPQ/Ujf_ooNtGaI/AAAAAAAAAtE/z5Nvq_eyQ88/s1600/09162013.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="356" src="http://1.bp.blogspot.com/-hTdB_NfTIPQ/Ujf_ooNtGaI/AAAAAAAAAtE/z5Nvq_eyQ88/s640/09162013.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Still in developing</td></tr>
</tbody></table>
<br />
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-59065260377910378502013-08-24T00:29:00.003-07:002013-08-24T00:29:56.853-07:00First Desktop of Summoner 7<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-Jgax4I0KROY/UhhggfjpssI/AAAAAAAAAsg/FGJhzuI8ko0/s1600/Poster01.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="360" src="http://3.bp.blogspot.com/-Jgax4I0KROY/UhhggfjpssI/AAAAAAAAAsg/FGJhzuI8ko0/s640/Poster01.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">All characters in prototype demo<br /></td></tr>
</tbody></table>
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-70406712361794480942013-08-22T17:13:00.003-07:002013-08-22T22:02:56.909-07:00Mole Warrior<iframe allowfullscreen="" frameborder="0" height="400" mozallowfullscreen="true" src="http://sketchfab.com/m5l4jifdb?autostart=0&transparent=0&autospin=0&controls=1" webkitallowfullscreen="true" width="650"></iframe><br />
<br />
Texture: Peter Guo<br />
Model, Rig, Animation: Hugo Shih<br />
<br />
Peter is a great texture artist!! Love the work! Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-78860746802651562092013-08-12T11:45:00.002-07:002013-08-16T16:53:44.442-07:00Polar bear is ready for Summoner 7<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-suiH5aTGORQ/UgktEy-7fSI/AAAAAAAAAro/plKr7SrQ3Q4/s1600/polar_bear_warrior_2.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="306" src="http://4.bp.blogspot.com/-suiH5aTGORQ/UgktEy-7fSI/AAAAAAAAAro/plKr7SrQ3Q4/s640/polar_bear_warrior_2.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Another Cool Race ready for Summoner 7</td></tr>
</tbody></table>
<iframe allowfullscreen="" frameborder="0" height="400" mozallowfullscreen="true" src="http://sketchfab.com/m5ljhg2ed?autostart=0&transparent=0&autospin=0&controls=1" webkitallowfullscreen="true" width="650"></iframe>
Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-84972209282250986862013-07-25T18:15:00.001-07:002013-08-16T12:42:47.701-07:00First Elf in Summoner 7<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-WsViD7u1Zh8/UfHNelnF6SI/AAAAAAAAAq8/EMmT6MSjYDU/s1600/wip_bandw.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="306" src="http://3.bp.blogspot.com/-WsViD7u1Zh8/UfHNelnF6SI/AAAAAAAAAq8/EMmT6MSjYDU/s640/wip_bandw.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Elf Mage for Summoner 7</td></tr>
</tbody></table>
<iframe allowfullscreen="" frameborder="0" height="400" mozallowfullscreen="true" src="http://sketchfab.com/m5ljg21dba?autostart=0&transparent=0&autospin=0&controls=1" webkitallowfullscreen="true" width="650"></iframe>
Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-49984798654481123752013-07-12T18:46:00.004-07:002013-07-12T18:46:55.115-07:00<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-pAK5RYHHjuo/UeCxVJGu7dI/AAAAAAAAAqU/iYUdVtp6-5Y/s1600/evil_dark_mage.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="306" src="http://1.bp.blogspot.com/-pAK5RYHHjuo/UeCxVJGu7dI/AAAAAAAAAqU/iYUdVtp6-5Y/s640/evil_dark_mage.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Evil Summoner appears</td></tr>
</tbody></table>
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-85124508788793167572013-06-27T18:35:00.001-07:002013-06-27T18:35:12.848-07:00First Wizard in Summoner 7 <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-zSa9DcgaZO8/UczoImu8CnI/AAAAAAAAAp8/4RWkQgS22Z8/s1476/black_wizard_wip.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="306" src="http://1.bp.blogspot.com/-zSa9DcgaZO8/UczoImu8CnI/AAAAAAAAAp8/4RWkQgS22Z8/s640/black_wizard_wip.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Black Wizard</td></tr>
</tbody></table>
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-5781605731317510392013-06-25T00:01:00.000-07:002013-06-25T00:01:55.918-07:00Maya FBIK Rig to Unity3D PipelineAs a technical artist, setting and writing art pipeline is also my job.<br />
My game is using Maya FBIK rig to rig any of my characters. However, FBX doesn't support any IK setting<br />
. So, after animating the FBIK characters, I need to bake the animation back to the FK rig (original rig of the character) and then exports to Unity. The following is my steps. <br />
<br />
1. Create the FK rig for skinning character and export it as FBX. <br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-1-sDGI1Zchg/Uck23mwx3TI/AAAAAAAAAoA/s4eoqXwh-PE/s1600/fkrig.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="508" src="http://2.bp.blogspot.com/-1-sDGI1Zchg/Uck23mwx3TI/AAAAAAAAAoA/s4eoqXwh-PE/s640/fkrig.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">FK rig without any controller</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-yjA414I8E3A/Uck23XDv3EI/AAAAAAAAAn8/5-bks2OfL6w/s1600/fkrig_schem.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="http://3.bp.blogspot.com/-yjA414I8E3A/Uck23XDv3EI/AAAAAAAAAn8/5-bks2OfL6w/s640/fkrig_schem.png" width="414" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">All joints are under one root (group)</td></tr>
</tbody></table>
<br />
<br />
2. Create FBIK rig and generate FBIK controllers for the character<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-k6JsVpQe76E/Uck4p9yoP4I/AAAAAAAAAoY/xVFJ-V4qIoo/s1600/FBIK.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="386" src="http://4.bp.blogspot.com/-k6JsVpQe76E/Uck4p9yoP4I/AAAAAAAAAoY/xVFJ-V4qIoo/s640/FBIK.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">FBIK setting</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/--BfglULiZts/Uck4pmIB8vI/AAAAAAAAAoU/6Duyh8QpxtY/s1600/FBIK_schem.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="http://2.bp.blogspot.com/--BfglULiZts/Uck4pmIB8vI/AAAAAAAAAoU/6Duyh8QpxtY/s640/FBIK_schem.png" width="444" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">As you can see, there are lots of controllers added to the file.</td></tr>
</tbody></table>
3. Animating the FBIK rig and export it to FBX with bake animation setting checked<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-64xCRFj9N7k/Uck6wWO25uI/AAAAAAAAAo4/oeD0mTWTgkg/s1600/shootingMB.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="640" src="http://3.bp.blogspot.com/-64xCRFj9N7k/Uck6wWO25uI/AAAAAAAAAo4/oeD0mTWTgkg/s640/shootingMB.png" width="572" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">FBIK animation MB file</td></tr>
</tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-kqJ1RiWFlzA/Uck6wZb4GZI/AAAAAAAAAo0/GGRZ82UOca4/s1600/shootingFBX.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="640" src="http://2.bp.blogspot.com/-kqJ1RiWFlzA/Uck6wZb4GZI/AAAAAAAAAo0/GGRZ82UOca4/s640/shootingFBX.png" width="598" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The exported animation FBX file (lots of dummy stuff from MB file)</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
4. Clean up the exported FBX file and use my transferring animation tool to export the animation file<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-IejfWYMRgtY/Uck8MGb9KVI/AAAAAAAAApQ/TpVChLDTAiY/s1600/shootingFBXClean.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="640" src="http://2.bp.blogspot.com/-IejfWYMRgtY/Uck8MGb9KVI/AAAAAAAAApQ/TpVChLDTAiY/s640/shootingFBXClean.png" width="572" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">After cleaning up FBIK rig and controllers, you wont see the original fk rig. However, the animation is still <br />there. So in order to get the animation data, I modified my animation transferring tool for this pipeline. </td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-Pf6g7Q7Dw6Q/Uck9YBEXIqI/AAAAAAAAApc/t542-snJkC8/s1600/fkrig_schem_clean_anim_tool.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="640" src="http://4.bp.blogspot.com/-Pf6g7Q7Dw6Q/Uck9YBEXIqI/AAAAAAAAApc/t542-snJkC8/s640/fkrig_schem_clean_anim_tool.png" width="603" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Export the animation as TXT file</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
5. Import the animation onto the original fk rig MB file and export it to FBX file. Use the FK rig FBX file as<br />
basic rig file in Unity3D, and the animation FBX file will fit.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-BLhXwZ7vd98/Uck_GmIrV2I/AAAAAAAAAps/Yr51yPl0SZA/s1600/applyAnimation.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="http://4.bp.blogspot.com/-BLhXwZ7vd98/Uck_GmIrV2I/AAAAAAAAAps/Yr51yPl0SZA/s640/applyAnimation.png" width="538" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Since the rig is the same as the original FK rig , this clean animation will work in Unity3D</td></tr>
</tbody></table>
<br />
There are some ways to bake animations from FBIK rig to original FK rig. It doesn't have to use my tool. <br />
<br />
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-32096857842413578172013-06-18T14:07:00.001-07:002013-06-18T14:07:02.631-07:00Weapon: Bow Rig SetBow rig is always a tricky thing to do.<br />
Here is my way to do the rig. <br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-PtN2hOixGhs/UcCfNIkWS5I/AAAAAAAAAng/GXZkCmjkhpw/s1600/bow_rig.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="http://3.bp.blogspot.com/-PtN2hOixGhs/UcCfNIkWS5I/AAAAAAAAAng/GXZkCmjkhpw/s640/bow_rig.png" width="468" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Skeletons and controls</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/--3kLXFeRFII/UcCfNL2rbWI/AAAAAAAAAnk/D7laq64liSA/s1600/bow_rig_hierarchy.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="http://2.bp.blogspot.com/--3kLXFeRFII/UcCfNL2rbWI/AAAAAAAAAnk/D7laq64liSA/s640/bow_rig_hierarchy.png" width="518" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hierachy</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='640' height='480' src='https://www.youtube.com/embed/kIZEiZ7oJLM?feature=player_embedded' frameborder='0'></iframe></div>
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-48534351712245871562013-06-12T23:06:00.001-07:002013-08-16T16:31:38.493-07:00Human Archer<br />
<iframe allowfullscreen="" frameborder="0" height="400" mozallowfullscreen="true" src="http://sketchfab.com/m5ljhg2db?autostart=0&transparent=0&autospin=0&controls=1" webkitallowfullscreen="true" width="650"></iframe>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-q_dYoHsRgqY/Ub-5ypFQKEI/AAAAAAAAAnM/lPOjVQaSDRE/s1600/archer_wipT03.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="306" src="http://2.bp.blogspot.com/-q_dYoHsRgqY/Ub-5ypFQKEI/AAAAAAAAAnM/lPOjVQaSDRE/s640/archer_wipT03.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">FBIK Rigging</td></tr>
</tbody></table>
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-krQMhq4xcAg/Ublg8edfyiI/AAAAAAAAAm0/NPzz2nrffDw/s1600/archer_wipT01.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="306" src="http://3.bp.blogspot.com/-krQMhq4xcAg/Ublg8edfyiI/AAAAAAAAAm0/NPzz2nrffDw/s640/archer_wipT01.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">A bit of Shinobi style </td></tr>
</tbody></table>
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-rCkykebHask/UblhADJm9jI/AAAAAAAAAm8/6Fjyu9s5dsw/s1600/archer_wipT02.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="306" src="http://2.bp.blogspot.com/-rCkykebHask/UblhADJm9jI/AAAAAAAAAm8/6Fjyu9s5dsw/s640/archer_wipT02.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">3492 tris</td></tr>
</tbody></table>
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-73436290588172761982013-05-31T22:27:00.000-07:002013-06-05T19:43:56.275-07:00First Summoner, finally here<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-OwdwxbFMkhQ/Ua_2kRwHllI/AAAAAAAAAmk/y_yG21w0gQA/s1600/pose_rig.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="290" src="http://2.bp.blogspot.com/-OwdwxbFMkhQ/Ua_2kRwHllI/AAAAAAAAAmk/y_yG21w0gQA/s640/pose_rig.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Actions and Rigging</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-0MhfUdaGLL4/UamEm0NnKZI/AAAAAAAAAmI/iK0u7ZjlMEo/s1600/male_summoner.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="342" src="http://3.bp.blogspot.com/-0MhfUdaGLL4/UamEm0NnKZI/AAAAAAAAAmI/iK0u7ZjlMEo/s400/male_summoner.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Outfit Design Concept</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-K5lWPIdhY04/UamFfZcVApI/AAAAAAAAAmU/bEdh14snOP8/s1600/head_change.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="168" src="http://3.bp.blogspot.com/-K5lWPIdhY04/UamFfZcVApI/AAAAAAAAAmU/bEdh14snOP8/s640/head_change.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Eye study</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-U5lsvntexX4/UamEdAaiTKI/AAAAAAAAAl4/Ljaze4Ej8XM/s1600/summonerA.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="306" src="http://3.bp.blogspot.com/-U5lsvntexX4/UamEdAaiTKI/AAAAAAAAAl4/Ljaze4Ej8XM/s640/summonerA.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Wip</td></tr>
</tbody></table>
<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-1pXG_0KXogg/UamEdhr5VwI/AAAAAAAAAmA/ZDbp-wGHjxw/s1600/summonerA_frame.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="306" src="http://3.bp.blogspot.com/-1pXG_0KXogg/UamEdhr5VwI/AAAAAAAAAmA/ZDbp-wGHjxw/s640/summonerA_frame.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">2796 Tris</td></tr>
</tbody></table>
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-7155852793543810982013-05-07T16:29:00.002-07:002013-05-07T16:29:40.838-07:00Building small world map <div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-15gdvHy1WkU/UYmOEH57oNI/AAAAAAAAAlY/QVEQwQiWNxk/s1600/human_village.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="340" src="http://4.bp.blogspot.com/-15gdvHy1WkU/UYmOEH57oNI/AAAAAAAAAlY/QVEQwQiWNxk/s640/human_village.png" width="640" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
The first stage: Human VillageHugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com1tag:blogger.com,1999:blog-1920426142439146740.post-49969959871892140332013-04-22T16:38:00.002-07:002013-04-23T17:51:01.542-07:00First Scene in Summoner : Cave Altar<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-92-IoQU2VII/UXXtqDQsbvI/AAAAAAAAAk0/SC2WxxDxpqc/s1600/new_Ground.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="360" src="http://2.bp.blogspot.com/-92-IoQU2VII/UXXtqDQsbvI/AAAAAAAAAk0/SC2WxxDxpqc/s640/new_Ground.png" width="640" /></a></div>
<br />
<br />
<br />
<br />
New tech to blend territories of two sides. And new UI, AI system, also new gameplay. <br />
And first scene design: <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-ZodMWnnOMRA/UXcp48LjI7I/AAAAAAAAAlE/8LjKQoI5H6c/s1600/cave_altar.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="298" src="http://3.bp.blogspot.com/-ZodMWnnOMRA/UXcp48LjI7I/AAAAAAAAAlE/8LjKQoI5H6c/s640/cave_altar.png" width="640" /></a></div>
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-18563684853594685932013-02-14T13:12:00.000-08:002013-02-18T21:45:11.511-08:00Mole Thief<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-xUlgD7ZXqcQ/UR1S99wO4TI/AAAAAAAAAjo/UzIbCGkYQrk/s1600/mole_thief_wip.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="309" src="http://4.bp.blogspot.com/-xUlgD7ZXqcQ/UR1S99wO4TI/AAAAAAAAAjo/UzIbCGkYQrk/s640/mole_thief_wip.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-O1bx1wujYvU/UR7tkQNtgZI/AAAAAAAAAj8/3RoobCK3fmA/s1600/mole_thief_posed.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="414" src="http://1.bp.blogspot.com/-O1bx1wujYvU/UR7tkQNtgZI/AAAAAAAAAj8/3RoobCK3fmA/s640/mole_thief_posed.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-RqJ_wtNjoU4/USMRTLg_AFI/AAAAAAAAAkQ/z6vbIebPzWc/s1600/in_Game.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="358" src="http://2.bp.blogspot.com/-RqJ_wtNjoU4/USMRTLg_AFI/AAAAAAAAAkQ/z6vbIebPzWc/s640/in_Game.png" width="640" /></a></div>
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-13774441870400486442013-01-25T17:39:00.002-08:002013-02-11T13:50:29.263-08:00Second Character: Mole Ranger <div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-GeXCXY4NSkk/UQMzUZTkO5I/AAAAAAAAAho/4PjFNp11hhM/s1600/mole_archer.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="512" src="http://2.bp.blogspot.com/-GeXCXY4NSkk/UQMzUZTkO5I/AAAAAAAAAho/4PjFNp11hhM/s640/mole_archer.jpg" width="640" /></a></div>
<br />
Still, the concept of Mole Ranger is made by Chuck Lin. <br />
<br />
And here is the mesh of the 3D model<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-U2psCVVsf7o/UQMzuoloQfI/AAAAAAAAAhw/NxC6B-ZA17c/s1600/mole_archer_wip.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="http://2.bp.blogspot.com/-U2psCVVsf7o/UQMzuoloQfI/AAAAAAAAAhw/NxC6B-ZA17c/s640/mole_archer_wip.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Jk-ZpIfLGzg/UQiIgLvVS3I/AAAAAAAAAiE/CPPvoDcuB3E/s1600/wip.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="494" src="http://2.bp.blogspot.com/-Jk-ZpIfLGzg/UQiIgLvVS3I/AAAAAAAAAiE/CPPvoDcuB3E/s640/wip.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-MXyaTukYbq8/UQsXx9i4xcI/AAAAAAAAAiY/LObTwSIdOOA/s1600/pose01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="590" src="http://3.bp.blogspot.com/-MXyaTukYbq8/UQsXx9i4xcI/AAAAAAAAAiY/LObTwSIdOOA/s640/pose01.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-0SgngUGbbVE/UQxja41vFlI/AAAAAAAAAis/DsogeCHgOFs/s1600/pose02.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="640" src="http://4.bp.blogspot.com/-0SgngUGbbVE/UQxja41vFlI/AAAAAAAAAis/DsogeCHgOFs/s640/pose02.png" width="610" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-UCmQMU_DyTs/URBgIwP28XI/AAAAAAAAAjA/uofjZVJc000/s1600/archerInScene.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="360" src="http://3.bp.blogspot.com/-UCmQMU_DyTs/URBgIwP28XI/AAAAAAAAAjA/uofjZVJc000/s640/archerInScene.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-PIeawZDdI6k/URlniw82k6I/AAAAAAAAAjU/8bjsVbZG8jI/s1600/archerInScene_skillShot.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="354" src="http://1.bp.blogspot.com/-PIeawZDdI6k/URlniw82k6I/AAAAAAAAAjU/8bjsVbZG8jI/s640/archerInScene_skillShot.png" width="640" /></a></div>
<br />
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-4797425088200485802013-01-11T17:24:00.004-08:002014-07-21T10:45:03.534-07:00Start to build characters......The fist test characters is "Murloc Tank"<br />
<br />
The concept is designed by Chuck Lin (my junior high classmate) <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-jT-ctGpbqbs/UPC6s4m-kMI/AAAAAAAAAf8/Yk44KF7XT08/s1600/fish+tank.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-jT-ctGpbqbs/UPC6s4m-kMI/AAAAAAAAAf8/Yk44KF7XT08/s400/fish+tank.png" height="400" width="306" /></a></div>
<br />
Mine part is to bring it into 3D<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-1uSa3WpO46Q/U81RgNbzLHI/AAAAAAAAA4g/XZX2MU5sUMk/s1600/murloc_zsphere.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-1uSa3WpO46Q/U81RgNbzLHI/AAAAAAAAA4g/XZX2MU5sUMk/s1600/murloc_zsphere.png" height="480" width="640" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-dAWFM-MlUzA/UPC6-ZdfiDI/AAAAAAAAAgE/4pN1XbS1pkA/s1600/fishTank_ZBstage1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-dAWFM-MlUzA/UPC6-ZdfiDI/AAAAAAAAAgE/4pN1XbS1pkA/s640/fishTank_ZBstage1.jpg" height="363" width="640" /></a></div>
<br />
<br />
<br />
Quick Sculpt in ZB<br />
Then, mesh it out<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-KPx2O_kER0o/UPC7PrvoryI/AAAAAAAAAgM/Xh1KCNaVvxI/s1600/fish_tank_mod.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-KPx2O_kER0o/UPC7PrvoryI/AAAAAAAAAgM/Xh1KCNaVvxI/s640/fish_tank_mod.jpg" height="168" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-lPFOR7XQ8Tk/UPYEyBzuZ4I/AAAAAAAAAgc/J6LXJx8dhdQ/s1600/fish_tank_mod_color.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-lPFOR7XQ8Tk/UPYEyBzuZ4I/AAAAAAAAAgc/J6LXJx8dhdQ/s640/fish_tank_mod_color.jpg" height="166" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-5c2woRR7jgo/UPegGB3h3LI/AAAAAAAAAgw/fCVeGvL98OI/s1600/murloc_berserker_Act101.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-5c2woRR7jgo/UPegGB3h3LI/AAAAAAAAAgw/fCVeGvL98OI/s640/murloc_berserker_Act101.png" height="410" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-hvk11aI8IO8/UPiuEqm5uzI/AAAAAAAAAhE/BI5h5qvEAUg/s1600/murloc_berserker_FBIK.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-hvk11aI8IO8/UPiuEqm5uzI/AAAAAAAAAhE/BI5h5qvEAUg/s640/murloc_berserker_FBIK.png" height="276" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-amNTIae_iwA/UPncUyzX5GI/AAAAAAAAAhU/jb4ywUmNFWM/s1600/murloc_berserker_shot.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-amNTIae_iwA/UPncUyzX5GI/AAAAAAAAAhU/jb4ywUmNFWM/s640/murloc_berserker_shot.jpg" height="360" width="640" /></a></div>
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-20774139914635204282013-01-08T20:04:00.002-08:002013-01-08T20:04:11.110-08:00new map and background style for my game prototype<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-aTz6Q1TXecU/UOzr8HqW4_I/AAAAAAAAAfs/QWa0z1A2cpk/s1600/screenShot_01082013.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="360" src="http://4.bp.blogspot.com/-aTz6Q1TXecU/UOzr8HqW4_I/AAAAAAAAAfs/QWa0z1A2cpk/s640/screenShot_01082013.jpg" width="640" /></a></div>
<br />
<br />
I like the new style better!Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-47516949654299073292012-12-05T22:03:00.004-08:002012-12-14T20:31:35.493-08:00On the way to become an indie maker.....prototyping my second indie game: Summoner 7<br />
(all characters are pre-holders and not from my design<span id="goog_1012161188"></span><span id="goog_1012161189"></span>) <br />
<br />
new progress: I got VFX work! I summon the to fight!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-t-_P1454R7A/UMv80Rv0hbI/AAAAAAAAAfc/F1ki-JqDTNM/s1600/screenShot02.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="360" src="http://4.bp.blogspot.com/-t-_P1454R7A/UMv80Rv0hbI/AAAAAAAAAfc/F1ki-JqDTNM/s640/screenShot02.png" width="640" /></a></div>
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-36538867619180592962012-05-08T18:38:00.000-07:002012-05-08T18:39:12.432-07:00Transferring animation tool for Theblu makersIn Theblu, makers are allowed to submit same kind of species. However, since the model won't be the same from different makers, the rig and the animation would be different. However they could be similar. So we need such a tool to help us to create easy animation from old animation resources.<br />
The tool allows user to export animation data as text file and apply on to other similar skinned model.<br />
For example, we are going to transfer the swim animation from queen angelfish to Garibaldi fish. (because they are similar) <br />
<br />
<br />
So first, we export the swim animation from queen angelfish by just opening the tool and hitting export with rotation value.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-i5yIn_wZML4/T6nBEe2g3RI/AAAAAAAAAao/48lUtc9cXUM/s1600/step01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="428" src="http://3.bp.blogspot.com/-i5yIn_wZML4/T6nBEe2g3RI/AAAAAAAAAao/48lUtc9cXUM/s640/step01.jpg" width="640" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Then export the rig form Queen Angelfish. And skin it on to the Garibaldi. Of course you can move the pivot of joints, and scale the root. Even you can change the structure of the rig and delete some end joints. Just don't change the orient of any joints.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-kmsEF_jk05I/T6nG3iLs3II/AAAAAAAAAa0/dfeBHr_lTKs/s1600/step02.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="396" src="http://3.bp.blogspot.com/-kmsEF_jk05I/T6nG3iLs3II/AAAAAAAAAa0/dfeBHr_lTKs/s640/step02.jpg" width="640" /></a></div>
Next, open the tool and import the text file that we just export from Queen Angelfish. The tool will show all of your rig in the current scene and the imported file.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-sp5snILhl8o/T6nHQk3GF6I/AAAAAAAAAa8/hgv3DjQqDxo/s1600/step03.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="388" src="http://4.bp.blogspot.com/-sp5snILhl8o/T6nHQk3GF6I/AAAAAAAAAa8/hgv3DjQqDxo/s640/step03.jpg" width="640" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Next, you can just hit the auto mapping. The tool will match two joints with the same name. After hitting, it will show all joints which cannot be matched. In this case, those joints are not needed for Garibaldi. <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-rDV7f4hfIEg/T6nII65W5YI/AAAAAAAAAbE/fAWdnnB7oUk/s1600/step04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="http://2.bp.blogspot.com/-rDV7f4hfIEg/T6nII65W5YI/AAAAAAAAAbE/fAWdnnB7oUk/s640/step04.jpg" width="233" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Now, go to apply tab and hit apply. Then we finished the animation transferring. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-jolCFi0C_GM/T6nIdDWR5SI/AAAAAAAAAbM/GmVPO2FCkf0/s1600/step05.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="434" src="http://1.bp.blogspot.com/-jolCFi0C_GM/T6nIdDWR5SI/AAAAAAAAAbM/GmVPO2FCkf0/s640/step05.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
To finish this animation from model only took me less than 10 mins. Is that great? </div>
<div class="separator" style="clear: both; text-align: left;">
Here's the process video. Please look it in HD mode. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='640' height='360' src='https://www.youtube.com/embed/f54uTViawYc?feature=player_embedded' frameborder='0'></iframe><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com3tag:blogger.com,1999:blog-1920426142439146740.post-65434134358679024782012-03-21T01:12:00.002-07:002012-03-22T17:11:17.925-07:00Custom fire particle UV distortion shader in UnityIt's a really common solution to simulate realistic fire in cheap way. (without frame animations)<br />
But it's not built in Unity 3.5...... So, I tried to make my own.<br />
<br />
The shader is composed by: additive + noise UV distiortion <br />
<br />
Fire texture is from Unity package (no alpha value):<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-do-umptxX44/T2mLH9T9ERI/AAAAAAAAAZM/3cJvfDBoQ1c/s1600/fire4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-do-umptxX44/T2mLH9T9ERI/AAAAAAAAAZM/3cJvfDBoQ1c/s1600/fire4.png" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
the noise texture is from Unity community:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-R71oCammlmw/T2mLjtgOYsI/AAAAAAAAAZU/UDx2-E5IiGU/s1600/rg_noise.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-R71oCammlmw/T2mLjtgOYsI/AAAAAAAAAZU/UDx2-E5IiGU/s1600/rg_noise.png" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
The scene is used only for this demo and came from Unity community.<br />
Let's see the result:<br />
<br />
first: just the additive shader without UV distortion (but with noise)<br />
<br />
<div class="separator" style="clear: both; text-align: left;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/XbHOtBoUFYU?feature=player_embedded' frameborder='0'></iframe></div><br />
<br />
second: additive + UV distortion <br />
<br />
<div class="separator" style="clear: both; text-align: left;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/nSdPI7A5Q5k?feature=player_embedded' frameborder='0'></iframe></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">If you need shader code, you can leave me a message. </div>Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com22tag:blogger.com,1999:blog-1920426142439146740.post-57522423781504080812012-03-20T17:27:00.000-07:002012-03-20T17:27:24.421-07:00Garibaldi Fish<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-ZNEMTgWSa3w/T2kbbs6JGPI/AAAAAAAAAYs/BUvX5GDhwRo/s1600/G_wip.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="480" src="http://1.bp.blogspot.com/-ZNEMTgWSa3w/T2kbbs6JGPI/AAAAAAAAAYs/BUvX5GDhwRo/s640/G_wip.jpg" width="640" /></a></div><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-BJ-4yAOvPgg/T2keiwSczGI/AAAAAAAAAY0/uAnkBHJmwsQ/s1600/G-wip1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="432" src="http://3.bp.blogspot.com/-BJ-4yAOvPgg/T2keiwSczGI/AAAAAAAAAY0/uAnkBHJmwsQ/s640/G-wip1.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-4iF7z2xYz-8/T2kep8nGZ0I/AAAAAAAAAY8/YTMsZ007PJw/s1600/g_wip2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="http://4.bp.blogspot.com/-4iF7z2xYz-8/T2kep8nGZ0I/AAAAAAAAAY8/YTMsZ007PJw/s640/g_wip2.jpg" width="536" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-bPTYVp-Mj3w/T2kfw2LxqzI/AAAAAAAAAZE/6yIQmBb1mcw/s1600/textures.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://3.bp.blogspot.com/-bPTYVp-Mj3w/T2kfw2LxqzI/AAAAAAAAAZE/6yIQmBb1mcw/s400/textures.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><a href="http://3.bp.blogspot.com/-BJ-4yAOvPgg/T2keiwSczGI/AAAAAAAAAY0/uAnkBHJmwsQ/s1600/G-wip1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a>Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-37327235544866876542012-03-13T17:28:00.002-07:002012-03-15T16:24:55.008-07:00School Shark wip<span style="font-family: Arial, Helvetica, sans-serif;">School Shark has many names: Soupfin Shark, <span style="background-color: white;"><span style="line-height: 19px;"> Tope Shark, Snapper Shark, Vitamin Shark....etc</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://week.divebums.com/2007/Jul30-2007/soupfin-shark_volker-kilian.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://week.divebums.com/2007/Jul30-2007/soupfin-shark_volker-kilian.jpg" /></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;"><span style="line-height: 19px;"><br />
</span></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;">It's a really beautiful creature, and it's going to be in theblu!! </span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;"><br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-qQ2Y2fgzcK4/T1_l5oDvwNI/AAAAAAAAAXo/IpVA-0FVOjw/s1600/soup-wip01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="409" src="http://1.bp.blogspot.com/-qQ2Y2fgzcK4/T1_l5oDvwNI/AAAAAAAAAXo/IpVA-0FVOjw/s640/soup-wip01.jpg" width="640" /></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;"><br />
</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;"><br />
</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;"><br />
</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;"><br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-gkvuq9x0SOM/T1_lQcfAC4I/AAAAAAAAAXg/JLaDLSvjDAo/s1600/soup-wip02.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="372" src="http://2.bp.blogspot.com/-gkvuq9x0SOM/T1_lQcfAC4I/AAAAAAAAAXg/JLaDLSvjDAo/s640/soup-wip02.jpg" width="640" /></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;"><br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-Bvz02LWpf54/T2EV2S0F3iI/AAAAAAAAAXw/PQp4BWqTYHY/s1600/color_wip.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="264" src="http://4.bp.blogspot.com/-Bvz02LWpf54/T2EV2S0F3iI/AAAAAAAAAXw/PQp4BWqTYHY/s640/color_wip.jpg" width="640" /></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;"><br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-1Dm1GVq2gI4/T2EV282UE6I/AAAAAAAAAX4/mJRkDV8UPTw/s1600/soup-wip03.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="466" src="http://2.bp.blogspot.com/-1Dm1GVq2gI4/T2EV282UE6I/AAAAAAAAAX4/mJRkDV8UPTw/s640/soup-wip03.jpg" width="640" /></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;"><br />
</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;"><br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-3svFL4mQthE/T2EV3f7o7GI/AAAAAAAAAYA/T4hICux_kXo/s1600/soupfin_diff_lod0.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-3svFL4mQthE/T2EV3f7o7GI/AAAAAAAAAYA/T4hICux_kXo/s640/soupfin_diff_lod0.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-q0odtaMoR0I/T2J6GOXlPBI/AAAAAAAAAYM/z9lYKBRtw-A/s1600/rig.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="318" src="http://4.bp.blogspot.com/-q0odtaMoR0I/T2J6GOXlPBI/AAAAAAAAAYM/z9lYKBRtw-A/s640/rig.jpg" width="640" /></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;"><br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-2e0a6_FyO_I/T2J6N-H1kMI/AAAAAAAAAYU/cJblIAvCDU8/s1600/pose01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="440" src="http://1.bp.blogspot.com/-2e0a6_FyO_I/T2J6N-H1kMI/AAAAAAAAAYU/cJblIAvCDU8/s640/pose01.jpg" width="640" /></a></div><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;"><br />
</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;">Done! in three days.......</span></span>Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com0tag:blogger.com,1999:blog-1920426142439146740.post-17028351858962016372012-02-07T22:13:00.000-08:002012-02-07T22:16:40.883-08:00Issue of Mirrored UVs and Normal Map when rendering in UnityRecently, I found my model has normal map seam when rendering in Unity with our custom shader.<br />
And I try to use the Unity built-in shader to render it. The result shows that there's no seams. How strange? Soon I found that because of all UV of my models are symmetry. It means that half of my UV are flipped. Hence, the binormal of the half model has been reversed. (tangent basis is calculated by normal and UV, <a href="http://www.3dkingdoms.com/weekly/weekly.php?a=37">http://www.3dkingdoms.com/weekly/weekly.php?a=37</a>). In Maya, I never notice that, because it auto-detects the UV winding direction. So, I just need to do the same thing in my shader. <br />
<br />
So after researching, I got the method how to detect the UV winding. Here's the formula:<br />
<br />
<br />
<span style="background-color: #fafbfc; line-height: 12px; text-align: left;"><span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: large;">tangent[a].w = (Dot(Cross(n, t), tan2[a]) < 0.0F) ? -1.0F : 1.0F;</span></span><br />
<br />
here tangent is stored by float4, the w stores the UV winding direction, 1, or -1.<br />
<span style="background-color: #fafbfc; color: #282828; line-height: 12px; text-align: left;"><span style="font-family: inherit;">And tan2 would be the binormal, n is the normal, and t is the actual orthogonalized tangent.</span></span><br />
<br />
Although this equation answer my question, it didn't solve my problem. It's kind impossible to calculated the <span style="background-color: #fafbfc; color: #282828; line-height: 12px; text-align: left;">orthogonalized tangent in a shader. But it give me a hint. Would Unity has calculated the UV winding for us and stored it in tangent.w? </span><br />
<br />
With an easy debug shader to show the tangent.w, I got my answer: <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-eRcsc1o7hGs/TzIMLVAiCtI/AAAAAAAAAWU/5NJBauLW_nI/s1600/w.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="329" src="http://3.bp.blogspot.com/-eRcsc1o7hGs/TzIMLVAiCtI/AAAAAAAAAWU/5NJBauLW_nI/s400/w.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">So the actual key is: </div><div class="separator" style="clear: both; text-align: left;">I just need to write a branch to see if I need to flip the binormal when calculating the tangent space. </div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both;"><span style="color: blue;"><b>float3x3 rotation = float3x3(v.tangent.xyz, binormal.xyz, v.normal.xyz);</b></span></div><div class="separator" style="clear: both;"><span style="color: blue;"><b><br />
</b></span></div><div class="separator" style="clear: both;"><span style="color: blue;"><b>if(v.tangent.w > 0)</b></span></div><div class="separator" style="clear: both;"><span style="color: blue;"><b> rotation = float3x3(v.tangent.xyz, -binormal.xyz, v.normal.xyz);</b></span></div><div class="separator" style="clear: both;"><span style="color: blue;"><b><br />
</b></span></div><div class="separator" style="clear: both;">So, here is the result without the UV winding detection: </div><div class="separator" style="clear: both;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-lBpn3VDf7OM/TzIQz5jgt2I/AAAAAAAAAW0/kuAIeKMlAkY/s1600/dolphin.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="410" src="http://3.bp.blogspot.com/-lBpn3VDf7OM/TzIQz5jgt2I/AAAAAAAAAW0/kuAIeKMlAkY/s640/dolphin.jpg" width="640" /></a></div><div class="separator" style="clear: both;">And this is the correct rendering with UV winding detection</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-MGkI6ryFU4Y/TzIQgL7rV_I/AAAAAAAAAWs/kYNTuK6dq3U/s1600/dolphin1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="426" src="http://2.bp.blogspot.com/-MGkI6ryFU4Y/TzIQgL7rV_I/AAAAAAAAAWs/kYNTuK6dq3U/s640/dolphin1.jpg" width="640" /></a></div><div class="separator" style="clear: both;">Note: Why we don't want to use the built-int shader in Unity? Just because even the shader is simple as bump spec one which really has a lot of junk inside. And the most important: they hide those expensive calculations in compiled functions. </div><div class="separator" style="clear: both;"><br />
</div><div class="separator" style="clear: both;"><br />
</div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both;"><br />
</div>Hugohttp://www.blogger.com/profile/11849852183751379615noreply@blogger.com3