Inicio Explorar Ayuda
Iniciar sesión
java
/
jMonkeyEngine-wiki
espejo de https://github.com/jMonkeyEngine/wiki.git
2
0
Fork 0
Archivos Incidencias 0 Wiki
Árbol: 1444d9bef9
Ramas Etiquetas
jMonkeyEngine-w...
/
jme3
/
external
/
blender-example.html

blender-example.html 16 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 
  1. <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Asciidoctor 1.5.4"><title>Warg - from cube to animated and textured game model Example</title><link rel="stylesheet" href="./asciidoctor.css">
    2. 

  2. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    3. 

  3. <link rel="stylesheet" href="./coderay-asciidoctor.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css"><link rel="stylesheet" href="/home/travis/build/jMonkeyEngine/wiki/build/asciidoc/html5/jme3/external/twemoji-awesome.css"></head><body class="article toc2 toc-left"><div id="header"><div id="toolbar"><a href="https://github.com/jMonkeyEngine/wiki/edit/master/src/docs/asciidoc/jme3/external/blender-example.adoc"><i class="fa fa-pencil-square" aria-hidden="true"></i></a><a href="https://github.com/jMonkeyEngine/wiki/new/master/src/docs/asciidoc/jme3/external/"><i class="fa fa-plus-square" aria-hidden="true"></i></a><input dir="auto" style="position: relative; vertical-align: top;" spellcheck="false" autocomplete="off" class="searchbox__input aa-input" id="doc-search" name="search" placeholder="Search in the doc" required="required" type="search"></div><h1>Warg - from cube to animated and textured game model Example</h1><div class="details"><span class="author" id="author"></span><br><span id="revnumber">version ,</span> <span id="revdate">2016/03/17 20:48</span></div><div id="toc" class="toc2"><div id="toctitle">Table of Contents</div><ul class="sectlevel1"><li><a href="#preview">Preview</a></li><li><a href="#step-1-prepare">Step 1 - Prepare</a></li><li><a href="#step-2-modeling">Step 2 - Modeling</a></li><li><a href="#step-2-armature">Step 2 - Armature</a></li><li><a href="#step-2-texturing">Step 2 - Texturing</a></li></ul></div></div><div id="content"><div id="preamble"><div class="sectionbody"><div class="admonitionblock important"><table><tr><td class="icon"><i class="fa icon-important" title="Important"></i></td><td class="content"><div class="paragraph"><p>to make this example you need to know basic of modeling like extending faces / merge vertexes / (move vertex / edge / face) / etc.</p></div></td></tr></table></div></div></div>
    4. 

  4. <div class="sect1"><h2 id="preview">Preview</h2><div class="sectionbody"><div class="paragraph"><p><span class="image"><img src="../../jme3/external/preview.jpg" alt="preview.jpg" width="" height=""></span></p></div></div></div>
    5. 

  5. <div class="sect1"><h2 id="step-1-prepare">Step 1 - Prepare</h2><div class="sectionbody"><div class="ulist"><ul><li><p>Open Blender with new Scene</p></li><li><p>Add a simple Cube. To make it press shift-a and select Cube</p></li></ul></div>
    6. 

  6. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/2.jpg" alt="2.jpg" width="" height=""></span></p></div>
    7. 

  7. <div class="ulist"><ul><li><p>“t” key open tool window. let’s open it and set x-mirror ON</p></li></ul></div>
    8. 

  8. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/4.jpg" alt="4.jpg" width="" height=""></span></p></div>
    9. 

  9. <div class="ulist"><ul><li><p>Subdivide this cube to get more faces</p><div class="ulist"><ul><li><p>this can be also done via modifiers → subdivision surface (it will be later)</p></li></ul></div></li></ul></div>
    10. 

  10. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/5.jpg" alt="5.jpg" width="" height=""></span></p></div>
    11. 

  11. <div class="ulist"><ul><li><p>“n” key open second toolbar with useable options. let&#8217;s load an example image to help us build Warg.
    12. 

  12. I found a nice warg image on devian art.</p></li></ul></div>
    13. 

  13. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/example.jpg" alt="example.jpg" width="" height=""></span></p></div>
    14. 

  14. <div class="ulist"><ul><li><p>make simple Warg Shape like on images</p></li></ul></div>
    15. 

  15. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/6.jpg" alt="6.jpg" width="" height=""></span>
    16. 

  16. <span class="image"><img src="../../jme3/external/7.jpg" alt="7.jpg" width="" height=""></span>
    17. 

  17. <span class="image"><img src="../../jme3/external/9.jpg" alt="9.jpg" width="" height=""></span></p></div></div></div>
    18. 

  18. <div class="sect1"><h2 id="step-2-modeling">Step 2 - Modeling</h2><div class="sectionbody"><div class="ulist"><ul><li><p>in tool window(“t”) is a smooth tool that can help model the warg.</p></li></ul></div>
    19. 

  19. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/10.jpg" alt="10.jpg" width="" height=""></span></p></div>
    20. 

  20. <div class="ulist"><ul><li><p>to easly add edge loop use “loop cut and slide” tool that work that way:</p></li></ul></div>
    21. 

  21. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/12.jpg" alt="12.jpg" width="" height=""></span>
    22. 

  22. <span class="image"><img src="../../jme3/external/13.jpg" alt="13.jpg" width="" height=""></span></p></div>
    23. 

  23. <div class="ulist"><ul><li><p>Go to modifiers and add Mirror surface</p></li></ul></div>
    24. 

  24. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/14.jpg" alt="14.jpg" width="" height=""></span></p></div>
    25. 

  25. <div class="ulist"><ul><li><p>add some details like eyes / etc.</p></li></ul></div>
    26. 

  26. <div class="admonitionblock important"><table><tr><td class="icon"><i class="fa icon-important" title="Important"></i></td><td class="content"><div class="paragraph"><p>need to know how to use extend faces(key “e) and merge extended face.</p></div></td></tr></table></div>
    27. 

  27. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/15.jpg" alt="15.jpg" width="" height=""></span>
    28. 

  28. <span class="image"><img src="../../jme3/external/16.jpg" alt="16.jpg" width="" height=""></span></p></div>
    29. 

  29. <div class="ulist"><ul><li><p>to use smooth shading just set it in tool window.</p></li></ul></div>
    30. 

  30. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/17.jpg" alt="17.jpg" width="" height=""></span></p></div>
    31. 

  31. <div class="ulist"><ul><li><p>Apply modifier. just press “Apply” button in Mirror modifier.</p></li><li><p>Remove doubles (it removes vertexes that are too close each other).</p></li></ul></div>
    32. 

  32. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/18.jpg" alt="18.jpg" width="" height=""></span></p></div></div></div>
    33. 

  33. <div class="sect1"><h2 id="step-2-armature">Step 2 - Armature</h2><div class="sectionbody"><div class="ulist"><ul><li><p>Shift-a and add armature in Object Mode.</p></li></ul></div>
    34. 

  34. <div class="admonitionblock note"><table><tr><td class="icon"><i class="fa icon-note" title="Note"></i></td><td class="content"><div class="paragraph"><p>shift-a to add a bone in Edit Mode</p></div></td></tr></table></div>
    35. 

  35. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/19.jpg" alt="19.jpg" width="" height=""></span></p></div>
    36. 

  36. <div class="admonitionblock note"><table><tr><td class="icon"><i class="fa icon-note" title="Note"></i></td><td class="content"><div class="paragraph"><p>tail should be done in other way. Start to build skeleton from start of the tail (not end)</p></div></td></tr></table></div>
    37. 

  37. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/21.jpg" alt="21.jpg" width="" height=""></span></p></div>
    38. 

  38. <div class="ulist"><ul><li><p>Show names and change armature view (if you like)</p></li></ul></div>
    39. 

  39. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/22.jpg" alt="22.jpg" width="" height=""></span></p></div>
    40. 

  40. <div class="ulist"><ul><li><p>set Names for bones (via properties window or “n” option window)</p></li></ul></div>
    41. 

  41. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/23.jpg" alt="23.jpg" width="" height=""></span></p></div>
    42. 

  42. <div class="ulist"><ul><li><p>Select left side bones only, press shift-d to copy them, and make mirror.
    43. 

  43. Remember to have cursor in 0,0,0 and have settings like on image (if not then you will need just to move copied bones manually)</p></li></ul></div>
    44. 

  44. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/25.jpg" alt="25.jpg" width="" height=""></span></p></div>
    45. 

  45. <div class="ulist"><ul><li><p>Press “w” and select “flip names”</p></li></ul></div>
    46. 

  46. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/26.jpg" alt="26.jpg" width="" height=""></span>
    47. 

  47. <span class="image"><img src="../../jme3/external/27.jpg" alt="27.jpg" width="" height=""></span></p></div>
    48. 

  48. <div class="ulist"><ul><li><p>In Object Mode:</p><div class="ulist"><ul><li><p>Select Model</p></li><li><p>With SHIFT select armature</p></li><li><p>Press “p” and select “with automatic weights”</p></li></ul></div></li></ul></div>
    49. 

  49. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/28.jpg" alt="28.jpg" width="" height=""></span></p></div>
    50. 

  50. <div class="ulist"><ul><li><p>Try move a leg in Pose Mode</p></li></ul></div>
    51. 

  51. <div class="admonitionblock note"><table><tr><td class="icon"><i class="fa icon-note" title="Note"></i></td><td class="content"><div class="paragraph"><p>Pose Mode work like Edit mode, use “r to rotate a bone. using “x/“y/“z after “g/“r/“s will also work here like everything else.</p></div></td></tr></table></div>
    52. 

  52. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/29.jpg" alt="29.jpg" width="" height=""></span></p></div>
    53. 

  53. <div class="ulist"><ul><li><p>Go to Animation View</p></li></ul></div>
    54. 

  54. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/30.jpg" alt="30.jpg" width="" height=""></span></p></div>
    55. 

  55. <div class="ulist"><ul><li><p>Add a new action</p></li></ul></div>
    56. 

  56. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/31.jpg" alt="31.jpg" width="" height=""></span></p></div>
    57. 

  57. <div class="ulist"><ul><li><p>Select all bones in Pose Mode and apply location / rottion / scale.
    58. 

  58. To do it press “i” and select it like on image:</p></li></ul></div>
    59. 

  59. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/32.jpg" alt="32.jpg" width="" height=""></span></p></div>
    60. 

  60. <div class="admonitionblock tip"><table><tr><td class="icon"><i class="fa icon-tip" title="Tip"></i></td><td class="content"><div class="paragraph"><p>alt-r / alt-g / alt-s – clear rotation / location / scale</p></div></td></tr></table></div>
    61. 

  61. <div class="ulist"><ul><li><p>there is possibility to copy poses</p></li></ul></div>
    62. 

  62. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/33.jpg" alt="33.jpg" width="" height=""></span></p></div>
    63. 

  63. <div class="ulist"><ul><li><p>and also to copy them in mirrored pose</p></li></ul></div>
    64. 

  64. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/35.jpg" alt="35.jpg" width="" height=""></span></p></div>
    65. 

  65. <div class="ulist"><ul><li><p>in action editor you can easly remove / move / scale frames</p></li></ul></div>
    66. 

  66. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/34.jpg" alt="34.jpg" width="" height=""></span></p></div>
    67. 

  67. <div class="ulist"><ul><li><p>If animation work not linear (and you don&#8217;t like it), then you can change it in Curve editor window</p></li></ul></div>
    68. 

  68. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/36.jpg" alt="36.jpg" width="" height=""></span></p></div>
    69. 

  69. <div class="ulist"><ul><li><p>Thats all for Animations, for more just Read JME wiki / documentation.</p></li></ul></div></div></div>
    70. 

  70. <div class="sect1"><h2 id="step-2-texturing">Step 2 - Texturing</h2><div class="sectionbody"><div class="ulist"><ul><li><p>Move armature to second layer.
    71. 

  71. press “m” to make it.</p></li></ul></div>
    72. 

  72. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/37.jpg" alt="37.jpg" width="" height=""></span></p></div>
    73. 

  73. <div class="ulist"><ul><li><p>In edit mode, need to mark seam on Edges to prepare model for texturing.
    74. 

  74. press ctrl-e to make it.</p></li></ul></div>
    75. 

  75. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/38.jpg" alt="38.jpg" width="" height=""></span></p></div>
    76. 

  76. <div class="ulist"><ul><li><p>do it similar to this (or you can make it better):</p></li></ul></div>
    77. 

  77. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/40.jpg" alt="40.jpg" width="" height=""></span>
    78. 

  78. <span class="image"><img src="../../jme3/external/41.jpg" alt="41.jpg" width="" height=""></span>
    79. 

  79. <span class="image"><img src="../../jme3/external/43.jpg" alt="43.jpg" width="" height=""></span></p></div>
    80. 

  80. <div class="ulist"><ul><li><p>Press “u” and select first option “unwrap”</p></li><li><p>In UV window you can minimize stretch
    81. 

  81. (minimize stretch change with mouse wheele).</p></li></ul></div>
    82. 

  82. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/44.jpg" alt="44.jpg" width="" height=""></span></p></div>
    83. 

  83. <div class="ulist"><ul><li><p>make a 2 geometries for model:</p><div class="ulist"><ul><li><p>body (contains faces for body)</p></li><li><p>eyes (containes faces for eyes)</p></li></ul></div></li></ul></div>
    84. 

  84. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/45.jpg" alt="45.jpg" width="" height=""></span></p></div>
    85. 

  85. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/48.jpg" alt="48.jpg" width="" height=""></span></p></div>
    86. 

  86. <div class="ulist"><ul><li><p>for eyes you can use “Sphere projection for unwrap”</p></li></ul></div>
    87. 

  87. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/49.jpg" alt="49.jpg" width="" height=""></span></p></div>
    88. 

  88. <div class="ulist"><ul><li><p>Select texture image</p></li></ul></div>
    89. 

  89. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/50.jpg" alt="50.jpg" width="" height=""></span></p></div>
    90. 

  90. <div class="ulist"><ul><li><p>under “n” option window, set like on image to see texture.
    91. 

  91. (ViewPort need to be set as solid, ViewPort is near Object/Edit select)</p></li></ul></div>
    92. 

  92. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/52.jpg" alt="52.jpg" width="" height=""></span></p></div>
    93. 

  93. <div class="ulist"><ul><li><p>Just make texture of model (using Texture Mode – where Object / edit mode is)</p></li></ul></div>
    94. 

  94. <div class="admonitionblock note"><table><tr><td class="icon"><i class="fa icon-note" title="Note"></i></td><td class="content"><div class="paragraph"><p>under “t tools you can change color / size / etc of brush</p></div></td></tr></table></div>
    95. 

  95. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/55.jpg" alt="55.jpg" width="" height=""></span></p></div>
    96. 

  96. <div class="ulist"><ul><li><p>Using 2d tool like Gimp / Photoshop, use filter/modifier to get nice looking skin</p></li></ul></div>
    97. 

  97. <div class="paragraph"><p><span class="image"><img src="../../jme3/external/56.jpg" alt="56.jpg" width="" height=""></span></p></div>
    98. 

  98. <div class="ulist"><ul><li><p>Now only need to export via Ogre Mesh or just via Blend file (using SDK).</p></li><li><p>For eyes and body, use separated j3m files, then set them in SceneComposer.</p></li></ul></div>
    99. 

  99. <div class="admonitionblock important"><table><tr><td class="icon"><i class="fa icon-important" title="Important"></i></td><td class="content"><div class="paragraph"><p>also don’t forget about NLA editor and set off envelopes to make animations work!</p></div></td></tr></table></div>
    100. 

  100. <div class="paragraph"><p>here are docs:</p></div>
    101. 

  101. <div class="paragraph"><p><a href="../../jme3/external/blender.html">jme3:external:blender</a></p></div>
    102. 

  102. <div class="ulist"><ul><li><p>Done!</p></li></ul></div></div></div></div><div id="footer"><div id="footer-text">Version <br>Last updated 2019-12-22 22:47:21 +00:00</div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script><script>docsearch({
    103. 

  103.   apiKey: 'a736b6d93de805e26ec2f49b55013fbd',
    104. 

  104.   indexName: 'jmonkeyengine',
    105. 

  105.   inputSelector: '#doc-search',
    106. 

  106.   debug: false // Set debug to true if you want to inspect the dropdown
    107. 

  107. });</script></body></html>
    108.