{"id":3200,"date":"2018-09-18T16:51:45","date_gmt":"2018-09-18T07:51:45","guid":{"rendered":"https:\/\/www.matchlock.co.jp\/?page_id=3200"},"modified":"2020-03-06T16:28:23","modified_gmt":"2020-03-06T07:28:23","slug":"%e6%ad%aa%e3%81%bf%e3%80%80%e5%a4%89%e4%bd%8d%e3%83%9e%e3%83%83%e3%83%97%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6","status":"publish","type":"manual","link":"https:\/\/www.matchlock.co.jp\/en\/manual\/bishamon%e3%83%84%e3%83%bc%e3%83%ab%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e3%83%9e%e3%83%8b%e3%83%a5%e3%82%a2%e3%83%ab\/bishamon%e8%a9%b3%e7%b4%b0\/%e3%83%93%e3%83%a5%e3%83%bc\/%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%9a%e3%82%af%e3%82%bf\/%e6%ad%aa%e3%81%bf%e3%80%80%e5%a4%89%e4%bd%8d%e3%83%9e%e3%83%83%e3%83%97%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6\/","title":{"rendered":"About distortion"},"content":{"rendered":"

\"\"<\/p>\n

The basic setting method is in “Material” on the previous page.<\/p>\n

 <\/p>\n

\n

 <\/p>\n

\u25a0Can Distortion be Adjusted?<\/strong><\/span><\/p>\n

 <\/p>\n

Distortion can be adjusted according to the R\/G values for “Texture 1\/2 Color Scale”<\/b><\/p>\n

 <\/p>\n

The R and G colors in the horizontal direction\uff08R) and vertical direction\uff08G\uff09are the elements of variant mapping and simulate and generate the shape deformation.
\nWith the texture color scale, every color\uff08RGB) in a texture can be adjusted.\uff08For example, reducing the overall texture G value to 0.5\uff0850%\uff09
\nBy using the texture color scale, a texture applied for variant mapping may be adjusted.<\/p>\n

 <\/p>\n

Example: With time the distortion is applied, the image deforms, and then returns to its original state.<\/b><\/p>\n

 <\/p>\n

\uff11\uff09Prepare the image to be distorted for Texture 1.
\n\uff12\uff09Prepare the variant map to distort for Texture 2.
\n\uff13\uff09Set Material to “Distort”.
\n\uff14\uff09Set Color Scale for Texture 2 to “Curve”.
\n\uff15\uff09Depending on the curve, change the R and G values from 0 to 1 and back to 0.<\/p>\n

\"\"<\/p>\n

It is possible to adjust the distortion as described above.<\/p>\n

 <\/p>\n\n\n\n
\"\"<\/td>\nIn this way, you can render a gradual distortion of an image and then return the image to its original state.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

\n

 <\/p>\n

\u25a0About displacement maps<\/strong><\/span><\/p>\n

 <\/p>\n

Displacement Maps<\/p>\n\n\n\n
\"\"<\/td>\nChecking the R and G channels with Photoshop looks like the following.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n\n\n\n
\"\"<\/td>\nR Channel<\/td>\n\"\"<\/td>\nG Channel<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

 <\/p>\n

With a displacement map for distortion, how much does the texture UV get displaced?
\nThe data below shows changes in the R and G channels and how much they get moved and in which directions.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

 <\/p>\n

U moves to the right further from 0.0 and closer to 1.0\uff08in the positive direction).
\nFor textures of polygons, the pictures move in the opposite direction to the left.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

 <\/p>\n

V moves to the down direction further from 0.0 and closer to 1.0 (in the positive direction).
\nFor textures of polygons, the pictures move in the opposite direction to the left.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Checking with the displacement map, the center value is 128 and looks as follows.<\/p>\n\n\n\n
\"\"<\/td>\nR Channel<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

For the R channel, since the right side has become lighter U has moved to the right (in the positive direction),
\nthe texture appears to have shifted to the left, and, since the left side has darkened,
\nthere was opposite movement toward the right.<\/p>\n\n\n\n
\"\"<\/td>\nG Channel<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

For the G channel, since the upper side has become lighter V has moved in the downard direction (in the positive direction),
\nthe texture appears to have shifted up, and, since the lower side has darkened,
\nthere was opposite movement in the upward direction.<\/p>\n

 <\/p>\n

Accordingly, the texture in the displacement map appears to move like this.<\/p>\n\n\n\n
\"\"<\/td>\nDistortion Direction<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\"\"<\/p>\n

How Texture Actually\u00a0Moves<\/p>","protected":false},"parent":3179,"menu_order":55,"template":"","class_list":["post-3200","manual","type-manual","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.matchlock.co.jp\/en\/wp-json\/wp\/v2\/manual\/3200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.matchlock.co.jp\/en\/wp-json\/wp\/v2\/manual"}],"about":[{"href":"https:\/\/www.matchlock.co.jp\/en\/wp-json\/wp\/v2\/types\/manual"}],"up":[{"embeddable":true,"href":"https:\/\/www.matchlock.co.jp\/en\/wp-json\/wp\/v2\/manual\/3179"}],"wp:attachment":[{"href":"https:\/\/www.matchlock.co.jp\/en\/wp-json\/wp\/v2\/media?parent=3200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}