ready to go

district10 · May 5, 2017 · 3b50a4b · 3b50a4b
1 parent b159dc0
commit 3b50a4b
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 19 deletions.
diff --git a/README.html b/README.html
@@ -1,5 +1,24 @@
 <h1 id="texture-morpher">texture-morpher</h1>
 <p>a tool to make morphable texture</p>
+<p>&#36890;&#36807;&#19977;&#35282;&#21270;&#24418;&#25104;&#21160;&#24577;&#32441;&#29702;&#65292;&#20351;&#24471;&#20840;&#26223;&#28459;&#28216;&#31995;&#32479;&#30340;&#22330;&#26223;&#36807;&#28193;&#26356;&#33258;&#28982;&#12290;</p>
+<div class="figure">
+<img src="doc/triangles.png" />
+
+</div>
+<table>
+<thead>
+<tr class="header">
+<th align="center">Blend &#26041;&#27861;</th>
+<th align="center">Morph &#26041;&#27861;</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td align="center"><img src="doc/blend-effect-0.25.gif" /></td>
+<td align="center"><img src="doc/morph-effect-0.25.gif" /></td>
+</tr>
+</tbody>
+</table>
 <h2 id="&#20027;&#30028;&#38754;-main-window">&#20027;&#30028;&#38754; // Main window</h2>
 <div class="figure">
 <img src="doc/chrome_2017-05-05_16-32-17.png" />
@@ -8,20 +27,10 @@ <h2 id="&#20027;&#30028;&#38754;-main-window">&#20027;&#30028;&#38754; // Main w
 <p>&#26597;&#30475; Demo&#65306;</p>
 <ul>
 <li>&#20808;&#22312;&#12304;Editor&#12305;&#26639;&#65292;&#28857;&#20987;&#12304;&#25171;&#24320;&#25511;&#20214;&#12305;&#65292;&#28982;&#21518;&#12304;&#21152;&#36733;&#31034;&#20363; Pairs&#12305;</li>
-<li>&#21040;&#12304;Sphere&#12305;&#26639;&#65292;&#28857;&#20987;&#12304;&#25171;&#24320;&#25511;&#20214;&#12305;&#65292;&#28982;&#21518;&#12304;&#36807;&#28193;&#12305;&#65292;&#25928;&#26524;&#19981;&#22909;&#65307;</li>
-</ul>
-<div class="figure">
-<img src="doc/blend-effect-0.25.gif" />
-
-</div>
-<ul>
+<li>&#21040;&#12304;Sphere&#12305;&#26639;&#65292;&#28857;&#20987;&#12304;&#25171;&#24320;&#25511;&#20214;&#12305;&#65292;&#28982;&#21518;&#12304;&#36807;&#28193;&#12305;&#65292;&#25928;&#26524;&#19981;&#22909;&#65288;&#35265;&#19978;&#22270; Blend &#26041;&#27861;&#65289;&#65307;</li>
 <li>&#20877;&#21040;&#12304;Editor&#12305;&#26639;&#65292;&#28857;&#20987;&#12304;&#25171;&#25511;&#20214;&#12305;&#65292;&#28982;&#21518;&#12304;&#19977;&#35282;&#21270;&#12305;&#65307;</li>
-<li>&#21040;&#12304;Sphere&#12305;&#26639;&#65292;&#28857;&#20987;&#12304;&#25171;&#24320;&#25511;&#20214;&#12305;&#65292;&#26368;&#21518;&#12304;&#36807;&#28193;&#12305;&#65292;&#25928;&#26524;&#22909;&#22810;&#20102;&#12290;</li>
+<li>&#21040;&#12304;Sphere&#12305;&#26639;&#65292;&#28857;&#20987;&#12304;&#25171;&#24320;&#25511;&#20214;&#12305;&#65292;&#26368;&#21518;&#12304;&#36807;&#28193;&#12305;&#65292;&#25928;&#26524;&#22909;&#22810;&#20102;&#65288;&#35265;&#19978;&#22270; Morph &#26041;&#27861;&#65289;&#12290;</li>
 </ul>
-<div class="figure">
-<img src="doc/morph-effect-0.25.gif" />
-
-</div>
 <h2 id="&#32534;&#36753;&#22120;&#22320;&#20351;&#29992;-usage-of-editor">&#32534;&#36753;&#22120;&#22320;&#20351;&#29992; // Usage of Editor</h2>
 <ul>
 <li>&#22312;&#32441;&#29702;&#19978;&#40736;&#26631;&#21491;&#38190;&#28155;&#21152;&#21516;&#21517;&#28857;&#65307;</li>

diff --git a/README.md b/README.md
@@ -1,21 +1,24 @@
 # texture-morpher
 a tool to make morphable texture
 
+通过三角化形成动态纹理，使得全景漫游系统的场景过渡更自然。
+
+![](doc/triangles.png)
+
+| Blend 方法 | Morph 方法 |
+| :---: | :---: |
+| ![](doc/blend-effect-0.25.gif) | ![](doc/morph-effect-0.25.gif) |
+
 ## 主界面 // Main window
 
 ![](doc/chrome_2017-05-05_16-32-17.png)
 
 查看 Demo：
 
 -   先在【Editor】栏，点击【打开控件】，然后【加载示例 Pairs】
--   到【Sphere】栏，点击【打开控件】，然后【过渡】，效果不好；
-
-![](doc/blend-effect-0.25.gif)
-
+-   到【Sphere】栏，点击【打开控件】，然后【过渡】，效果不好（见上图 Blend 方法）；
 -   再到【Editor】栏，点击【打控件】，然后【三角化】；
--   到【Sphere】栏，点击【打开控件】，最后【过渡】，效果好多了。
-
-![](doc/morph-effect-0.25.gif)
+-   到【Sphere】栏，点击【打开控件】，最后【过渡】，效果好多了（见上图 Morph 方法）。
 
 ## 编辑器地使用 // Usage of Editor