{"id":24126,"date":"2020-05-03T10:00:15","date_gmt":"2020-05-03T01:00:15","guid":{"rendered":"https:\/\/styly.cc\/?p=24126"},"modified":"2020-04-30T22:03:13","modified_gmt":"2020-04-30T13:03:13","slug":"shader_twist_effect","status":"publish","type":"post","link":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/","title":{"rendered":"Houdini\u3092\u4f7f\u7528\u3057\u3066\u30b7\u30a7\u30fc\u30c0\u30fc\u3067\u30a8\u30cd\u30eb\u30ae\u30fc\u8868\u73fe\u3092\u5236\u4f5c\u3059\u308b"},"content":{"rendered":"<p><\/p>\n<h2><span id=\"i\">\u306f\u3058\u3081\u306b<\/span><\/h2>\n<p>\u30b7\u30a7\u30fc\u30c0\u30fc\u3092\u5229\u7528\u3057\u3066\u3001\u30a8\u30cd\u30eb\u30ae\u30fc\u304c\u96c6\u307e\u308b\u3088\u3046\u306a\u8868\u73fe\u3092\u4f5c\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n<div id=\"attachment_24129\" style=\"width: 802px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview.gif\"><img aria-describedby=\"caption-attachment-24129\" loading=\"lazy\" class=\"size-full wp-image-24129\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview.gif\" alt=\"\" width=\"792\" height=\"524\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview.gif 792w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview-300x198.gif 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview-768x508.gif 768w\" sizes=\"(max-width: 792px) 100vw, 792px\" \/><\/a><p id=\"caption-attachment-24129\" class=\"wp-caption-text\">\u30a8\u30cd\u30eb\u30ae\u30fc\u304c\u96c6\u307e\u308b\u8868\u73fe<\/p><\/div>\n<p>&nbsp;<\/p>\n<h2><span id=\"GitHub\">\u30b5\u30f3\u30d7\u30eb\u30d7\u30ed\u30b8\u30a7\u30af\u30c8(GitHub)<\/span><\/h2>\n<p>\u672c\u8a18\u4e8b\u3067\u7d39\u4ecb\u3059\u308b\u30a8\u30d5\u30a7\u30af\u30c8\u30fb\u30e2\u30c7\u30eb\u30fb\u30b7\u30a7\u30fc\u30c0\u30fc\u30fb\u30c6\u30af\u30b9\u30c1\u30e3\u306f\u3059\u3079\u3066\u30b5\u30f3\u30d7\u30eb\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/github.com\/styly-dev\/STYLY-Unity-Examples\/tree\/master\/Assets\/STYLY_Examples\/TwistEffect\" target=\"_blank\" rel=\"noopener noreferrer\">STYLY-Unity-Examples &#8211; TwistEffect<\/a><\/p>\n<h2><span id=\"i-2\">\u4f5c\u308a\u65b9 \u89e3\u8aac<\/span><\/h2>\n<p>\u4eca\u56de\u306f3D\u30e2\u30c7\u30eb\u306e\u4f5c\u6210\u306b<strong>Houdini<\/strong>\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n<p>Houdini\u306e\u5c0e\u5165\u3084\u57fa\u672c\u7684\u306a\u4f7f\u3044\u65b9\u306b\u3064\u3044\u3066\u306f\u4ee5\u4e0b\u306e\u8a18\u4e8b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<\/p>\n\n  <div class=\"blog-card\">\n    <a href=\"https:\/\/styly.cc\/ja\/tips\/houdini_01_introduction\/\">\n        <div class=\"blog-card-thumbnail\"><img src='https:\/\/styly.cc\/wp-content\/uploads\/2019\/05\/\u30ad\u30e3\u30d7\u30c1\u30e3-160x160.png' alt='\u3010Houdini\u3011\u30d7\u30ed\u30b7\u30fc\u30b8\u30e3\u30eb\u30e2\u30c7\u30ea\u30f3\u30b0\u5165\u9580' width=90 height=90 \/><\/div>\n        <div class=\"blog-card-content\">\n            <div class=\"blog-card-title\">\u3010Houdini\u3011\u30d7\u30ed\u30b7\u30fc\u30b8\u30e3\u30eb\u30e2\u30c7\u30ea\u30f3\u30b0\u5165\u9580 <\/div>\n            <div class=\"blog-card-excerpt\"><\/div>\n        <\/div>\n        <div class=\"clear\"><\/div>\n    <\/a>\n  <\/div>\n<h3><span id=\"_SideFX_LabsHoudini\">\u6e96\u5099 : SideFX Labs\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb(Houdini)<\/span><\/h3>\n<p>\u4eca\u56de\u306fHoudini\u306e<strong>Labs Disc Generator<\/strong>\u30ce\u30fc\u30c9\u3092\u4f7f\u7528\u3059\u308b\u306e\u3067\u3059\u304c\u3001\u521d\u671f\u306eHoudini\u306b\u306f\u3053\u308c\u306f\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n<p><strong>SideFX Labs<\/strong>\u3092Houdini\u3078\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u307e\u305a\u306fHoudini\u306e\u753b\u9762\u4e0a\u90e8\u306eSideFX Labs\u30b7\u30a7\u30eb\u30d5\u306e Update Toolset\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>\n<p id=\"szLrLOT\"><img loading=\"lazy\" width=\"1133\" height=\"164\" class=\"alignnone size-full wp-image-24173 \" src=\"http:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0fe9e6f8b.png\" alt=\"\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0fe9e6f8b.png 1133w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0fe9e6f8b-300x43.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0fe9e6f8b-1024x148.png 1024w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0fe9e6f8b-768x111.png 768w\" sizes=\"(max-width: 1133px) 100vw, 1133px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Update \u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068SideFX Labs\u304cHoudini\u3078\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u307e\u3059\u3002<\/p>\n<p id=\"NISoNil\"><img loading=\"lazy\" width=\"360\" height=\"258\" class=\"size-full wp-image-24174  aligncenter\" src=\"http:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c1026b2c23.png\" alt=\"\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c1026b2c23.png 360w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c1026b2c23-300x215.png 300w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5b8c\u4e86\u3059\u308b\u3068\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30c0\u30a4\u30a2\u30ed\u30b0\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n<p id=\"SSQoRrV\"><img loading=\"lazy\" width=\"591\" height=\"153\" class=\"size-full wp-image-24175  aligncenter\" src=\"http:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c1086da6a0.png\" alt=\"\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c1086da6a0.png 591w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c1086da6a0-300x78.png 300w\" sizes=\"(max-width: 591px) 100vw, 591px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Houdini\u3092\u518d\u8d77\u52d5\u3059\u308b\u3068SideFX Labs\u306e\u30c4\u30fc\u30eb\u4e00\u5f0f\u304c\u5229\u7528\u53ef\u80fd\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<img loading=\"lazy\" width=\"1076\" height=\"60\" class=\"alignnone size-full wp-image-24176 \" src=\"http:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c10ebeea83.png\" alt=\"\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c10ebeea83.png 1076w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c10ebeea83-300x17.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c10ebeea83-1024x57.png 1024w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c10ebeea83-768x43.png 768w\" sizes=\"(max-width: 1076px) 100vw, 1076px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><span id=\"01_Houdini\">\u624b\u980601 : \u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u306e\u4f5c\u6210(Houdini)<\/span><\/h3>\n<h4><span id=\"i-3\">\u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u306e\u4f5c\u6210<\/span><\/h4>\n<p>Houdini\u306e<strong>Labs Disc Generator<\/strong>\u30ce\u30fc\u30c9\u3067\u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u3092\u4f5c\u6210\u3057\u3001<strong>ROP Geometry<\/strong>\u30ce\u30fc\u30c9\u3067obj\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u51fa\u529b\u3057\u307e\u3059\u3002<\/p>\n<p><strong>Labs Disc Generator<\/strong>\u306fUV\u5c55\u958b\u6e08\u307f\u306e\u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u3092\u4e00\u6483\u3067\u4f5c\u6210\u3057\u3066\u304f\u308c\u308b\u3001\u4fbf\u5229\u306a\u30ce\u30fc\u30c9\u3067\u3059\u3002<\/p>\n<div id=\"attachment_24143\" style=\"width: 516px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24143\" loading=\"lazy\" class=\"wp-image-24143 size-full\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bf8c3dc284.png\" alt=\"\u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u3092\u4f5c\u6210\u3059\u308b\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\" width=\"506\" height=\"455\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bf8c3dc284.png 506w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bf8c3dc284-300x270.png 300w\" sizes=\"(max-width: 506px) 100vw, 506px\" \/><p id=\"caption-attachment-24143\" class=\"wp-caption-text\">\u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u3092\u4f5c\u6210\u3059\u308b\u30cd\u30c3\u30c8\u30ef\u30fc\u30af<\/p><\/div>\n<p>&nbsp;<\/p>\n<h4><span id=\"obj\">\u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u306eobj\u51fa\u529b<\/span><\/h4>\n<p id=\"ytnasMW\"><strong>ROP Geometry<\/strong> \u30ce\u30fc\u30c9\u306b\u306fobj\u30d5\u30a1\u30a4\u30eb\u306e\u51fa\u529b\u5148\u306e\u30d1\u30b9\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<p>obj\u30d5\u30a1\u30a4\u30eb\u306e\u51fa\u529b\u5148\u306b\u306fUnity\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306eAssets\/\u4ee5\u4e0b\u3092\u6307\u5b9a\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<p><strong>Save to Disk<\/strong>\u3092\u30de\u30a6\u30b9\u30af\u30ea\u30c3\u30af\u3059\u308b\u3053\u3068\u3067obj\u30d5\u30a1\u30a4\u30eb\u304c\u51fa\u529b\u3055\u308c\u307e\u3059\u3002<img loading=\"lazy\" width=\"1005\" height=\"557\" class=\"alignnone size-full wp-image-24177 \" src=\"http:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c11ec638c2.png\" alt=\"\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c11ec638c2.png 1005w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c11ec638c2-300x166.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c11ec638c2-768x426.png 768w\" sizes=\"(max-width: 1005px) 100vw, 1005px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u4f5c\u6210\u3057\u305fobj\u30d5\u30a1\u30a4\u30eb\u306fUnity\u4e0a\u3067Scene\u30d3\u30e5\u30fc\u3078\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u3057\u3001Scene\u4e0a\u3078\u51fa\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n<p><div id=\"attachment_24150\" style=\"width: 1866px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24150\" loading=\"lazy\" class=\"wp-image-24150 size-full\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bffdc3119e.png\" alt=\".obj\u30d5\u30a1\u30a4\u30eb\u3092Scene\u30d3\u30e5\u30fc\u3078\u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7\" width=\"1856\" height=\"922\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bffdc3119e.png 1856w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bffdc3119e-300x149.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bffdc3119e-1024x509.png 1024w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bffdc3119e-768x382.png 768w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bffdc3119e-1536x763.png 1536w\" sizes=\"(max-width: 1856px) 100vw, 1856px\" \/><p id=\"caption-attachment-24150\" class=\"wp-caption-text\">.obj\u30d5\u30a1\u30a4\u30eb\u3092Scene\u30d3\u30e5\u30fc\u3078\u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7<\/p><\/div><br \/>\n<div id=\"attachment_24151\" style=\"width: 1279px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24151\" loading=\"lazy\" class=\"wp-image-24151 size-full\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0056340a1.png\" alt=\"\u7d50\u679c\" width=\"1269\" height=\"909\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0056340a1.png 1269w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0056340a1-300x215.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0056340a1-1024x734.png 1024w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0056340a1-768x550.png 768w\" sizes=\"(max-width: 1269px) 100vw, 1269px\" \/><p id=\"caption-attachment-24151\" class=\"wp-caption-text\">\u7d50\u679c<\/p><\/div><\/p>\n<p>&nbsp;<\/p>\n<h3><span id=\"02\">\u624b\u980602 : \u57fa\u672c\u3068\u306a\u308b\u30b7\u30a7\u30fc\u30c0\u30fc\u306e\u4f5c\u6210<\/span><\/h3>\n<p>\u6b21\u306b\u30a8\u30d5\u30a7\u30af\u30c8\u7528\u30b7\u30a7\u30fc\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n<p>\u307e\u305a\u306fProject\u30a6\u30a3\u30f3\u30c9\u30a6\u4e0a\u306e\u53f3\u30af\u30ea\u30c3\u30af\u30e1\u30cb\u30e5\u30fc\u304b\u3089<strong>Create\/Shader<\/strong>\u3092\u9078\u629e\u3057\u3001\u30b7\u30a7\u30fc\u30c0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n<div id=\"attachment_24145\" style=\"width: 1128px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24145\" loading=\"lazy\" class=\"wp-image-24145 size-full\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bfa1d714e2.png\" alt=\"Shader\u306e\u4f5c\u6210\" width=\"1118\" height=\"328\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bfa1d714e2.png 1118w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bfa1d714e2-300x88.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bfa1d714e2-1024x300.png 1024w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bfa1d714e2-768x225.png 768w\" sizes=\"(max-width: 1118px) 100vw, 1118px\" \/><p id=\"caption-attachment-24145\" class=\"wp-caption-text\">Shader\u306e\u4f5c\u6210<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>\u30b7\u30a7\u30fc\u30c0\u30fc\u540d\u306f<strong>TwistEffectShader<\/strong>\u3068\u3057\u307e\u3059\u3002<\/p>\n<div id=\"attachment_24147\" style=\"width: 250px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24147\" loading=\"lazy\" class=\"wp-image-24147\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bfcf4480ee.png\" alt=\"\u4f5c\u6210\u3057\u305fShader\" width=\"240\" height=\"240\" \/><p id=\"caption-attachment-24147\" class=\"wp-caption-text\">\u4f5c\u6210\u3057\u305fShader<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>\u4f5c\u6210\u3057\u305f\u30b7\u30a7\u30fc\u30c0\u30fc\u3092\u958b\u304d\u3001\u4ee5\u4e0b\u306e\u30b7\u30a7\u30fc\u30c0\u30fc\u30b3\u30fc\u30c9\u3092\u8cbc\u308a\u4ed8\u3051\u307e\u3059\u3002<\/p>\n<pre>Shader \"STYLY\/Examples\/TwistEffectShader\"<br \/>{<br \/>   Properties<br \/>   {<br \/>      _MainTex (\"Main Texture\", 2D) = \"white\" {} \/\/ main color texture<br \/>      _MaskTex (\"Mask Texture\", 2D) = \"white\" {} \/\/ mask texture<br \/>      _Color (\"Color\", Color) = (1, 1, 1, 1)<br \/>      _Twist (\"UV Twist\", Float) = 0.0 \/\/ uv twist <br \/>      _ScrollSpeedX (\"Scroll Speed X\", Float) = 0.0 \/\/ uv scroll speed x <br \/>      _ScrollSpeedY (\"Scroll Speed Y\", Float) = 0.0 \/\/ uv scroll speed y <br \/>      _Power(\"Power\", float) = 1.0   <br \/>      _SmoothstepEdge1(\"Smoothstep Edge 1\", float) = 0.0<br \/>      _SmoothstepEdge2(\"Smoothstep Edge 2\", float) = 1.0<br \/>   }<br \/>   SubShader<br \/>   {<br \/>        Tags { \"Queue\"=\"Transparent\" \"IgnoreProjector\"=\"True\" \"RenderType\"=\"Transparent\" } <br \/>        LOD 100 \/\/<br \/><br \/>        ZWrite Off <br \/>        Blend SrcAlpha One<br \/>      <br \/>      Pass<br \/>      {<br \/>         CGPROGRAM<br \/>         #pragma vertex vert<br \/>         #pragma fragment frag<br \/>         #pragma multi_compile_fog<br \/>         <br \/>         #include \"UnityCG.cginc\"<br \/><br \/>         struct appdata<br \/>         {<br \/>            float4 vertex : POSITION;<br \/>            float2 uv : TEXCOORD0;<br \/>         };<br \/><br \/>         struct v2f<br \/>         {<br \/>            float2 uv_main : TEXCOORD0;<br \/>            float2 uv_mask : TEXCOORD1;<br \/>            UNITY_FOG_COORDS(1)<br \/>            float4 vertex : SV_POSITION;<br \/>         };<br \/><br \/>         sampler2D _MainTex;<br \/>         sampler2D _MaskTex;<br \/>         float4 _MainTex_ST;<br \/>         float4 _MaskTex_ST;<br \/>         fixed4 _Color;<br \/>         half _ScrollSpeedX;<br \/>         half _ScrollSpeedY;<br \/>         half _Twist;<br \/>         half _Power;<br \/>         fixed _SmoothstepEdge1;<br \/>         fixed _SmoothstepEdge2;<br \/>         <br \/>         v2f vert (appdata v)<br \/>         {<br \/>            v2f o;<br \/>            o.vertex = UnityObjectToClipPos(v.vertex);<br \/>            o.uv_main = TRANSFORM_TEX(v.uv, _MainTex);<br \/>            o.uv_mask = TRANSFORM_TEX(v.uv, _MaskTex);<br \/>            UNITY_TRANSFER_FOG(o,o.vertex);<br \/>            return o;<br \/>         }<br \/>         <br \/>         fixed4 frag (v2f i) : SV_Target<br \/>         {<br \/>            \/\/ sample the texture<br \/>            float2 uv = i.uv_main;<br \/>            fixed4 col = tex2D(_MainTex, uv);<br \/>            <br \/>            \/\/ apply fog<br \/>            UNITY_APPLY_FOG(i.fogCoord, col);<br \/>            <br \/>            return col;<br \/>         }<br \/>         ENDCG<br \/>      }<br \/>   }<br \/>}<\/pre>\n<h3><span id=\"03\">\u624b\u980603 : \u30de\u30c6\u30ea\u30a2\u30eb\u306e\u4f5c\u6210<\/span><\/h3>\n<p>\u4f5c\u6210\u3057\u305f\u30b7\u30a7\u30fc\u30c0\u30fc\u3092\u53f3\u30af\u30ea\u30c3\u30af\u3057\u3001\u30de\u30c6\u30ea\u30a2\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n<p id=\"LFfNIAp\"><img loading=\"lazy\" width=\"672\" height=\"305\" class=\"alignnone size-full wp-image-24146 \" src=\"http:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bfcd88224b.png\" alt=\"\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bfcd88224b.png 672w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bfcd88224b-300x136.png 300w\" sizes=\"(max-width: 672px) 100vw, 672px\" \/><\/p>\n<div id=\"attachment_24148\" style=\"width: 179px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24148\" loading=\"lazy\" class=\"wp-image-24148 size-full\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bfe4dbacf5.png\" alt=\"\u4f5c\u6210\u3057\u305f\u30de\u30c6\u30ea\u30a2\u30eb\" width=\"169\" height=\"184\" \/><p id=\"caption-attachment-24148\" class=\"wp-caption-text\">\u4f5c\u6210\u3057\u305f\u30de\u30c6\u30ea\u30a2\u30eb<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>\u4f5c\u6210\u3057\u305f\u30de\u30c6\u30ea\u30a2\u30eb\u306f\u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u3092\u9069\u7528\u3057\u307e\u3059\u3002<\/p>\n<div id=\"attachment_24149\" style=\"width: 1469px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24149\" loading=\"lazy\" class=\"wp-image-24149 size-full\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bff5d6d811.png\" alt=\"\u30de\u30c6\u30ea\u30a2\u30eb\u3092\u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u306b\u9069\u7528\" width=\"1459\" height=\"917\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bff5d6d811.png 1459w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bff5d6d811-300x189.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bff5d6d811-1024x644.png 1024w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bff5d6d811-768x483.png 768w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bff5d6d811-184x117.png 184w\" sizes=\"(max-width: 1459px) 100vw, 1459px\" \/><p id=\"caption-attachment-24149\" class=\"wp-caption-text\">\u30de\u30c6\u30ea\u30a2\u30eb\u3092\u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u306b\u9069\u7528<\/p><\/div>\n<p>&nbsp;<\/p>\n<h3><span id=\"04\">\u624b\u980604 : \u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u306b\u30c6\u30af\u30b9\u30c1\u30e3\u3092\u5f35\u308a\u4ed8\u3051\u308b<\/span><\/h3>\n<p>\u4ee5\u4e0b\u306e\u30c6\u30af\u30b9\u30c1\u30e3(noise01)\u3092\u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u306b\u8cbc\u308a\u4ed8\u3051\u307e\u3059\u3002<\/p>\n<div id=\"attachment_24141\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24141\" loading=\"lazy\" class=\"wp-image-24141 size-medium\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bf36fa7ee9-300x269.png\" alt=\"\u30ce\u30a4\u30ba\u30c6\u30af\u30b9\u30c1\u30e3\" width=\"300\" height=\"269\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bf36fa7ee9-300x269.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9bf36fa7ee9.png 612w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><p id=\"caption-attachment-24141\" class=\"wp-caption-text\">noise01\u306eUnity\u3067\u306e\u8868\u793a<\/p><\/div>\n<p>\u4e0a\u8a18\u306e\u30c6\u30af\u30b9\u30c1\u30e3(noise01)\u3092\u5148\u307b\u3069\u306e\u30de\u30c6\u30ea\u30a2\u30eb\u4e0a\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3059\u3002<\/p>\n<p id=\"lwGoRlH\"><img loading=\"lazy\" width=\"1241\" height=\"667\" class=\"alignnone size-full wp-image-24154 \" src=\"http:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c01da50d4c.png\" alt=\"\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c01da50d4c.png 1241w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c01da50d4c-300x161.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c01da50d4c-1024x550.png 1024w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c01da50d4c-768x413.png 768w\" sizes=\"(max-width: 1241px) 100vw, 1241px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u306e\u8868\u793a\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<div id=\"attachment_24135\" style=\"width: 330px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/image_0000.jpg\"><img aria-describedby=\"caption-attachment-24135\" loading=\"lazy\" class=\"size-full wp-image-24135\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/image_0000.jpg\" alt=\"\" width=\"320\" height=\"320\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/image_0000.jpg 320w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/image_0000-300x300.jpg 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/image_0000-160x160.jpg 160w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/a><p id=\"caption-attachment-24135\" class=\"wp-caption-text\">\u5186\u76e4\u30e1\u30c3\u30b7\u30e5\u306b\u30c6\u30af\u30b9\u30c1\u30e3\u3092\u5f35\u308a\u4ed8\u3051\u308b<\/p><\/div>\n<h3><span id=\"02_UV\">\u624b\u980602 : \u30c6\u30af\u30b9\u30c1\u30e3UV\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b<\/span><\/h3>\n<p>\u6b21\u306b\u6642\u9593\u7d4c\u904e\u3067UV\u3092\u305a\u3089\u3057\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u52d5\u304d\u3092\u4f5c\u308a\u307e\u3059\u3002<\/p>\n<p>\u30b7\u30a7\u30fc\u30c0\u30fc\u3092frag\u306e\u4e2d\u8eab\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3059\u3002<\/p>\n<pre>fixed4 frag (v2f i) : SV_Target<br \/>{<br \/>   \/\/ sample the texture<br \/>   float2 uv = i.uv_main<strong> + float2(_Time.y * _ScrollSpeedX, _Time.y * _ScrollSpeedY);<\/strong><br \/>   fixed4 col = tex2D(_MainTex, uv);<br \/>   <br \/>   \/\/ apply fog<br \/>   UNITY_APPLY_FOG(i.fogCoord, col);<br \/>   <br \/>   return col * _Color;<br \/>}<\/pre>\n<p><strong>_Time.y<\/strong>\u306f\u6642\u9593\u3001<strong>_ScrollSpeedX<\/strong>\u3068<strong>_ScrollSpeedY<\/strong>\u306f\u4eca\u56de\u5b9a\u7fa9\u3057\u305f\u30b9\u30af\u30ed\u30fc\u30eb\u306e\u901f\u3055\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u3067\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u30de\u30c6\u30ea\u30a2\u30eb\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u306e <strong>Scroll Speed Y<\/strong> \u3092 0.5\u306b\u8a2d\u5b9a\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n<p id=\"FYrSNfF\"><img loading=\"lazy\" width=\"561\" height=\"723\" class=\"size-full wp-image-24155  aligncenter\" src=\"http:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c036486ad7.png\" alt=\"\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c036486ad7.png 561w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c036486ad7-233x300.png 233w\" sizes=\"(max-width: 561px) 100vw, 561px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u7d50\u679c\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u3000<\/p>\n<p>\u30c6\u30af\u30b9\u30c1\u30e3UV\u306eY\u6210\u5206\u304c\u6bce\u79d20.5\u305a\u3064\u5897\u52a0\u3057\u3001\u30c6\u30af\u30b9\u30c1\u30e3\u306f\u4e0b\u65b9\u5411\u3078\u30ba\u30ec\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<div id=\"attachment_24137\" style=\"width: 330px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_007.gif\"><img aria-describedby=\"caption-attachment-24137\" loading=\"lazy\" class=\"size-full wp-image-24137\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_007.gif\" alt=\"\" width=\"320\" height=\"320\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_007.gif 320w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_007-300x300.gif 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_007-160x160.gif 160w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/a><p id=\"caption-attachment-24137\" class=\"wp-caption-text\">\u6642\u9593\u7d4c\u904e\u3067UV\u3092\u52d5\u304b\u3059<\/p><\/div>\n<p>&nbsp;<\/p>\n<h3><span id=\"03-2\">\u624b\u980603 : \u30c6\u30af\u30b9\u30c1\u30e3\u306b\u30de\u30b9\u30af\u3092\u304b\u3051\u308b<\/span><\/h3>\n<p>\u3053\u3053\u3067\u3001\u30c6\u30af\u30b9\u30c1\u30e3\u306b\u5bfe\u3057\u3066\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30a2\u30eb\u30d5\u30a1\u30de\u30b9\u30af\u3092\u4e57\u7b97\u3057\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<p id=\"Olcbbpp\"><img loading=\"lazy\" class=\"aligncenter wp-image-24132 size-medium\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9befaa8d199-300x293.png\" alt=\"\" width=\"300\" height=\"293\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9befaa8d199-300x293.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9befaa8d199.png 564w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u30b7\u30a7\u30fc\u30c0\u30fc\u306efrag\u95a2\u6570\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u66f8\u304d\u63db\u3048\u307e\u3059\u3002<\/p>\n<pre>fixed4 frag (v2f i) : SV_Target<br \/>{<br \/>   \/\/ sample the texture<br \/>   float2 uv = i.uv_main + float2(_Time.y * _ScrollSpeedX, _Time.y * _ScrollSpeedY);<br \/>   fixed4 col = tex2D(_MainTex, uv);<br \/>   <strong>fixed4 mask = tex2D(_MaskTex, i.uv_mask);<\/strong><br \/>   col = col * <strong>mask;<\/strong><br \/>   <br \/>   \/\/ apply fog<br \/>   UNITY_APPLY_FOG(i.fogCoord, col);<br \/>   <br \/>   return col * _Color;<br \/>}<\/pre>\n<p>\u30c6\u30af\u30b9\u30c1\u30e3\u30ab\u30e9\u30fc\u306e<strong>col<\/strong>\u306b\u30de\u30b9\u30af\u30ab\u30e9\u30fc<strong>mask<\/strong>\u3092\u4e57\u7b97\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u6b21\u306b\u3001\u30de\u30c6\u30ea\u30a2\u30eb\u306b\u30de\u30b9\u30af\u30c6\u30af\u30b9\u30c1\u30e3\u3092\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3059\u3002<\/p>\n<p id=\"AbLjUpJ\"><img loading=\"lazy\" width=\"1071\" height=\"723\" class=\"size-full wp-image-24156  aligncenter\" src=\"http:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c04b18575a.png\" alt=\"\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c04b18575a.png 1071w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c04b18575a-300x203.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c04b18575a-1024x691.png 1024w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c04b18575a-768x518.png 768w\" sizes=\"(max-width: 1071px) 100vw, 1071px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u7d50\u679c\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<div id=\"attachment_24138\" style=\"width: 330px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_009.gif\"><img aria-describedby=\"caption-attachment-24138\" loading=\"lazy\" class=\"wp-image-24138 size-full\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_009.gif\" alt=\"\" width=\"320\" height=\"320\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_009.gif 320w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_009-300x300.gif 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_009-160x160.gif 160w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/a><p id=\"caption-attachment-24138\" class=\"wp-caption-text\">\u30de\u30b9\u30af\u306e\u4e57\u7b97\u7d50\u679c<\/p><\/div>\n<p>&nbsp;<\/p>\n<h3><span id=\"04_UV\">\u624b\u980604 : UV\u3092\u3072\u306d\u308b<\/span><\/h3>\n<p>\u6b21\u306bUV\u3092y\u306b\u6bd4\u4f8b\u3057\u3066\u6a2a\u306b\u305a\u3089\u3059\u3001\u3068\u3044\u3046\u51e6\u7406\u3092\u52a0\u3048\u307e\u3059\u3002<\/p>\n<p>\u5177\u4f53\u7684\u306b\u306fUV\u306ex\u6210\u5206\u306by\u6210\u5206\u3092\u52a0\u7b97\u3057\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u30b7\u30a7\u30fc\u30c0\u30fc\u306efrag\u95a2\u6570\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u66f8\u304d\u63db\u3048\u307e\u3059\u3002<\/p>\n<pre>fixed4 frag (v2f i) : SV_Target<br \/>{<br \/>   \/\/ sample the texture<br \/>   float2 uv = i.uv_main <strong>+ float2(_Twist * i.uv_main.y, 0.0);<\/strong><br \/>   fixed4 col = tex2D(_MainTex, uv + float2(_Time.y * _ScrollSpeedX, _Time.y * _ScrollSpeedY));<br \/>   fixed4 mask = tex2D(_MaskTex, i.uv_mask);<br \/>   col = col * mask;<br \/>   <br \/>   \/\/ apply fog<br \/>   UNITY_APPLY_FOG(i.fogCoord, col);<br \/><br \/>   return col * _Color;<br \/>}<\/pre>\n<p>UV\u306eY\u6210\u5206\u304c1\u5897\u52a0\u3059\u308b\u3068\u3001UV\u306eX\u6210\u5206\u306f<strong>_Twist<\/strong>\u5897\u52a0\u3057\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u30de\u30c6\u30ea\u30a2\u30eb\u306e\u30d1\u30e9\u30e1\u30fc\u30bf<strong>Twist<\/strong>\u3092-0.7\u306b\u8a2d\u5b9a\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n<p id=\"QiAtBeh\"><img loading=\"lazy\" width=\"573\" height=\"623\" class=\"alignnone size-full wp-image-24157 \" src=\"http:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c064dca148.png\" alt=\"\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c064dca148.png 573w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c064dca148-276x300.png 276w\" sizes=\"(max-width: 573px) 100vw, 573px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u7d50\u679c\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<div id=\"attachment_24142\" style=\"width: 330px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_011.gif\"><img aria-describedby=\"caption-attachment-24142\" loading=\"lazy\" class=\"size-full wp-image-24142\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_011.gif\" alt=\"\" width=\"320\" height=\"320\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_011.gif 320w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_011-300x300.gif 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_011-160x160.gif 160w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/a><p id=\"caption-attachment-24142\" class=\"wp-caption-text\">UV\u3092\u3072\u306d\u3063\u305f\u7d50\u679c<\/p><\/div>\n<h3><span id=\"05_pow\">\u624b\u980605 : pow\u95a2\u6570\u3067\u5f37\u5f31\u3092\u3064\u3051\u308b<\/span><\/h3>\n<p>\u3053\u3053\u3067\u3001\u30c6\u30af\u30b9\u30c1\u30e3\u30ab\u30e9\u30fc\u306bpow\u3092\u9069\u7528\u3057\u3066\u8272\u306e\u5f37\u5f31\u3092\u5f37\u3081\u3066\u307f\u307e\u3059\u3002<\/p>\n<p>\u30b7\u30a7\u30fc\u30c0\u30fc\u306efrag\u95a2\u6570\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u66f8\u304d\u63db\u3048\u307e\u3059\u3002<\/p>\n<pre>fixed4 frag (v2f i) : SV_Target<br \/>{<br \/>   \/\/ sample the texture<br \/>   float2 uv = i.uv_main + float2(_Twist * i.uv_main.y, 0.0);<br \/>   fixed4 col = tex2D(_MainTex, uv + float2(_Time.y * _ScrollSpeedX, _Time.y * _ScrollSpeedY));<br \/>             fixed4 mask = tex2D(_MaskTex, i.uv_mask);<br \/>   <strong>col = pow(col, _Power) * mask;<\/strong><br \/>   <br \/>   \/\/ apply fog<br \/>   UNITY_APPLY_FOG(i.fogCoord, col);<br \/><br \/>   return col * _Color;<br \/>}<\/pre>\n<p>&nbsp;<\/p>\n<p>\u30de\u30c6\u30ea\u30a2\u30eb\u306e\u30d1\u30e9\u30e1\u30fc\u30bf<strong>Power<\/strong>\u3092<strong>3<\/strong>\u306b\u8a2d\u5b9a\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n<div id=\"attachment_24159\" style=\"width: 580px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24159\" loading=\"lazy\" class=\"wp-image-24159 size-full\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c08a35a356.png\" alt=\"Power\u30923\u306b\u8a2d\u5b9a\" width=\"570\" height=\"656\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c08a35a356.png 570w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c08a35a356-261x300.png 261w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/><p id=\"caption-attachment-24159\" class=\"wp-caption-text\">Power\u30923\u306b\u8a2d\u5b9a<\/p><\/div>\n<p>\u7d50\u679c\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u3000<\/p>\n<p>\u8272\u306e\u5f37\u5f31\u304c\u3064\u304d\u3001\u30a8\u30d5\u30a7\u30af\u30c8\u306e\u30c7\u30a3\u30c6\u30fc\u30eb\u304c\u5897\u3048\u305f\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n<div id=\"attachment_24158\" style=\"width: 330px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_012.gif\"><img aria-describedby=\"caption-attachment-24158\" loading=\"lazy\" class=\"size-full wp-image-24158\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_012.gif\" alt=\"\" width=\"320\" height=\"320\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_012.gif 320w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_012-300x300.gif 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_012-160x160.gif 160w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/a><p id=\"caption-attachment-24158\" class=\"wp-caption-text\">pow\u3067\u5f37\u5f31\u3092\u3064\u3051\u305f\u7d50\u679c<\/p><\/div>\n<p>&nbsp;<\/p>\n<h3><span id=\"06_smoothstep\">\u624b\u980606 : smoothstep\u95a2\u6570\u3067\u5f37\u5f31\u3092\u3064\u3051\u308b<\/span><\/h3>\n<p>\u30b7\u30a7\u30fc\u30c0\u30fc\u306e<strong>smoothstep<\/strong>\u95a2\u6570\u3092\u4f7f\u3046\u3068\u8272\u306b\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u3092\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>Photoshop\u306e\u30c8\u30fc\u30f3\u30ab\u30fc\u30d6\u306e\u3088\u3046\u306a\u52b9\u679c\u3092\u4e0e\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p><div id=\"attachment_24183\" style=\"width: 922px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24183\" loading=\"lazy\" class=\"wp-image-24183 size-full\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c16cb14d75.png\" alt=\"smoothstep\u9069\u7528\u524d\" width=\"912\" height=\"573\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c16cb14d75.png 912w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c16cb14d75-300x188.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c16cb14d75-768x483.png 768w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c16cb14d75-184x117.png 184w\" sizes=\"(max-width: 912px) 100vw, 912px\" \/><p id=\"caption-attachment-24183\" class=\"wp-caption-text\">smoothstep\u9069\u7528\u524d<\/p><\/div><br \/>\n<div id=\"attachment_24182\" style=\"width: 937px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24182\" loading=\"lazy\" class=\"wp-image-24182 size-full\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c169c1f8d7.png\" alt=\"smoothstep \u9069\u7528\u5f8c\" width=\"927\" height=\"573\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c169c1f8d7.png 927w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c169c1f8d7-300x185.png 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c169c1f8d7-768x475.png 768w\" sizes=\"(max-width: 927px) 100vw, 927px\" \/><p id=\"caption-attachment-24182\" class=\"wp-caption-text\">smoothstep \u9069\u7528\u5f8c<\/p><\/div><\/p>\n<p>&nbsp;<\/p>\n<p>\u30b7\u30a7\u30fc\u30c0\u30fc\u306efrag\u95a2\u6570\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u66f8\u304d\u63db\u3048\u307e\u3059\u3002<\/p>\n<pre>fixed4 frag (v2f i) : SV_Target<br \/>{<br \/>   \/\/ sample the texture<br \/>   float2 uv = i.uv_main + float2(_Twist * i.uv_main.y, 0.0);<br \/>   fixed4 col = tex2D(_MainTex, uv + float2(_Time.y * _ScrollSpeedX, _Time.y * _ScrollSpeedY));<br \/>             fixed4 mask = tex2D(_MaskTex, i.uv_mask);<br \/>   col = pow(col, _Power) * mask;<br \/>   <br \/>   \/\/ apply fog<br \/>   UNITY_APPLY_FOG(i.fogCoord, col);<br \/><br \/>   <strong>col.a = smoothstep(_SmoothstepEdge1, _SmoothstepEdge2, col.a);<\/strong><br \/>   return col * _Color;<br \/>}<\/pre>\n<p>&nbsp;<\/p>\n<p>\u30de\u30c6\u30ea\u30a2\u30eb\u306e\u30d1\u30e9\u30e1\u30fc\u30bf<strong>Smoothstep Edge 1, Smoothstep Edge 2 <\/strong>\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8a2d\u5b9a\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n<div id=\"attachment_24160\" style=\"width: 589px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24160\" loading=\"lazy\" class=\"wp-image-24160 size-full\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0a3ee1667.png\" alt=\"\u30de\u30c6\u30ea\u30a2\u30eb\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u8a2d\u5b9a\" width=\"579\" height=\"617\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0a3ee1667.png 579w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0a3ee1667-282x300.png 282w\" sizes=\"(max-width: 579px) 100vw, 579px\" \/><p id=\"caption-attachment-24160\" class=\"wp-caption-text\">\u30de\u30c6\u30ea\u30a2\u30eb\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u8a2d\u5b9a<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>\u7d50\u679c\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<div id=\"attachment_24161\" style=\"width: 330px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_013.gif\"><img aria-describedby=\"caption-attachment-24161\" loading=\"lazy\" class=\"size-full wp-image-24161\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_013.gif\" alt=\"\" width=\"320\" height=\"320\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_013.gif 320w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_013-300x300.gif 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_013-160x160.gif 160w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/a><p id=\"caption-attachment-24161\" class=\"wp-caption-text\">\u7d50\u679c<\/p><\/div>\n<p>\u4ee5\u4e0a\u3067\u30a8\u30d5\u30a7\u30af\u30c8\u7528\u30b7\u30a7\u30fc\u30c0\u30fc\u306e\u5b8c\u6210\u3067\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2><span id=\"i-4\">\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u8a2d\u5b9a\u4f8b<\/span><\/h2>\n<p>\u30a8\u30d5\u30a7\u30af\u30c8\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u5909\u3048\u308b\u3053\u3068\u3067\u69d8\u3005\u306a\u8868\u73fe\u3092\u4f5c\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<h3><span id=\"1\">\u8a2d\u5b9a\u4f8b1<\/span><\/h3>\n<p>Power\u306e\u5024\u3092\u30de\u30a4\u30ca\u30b9\u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30a8\u30d5\u30a7\u30af\u30c8\u304c\u767a\u5149\u3059\u308b\u3088\u3046\u306a\u611f\u3058\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p><div id=\"attachment_24164\" style=\"width: 330px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_015.gif\"><img aria-describedby=\"caption-attachment-24164\" loading=\"lazy\" class=\"size-full wp-image-24164\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_015.gif\" alt=\"\" width=\"320\" height=\"320\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_015.gif 320w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_015-300x300.gif 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_015-160x160.gif 160w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/a><p id=\"caption-attachment-24164\" class=\"wp-caption-text\">\u8a2d\u5b9a\u4f8b 1<\/p><\/div><br \/>\n<div id=\"attachment_24166\" style=\"width: 575px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/bandicam-2020-04-19-17-33-22-077.jpg\"><img aria-describedby=\"caption-attachment-24166\" loading=\"lazy\" class=\"size-full wp-image-24166\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/bandicam-2020-04-19-17-33-22-077.jpg\" alt=\"\" width=\"565\" height=\"204\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/bandicam-2020-04-19-17-33-22-077.jpg 565w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/bandicam-2020-04-19-17-33-22-077-300x108.jpg 300w\" sizes=\"(max-width: 565px) 100vw, 565px\" \/><\/a><p id=\"caption-attachment-24166\" class=\"wp-caption-text\">\u8a2d\u5b9a\u4f8b1 \u30d1\u30e9\u30e1\u30fc\u30bf<\/p><\/div><\/p>\n<p>&nbsp;<\/p>\n<h3><span id=\"2\">\u8a2d\u5b9a\u4f8b2<\/span><\/h3>\n<p>\u30de\u30b9\u30af\u3092\u5909\u3048\u308b\u3053\u3068\u3067\u3082\u3001\u30a8\u30d5\u30a7\u30af\u30c8\u306e\u5f62\u72b6\u3092\u5909\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p id=\"EduFYNG\"><img loading=\"lazy\" width=\"361\" height=\"336\" class=\"size-full wp-image-24167  aligncenter\" src=\"http:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0e3101979.png\" alt=\"\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0e3101979.png 361w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0e3101979-300x279.png 300w\" sizes=\"(max-width: 361px) 100vw, 361px\" \/><\/p>\n<p><div id=\"attachment_24168\" style=\"width: 330px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_016.gif\"><img aria-describedby=\"caption-attachment-24168\" loading=\"lazy\" class=\"size-full wp-image-24168\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_016.gif\" alt=\"\" width=\"320\" height=\"320\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_016.gif 320w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_016-300x300.gif 300w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/gif_animation_016-160x160.gif 160w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/a><p id=\"caption-attachment-24168\" class=\"wp-caption-text\">\u8a2d\u5b9a\u4f8b2<\/p><\/div><br \/>\n<div id=\"attachment_24170\" style=\"width: 570px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-24170\" loading=\"lazy\" class=\"wp-image-24170 size-full\" src=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0ebe91c1b.png\" alt=\"\u8a2d\u5b9a\u4f8b2 \u30d1\u30e9\u30e1\u30fc\u30bf\" width=\"560\" height=\"458\" srcset=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0ebe91c1b.png 560w, https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/img_5e9c0ebe91c1b-300x245.png 300w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><p id=\"caption-attachment-24170\" class=\"wp-caption-text\">\u8a2d\u5b9a\u4f8b2 \u30d1\u30e9\u30e1\u30fc\u30bf<\/p><\/div><\/p>\n<h2><span id=\"UnitySTYLY\">Unity\u304b\u3089STYLY\u306b\u30d7\u30ec\u30cf\u30d6\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u65b9\u6cd5<\/span><\/h2>\n<p>\u30b7\u30a7\u30fc\u30c0\u30fc\u3092\u9069\u7528\u3057\u305f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u3001Unity\u304b\u3089STYLY\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002<\/p>\n<p>Unity\u304b\u3089STYLY\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u65b9\u6cd5\u306f\u4ee5\u4e0b\u306e\u30de\u30cb\u30e5\u30a2\u30eb\u8a18\u4e8b\u3092\u3054\u53c2\u7167\u304f\u3060\u3055\u3044\u3002<\/p>\n\n  <div class=\"blog-card\">\n    <a href=\"https:\/\/styly.cc\/ja\/manual\/unity-asset-uploader\/\">\n        <div class=\"blog-card-thumbnail\"><img src='https:\/\/styly.cc\/wp-content\/uploads\/2018\/05\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2020-04-16-16.02.10-160x160.png' alt='Unity\u304b\u3089STYLY\u306b\u30d7\u30ec\u30cf\u30d6\u3068\u30b7\u30fc\u30f3\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u65b9\u6cd5' width=90 height=90 \/><\/div>\n        <div class=\"blog-card-content\">\n            <div class=\"blog-card-title\">Unity\u304b\u3089STYLY\u306b\u30d7\u30ec\u30cf\u30d6\u3068\u30b7\u30fc\u30f3\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u65b9\u6cd5 <\/div>\n            <div class=\"blog-card-excerpt\"><\/div>\n        <\/div>\n        <div class=\"clear\"><\/div>\n    <\/a>\n  <\/div>\n<p>&nbsp;<\/p>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>&nbsp;\u306f\u3058\u3081\u306b\u30b7\u30a7\u30fc\u30c0\u30fc\u3092\u5229\u7528\u3057\u3066\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u8868\u73fe\u3092\u4f5c\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002\u30a8\u30cd\u30eb\u30ae\u30fc\u304c\u96c6\u307e\u308b\u3088\u3046\u306a\u8868\u73fe\u306b\u6d3b\u7528\u3067\u304d\u308b\u304b\u3068\u601d\u3044\u307e\u3059\u3002[caption id=\"attachment_24129\" align=\"aligncenter\" width=\"792\"]<\/p>\n","protected":false},"author":22,"featured_media":24129,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false},"categories":[112,207,12],"tags":[514,409],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.3.9.1 - aioseo.com -->\n\t\t<meta name=\"description\" content=\"Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.\" \/>\n\t\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t\t<link rel=\"canonical\" href=\"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.3.9.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"ja_JP\" \/>\n\t\t<meta property=\"og:site_name\" content=\"STYLY - \u7a7a\u9593\u30ec\u30a4\u30e4\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\" \/>\n\t\t<meta property=\"og:type\" content=\"website\" \/>\n\t\t<meta property=\"og:title\" content=\"Using Houdini to create energy representations in shaders | STYLY\" \/>\n\t\t<meta property=\"og:description\" content=\"Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview.gif\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview.gif\" \/>\n\t\t<meta property=\"og:image:width\" content=\"792\" \/>\n\t\t<meta property=\"og:image:height\" content=\"524\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Using Houdini to create energy representations in shaders | STYLY\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview.gif\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/#blogposting\",\"name\":\"Using Houdini to create energy representations in shaders | STYLY\",\"headline\":\"Houdini\\u3092\\u4f7f\\u7528\\u3057\\u3066\\u30b7\\u30a7\\u30fc\\u30c0\\u30fc\\u3067\\u30a8\\u30cd\\u30eb\\u30ae\\u30fc\\u8868\\u73fe\\u3092\\u5236\\u4f5c\\u3059\\u308b\",\"author\":{\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/author\\\/kamosoba\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/styly.cc\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/1_overview.gif\",\"width\":792,\"height\":524,\"caption\":\"\\u30a8\\u30cd\\u30eb\\u30ae\\u30fc\\u304c\\u96c6\\u307e\\u308b\\u8868\\u73fe\"},\"datePublished\":\"2020-05-03T01:00:15+09:00\",\"dateModified\":\"2020-04-30T13:03:13+09:00\",\"inLanguage\":\"ja\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/#webpage\"},\"articleSection\":\"Effects, Shader, Tips, Houdini, \\u304b\\u3082\\u305d\\u3070\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/#listItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/\",\"name\":\"\\u5bb6\",\"description\":\"VR\\u3084AR\\u306a\\u3069\\u306e\\u4f5c\\u54c1\\u3092\\u3069\\u306a\\u305f\\u3067\\u3082\\u7c21\\u5358\\u306b\\u5275\\u9020\\u30fb\\u4f53\\u9a13\\u3067\\u304d\\u308b\\u3001\\u30ea\\u30a2\\u30eb\\u30e1\\u30bf\\u30d0\\u30fc\\u30b9\\u30d7\\u30e9\\u30c3\\u30c8\\u30d5\\u30a9\\u30fc\\u30e0\\u3067\\u3059\\u3002\\u30b9\\u30de\\u30fc\\u30c8\\u30d5\\u30a9\\u30f3\\u3084PC\\u3001\\u5404\\u7a2eVR\\u6a5f\\u5668\\u306a\\u3069\\u3001\\u69d8\\u3005\\u306a\\u74b0\\u5883\\u304b\\u3089xR\\u4f5c\\u54c1\\u3092\\u304a\\u697d\\u3057\\u307f\\u3044\\u305f\\u3060\\u3051\\u307e\\u3059\\u3002\",\"url\":\"https:\\\/\\\/styly.cc\\\/ja\\\/\"},\"nextItem\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/#listItem\"},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/#listItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/\",\"name\":\"Tips\",\"description\":\"Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.\",\"url\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/\"},\"nextItem\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/#listItem\",\"previousItem\":\"https:\\\/\\\/styly.cc\\\/ja\\\/#listItem\"},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/#listItem\",\"position\":3,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/\",\"name\":\"[:en]Using Houdini to create energy representations in shaders[:ja]Houdini\\u3092\\u4f7f\\u7528\\u3057\\u3066\\u30b7\\u30a7\\u30fc\\u30c0\\u30fc\\u3067\\u30a8\\u30cd\\u30eb\\u30ae\\u30fc\\u8868\\u73fe\\u3092\\u5236\\u4f5c\\u3059\\u308b[:]\",\"description\":\"Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.\",\"url\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/\"},\"previousItem\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/#listItem\"}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/#organization\",\"name\":\"STYLY\",\"url\":\"https:\\\/\\\/styly.cc\\\/ja\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/author\\\/kamosoba\\\/#author\",\"url\":\"https:\\\/\\\/styly.cc\\\/ja\\\/author\\\/kamosoba\\\/\",\"name\":\"\\u304b\\u3082\\u305d\\u3070\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/#authorImage\",\"url\":\"https:\\\/\\\/styly.cc\\\/wp-content\\\/uploads\\\/2018\\\/07\\\/\\u6c38\\u7559-\\u907c\\u5e73_avatar_1531804460-96x96.png\",\"width\":96,\"height\":96,\"caption\":\"\\u304b\\u3082\\u305d\\u3070\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/#webpage\",\"url\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/\",\"name\":\"Using Houdini to create energy representations in shaders | STYLY\",\"description\":\"Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.\",\"inLanguage\":\"ja\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/author\\\/kamosoba\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/author\\\/kamosoba\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/styly.cc\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/1_overview.gif\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/#mainImage\",\"width\":792,\"height\":524,\"caption\":\"\\u30a8\\u30cd\\u30eb\\u30ae\\u30fc\\u304c\\u96c6\\u307e\\u308b\\u8868\\u73fe\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/tips\\\/shader_twist_effect\\\/#mainImage\"},\"datePublished\":\"2020-05-03T01:00:15+09:00\",\"dateModified\":\"2020-04-30T13:03:13+09:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/#website\",\"url\":\"https:\\\/\\\/styly.cc\\\/ja\\\/\",\"name\":\"STYLY\",\"description\":\"\\u7a7a\\u9593\\u30ec\\u30a4\\u30e4\\u30fc\\u30d7\\u30e9\\u30c3\\u30c8\\u30d5\\u30a9\\u30fc\\u30e0\",\"inLanguage\":\"ja\",\"publisher\":{\"@id\":\"https:\\\/\\\/styly.cc\\\/ja\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Using Houdini to create energy representations in shaders | STYLY<\/title>\n\n","aioseo_head_json":{"title":"Using Houdini to create energy representations in shaders | STYLY","description":"Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.","canonical_url":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"og:locale":"ja_JP","og:site_name":"STYLY - \u7a7a\u9593\u30ec\u30a4\u30e4\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0","og:type":"website","og:title":"Using Houdini to create energy representations in shaders | STYLY","og:description":"Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.","og:url":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/","og:image":"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview.gif","og:image:secure_url":"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview.gif","og:image:width":792,"og:image:height":524,"twitter:card":"summary_large_image","twitter:title":"Using Houdini to create energy representations in shaders | STYLY","twitter:description":"Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.","twitter:image":"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview.gif","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/#blogposting","name":"Using Houdini to create energy representations in shaders | STYLY","headline":"Houdini\u3092\u4f7f\u7528\u3057\u3066\u30b7\u30a7\u30fc\u30c0\u30fc\u3067\u30a8\u30cd\u30eb\u30ae\u30fc\u8868\u73fe\u3092\u5236\u4f5c\u3059\u308b","author":{"@id":"https:\/\/styly.cc\/ja\/author\/kamosoba\/#author"},"publisher":{"@id":"https:\/\/styly.cc\/ja\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview.gif","width":792,"height":524,"caption":"\u30a8\u30cd\u30eb\u30ae\u30fc\u304c\u96c6\u307e\u308b\u8868\u73fe"},"datePublished":"2020-05-03T01:00:15+09:00","dateModified":"2020-04-30T13:03:13+09:00","inLanguage":"ja","mainEntityOfPage":{"@id":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/#webpage"},"isPartOf":{"@id":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/#webpage"},"articleSection":"Effects, Shader, Tips, Houdini, \u304b\u3082\u305d\u3070"},{"@type":"BreadcrumbList","@id":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/styly.cc\/ja\/#listItem","position":1,"item":{"@type":"WebPage","@id":"https:\/\/styly.cc\/ja\/","name":"\u5bb6","description":"VR\u3084AR\u306a\u3069\u306e\u4f5c\u54c1\u3092\u3069\u306a\u305f\u3067\u3082\u7c21\u5358\u306b\u5275\u9020\u30fb\u4f53\u9a13\u3067\u304d\u308b\u3001\u30ea\u30a2\u30eb\u30e1\u30bf\u30d0\u30fc\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3084PC\u3001\u5404\u7a2eVR\u6a5f\u5668\u306a\u3069\u3001\u69d8\u3005\u306a\u74b0\u5883\u304b\u3089xR\u4f5c\u54c1\u3092\u304a\u697d\u3057\u307f\u3044\u305f\u3060\u3051\u307e\u3059\u3002","url":"https:\/\/styly.cc\/ja\/"},"nextItem":"https:\/\/styly.cc\/ja\/tips\/#listItem"},{"@type":"ListItem","@id":"https:\/\/styly.cc\/ja\/tips\/#listItem","position":2,"item":{"@type":"WebPage","@id":"https:\/\/styly.cc\/ja\/tips\/","name":"Tips","description":"Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.","url":"https:\/\/styly.cc\/ja\/tips\/"},"nextItem":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/#listItem","previousItem":"https:\/\/styly.cc\/ja\/#listItem"},{"@type":"ListItem","@id":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/#listItem","position":3,"item":{"@type":"WebPage","@id":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/","name":"[:en]Using Houdini to create energy representations in shaders[:ja]Houdini\u3092\u4f7f\u7528\u3057\u3066\u30b7\u30a7\u30fc\u30c0\u30fc\u3067\u30a8\u30cd\u30eb\u30ae\u30fc\u8868\u73fe\u3092\u5236\u4f5c\u3059\u308b[:]","description":"Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.","url":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/"},"previousItem":"https:\/\/styly.cc\/ja\/tips\/#listItem"}]},{"@type":"Organization","@id":"https:\/\/styly.cc\/ja\/#organization","name":"STYLY","url":"https:\/\/styly.cc\/ja\/"},{"@type":"Person","@id":"https:\/\/styly.cc\/ja\/author\/kamosoba\/#author","url":"https:\/\/styly.cc\/ja\/author\/kamosoba\/","name":"\u304b\u3082\u305d\u3070","image":{"@type":"ImageObject","@id":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/#authorImage","url":"https:\/\/styly.cc\/wp-content\/uploads\/2018\/07\/\u6c38\u7559-\u907c\u5e73_avatar_1531804460-96x96.png","width":96,"height":96,"caption":"\u304b\u3082\u305d\u3070"}},{"@type":"WebPage","@id":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/#webpage","url":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/","name":"Using Houdini to create energy representations in shaders | STYLY","description":"Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.","inLanguage":"ja","isPartOf":{"@id":"https:\/\/styly.cc\/ja\/#website"},"breadcrumb":{"@id":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/#breadcrumblist"},"author":{"@id":"https:\/\/styly.cc\/ja\/author\/kamosoba\/#author"},"creator":{"@id":"https:\/\/styly.cc\/ja\/author\/kamosoba\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/styly.cc\/wp-content\/uploads\/2020\/04\/1_overview.gif","@id":"https:\/\/styly.cc\/ja\/#mainImage","width":792,"height":524,"caption":"\u30a8\u30cd\u30eb\u30ae\u30fc\u304c\u96c6\u307e\u308b\u8868\u73fe"},"primaryImageOfPage":{"@id":"https:\/\/styly.cc\/ja\/tips\/shader_twist_effect\/#mainImage"},"datePublished":"2020-05-03T01:00:15+09:00","dateModified":"2020-04-30T13:03:13+09:00"},{"@type":"WebSite","@id":"https:\/\/styly.cc\/ja\/#website","url":"https:\/\/styly.cc\/ja\/","name":"STYLY","description":"\u7a7a\u9593\u30ec\u30a4\u30e4\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0","inLanguage":"ja","publisher":{"@id":"https:\/\/styly.cc\/ja\/#organization"}}]}},"aioseo_meta_data":{"post_id":"24126","title":"Using Houdini to create energy representations in shaders | #site_title","description":"[:ja]Here we will introduce how to use the 3DCG tool Houdini to create a representation that gathers energy in the shaders.[:]","keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":"","og_description":"","og_object_type":"website","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":"","og_article_tags":"","twitter_use_og":false,"twitter_card":"summary_large_image","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"open_ai":null,"created":"2022-03-17 08:32:52","updated":"2023-02-08 07:49:57"},"acf":[],"_links":{"self":[{"href":"https:\/\/styly.cc\/ja\/wp-json\/wp\/v2\/posts\/24126"}],"collection":[{"href":"https:\/\/styly.cc\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/styly.cc\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/styly.cc\/ja\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/styly.cc\/ja\/wp-json\/wp\/v2\/comments?post=24126"}],"version-history":[{"count":32,"href":"https:\/\/styly.cc\/ja\/wp-json\/wp\/v2\/posts\/24126\/revisions"}],"predecessor-version":[{"id":24471,"href":"https:\/\/styly.cc\/ja\/wp-json\/wp\/v2\/posts\/24126\/revisions\/24471"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/styly.cc\/ja\/wp-json\/wp\/v2\/media\/24129"}],"wp:attachment":[{"href":"https:\/\/styly.cc\/ja\/wp-json\/wp\/v2\/media?parent=24126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/styly.cc\/ja\/wp-json\/wp\/v2\/categories?post=24126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/styly.cc\/ja\/wp-json\/wp\/v2\/tags?post=24126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}