{"id":56900,"date":"2024-11-15T18:57:10","date_gmt":"2024-11-15T09:57:10","guid":{"rendered":"https:\/\/styly.cc\/?p=56900"},"modified":"2024-11-15T18:57:10","modified_gmt":"2024-11-15T09:57:10","slug":"styly-capture-with-ui","status":"publish","type":"post","link":"https:\/\/styly.cc\/ja\/tips\/styly-capture-with-ui\/","title":{"rendered":"STYLY\u3067UI\u3092\u64ae\u5f71\u306b\u542b\u3081\u308b\u65b9\u6cd5"},"content":{"rendered":"

<\/p>\n

\u901a\u5e38\u306eSTYLY\u306e\u64ae\u5f71\u6a5f\u80fd\u3067\u306fUI\u306f\u5199\u771f\u306b\u542b\u307e\u308c\u307e\u305b\u3093\u3002<\/p>\n

\u672c\u8a18\u4e8b\u3067\u306fSTYLY\u3067UI\u3092\u64ae\u5f71\u306b\u542b\u3081\u308b\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n

[caption id=\"attachment_56929\" align=\"aligncenter\" width=\"1000\"]\"Capture<\/a> Capture with UI<\/p><\/div>\n

\u4eca\u56de\u306fPlayMaker\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n

\u59cb\u3081\u306b\u3001Unity\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306bSTYLY Plugin\u3068PlayMaker\u3092\u8ffd\u52a0\u3057\u3066\u304a\u3044\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n

\u307e\u305a\u306f\u30b7\u30fc\u30f3\u306b\u30dc\u30bf\u30f3\u3084\u30c6\u30ad\u30b9\u30c8\u306a\u3069\u306eUI\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n

\u4eca\u56de\u306f\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3057\u307e\u3057\u305f\u3002<\/p>\n

\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3068\u81ea\u52d5\u7684\u306bCanvas\u304c\u8ffd\u52a0\u3055\u308c\u308b\u306e\u3067\u3001\u305d\u306eCanvas\u306eInspector\u306eCanvas\u306eRenderMode\u3092ScreenSpace – Camera\u306b\u5909\u66f4\u3057\u307e\u3059\u3002<\/p>\n

\"RenderMode\u2192ScreenSpace<\/a>

RenderMode\u2192ScreenSpace – Camera<\/p><\/div>\n

Add Component\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066PlayMakerFSM\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n

\"Add<\/a>

Add Component\u2192PlayMakerFSM<\/p><\/div>\n

\u8ffd\u52a0\u3057\u305fPlayMakerFSM\u306eEdit\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066PlayMaker\u306e\u7de8\u96c6\u753b\u9762\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002<\/p>\n

\"PlayMaker\u306e\u7de8\u96c6\u753b\u9762\u306b\u79fb\u52d5\"<\/a>

PlayMaker\u306e\u7de8\u96c6\u753b\u9762\u306b\u79fb\u52d5<\/p><\/div>\n

State1\u306eNew Variables\u306b[Main Camera]\u3068\u540d\u4ed8\u3051\u3001Variable Type\u3092[Game Object]\u306b\u3057Add\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n

\"[Main<\/a>

[Main Camera]\u2192[Game Object]<\/p><\/div>\n

\u7d9a\u3051\u3066[MainCameraComponent]\u3068\u540d\u4ed8\u3051\u3001Variable Type\u3092[Object]\u306b\u3057Add\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n

\"[MainCameraComponent]\u2192[Object]\"<\/a>

[MainCameraComponent]\u2192[Object]<\/p><\/div>\n

\u8ffd\u52a0\u3057\u305fMainCameraComponent\u306eObject Type\u3092UnityEngine\u2192Camera\u306b\u5909\u66f4\u3057\u307e\u3059\u3002<\/p>\n

\"Object<\/a>

Object Type\u2192UnityEngine\u2192Camera<\/p><\/div>\n

State\u306b\u79fb\u52d5\u3057\u3001[Action Browser]\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066[Get Main Camera]\u3068\u691c\u7d22\u3057\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n

\"[Get<\/a>

[Get Main Camera]<\/p><\/div>\n

\u540c\u3058\u8981\u9818\u3067[Get Component]\u3001[Set Property]\u00d7\uff12\u3001\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n

\"[Get<\/a>

[Get Component]\u3001[Set Property]<\/p><\/div>\n

[Get Main Camera]\u306eStoreGameObject\u306b\u306f\u5148\u307b\u3069\u4f5c\u6210\u3057\u305f[Main Camera]\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n

\"[Get<\/a>

[Get Main Camera]StoreGameObject\u2192[Main Camera]<\/p><\/div>\n

[Get Component]\u306eGameObject\u3092SpecifyGameObject\u306b\u3057\u30012\u672c\u7dda\u30a2\u30a4\u30b3\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066[Main Camera]\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n

StoreComponent\u306b\u306f[MainCameraComponent]\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n

\"StoreComponent\u2192[MainCameraComponent]\"<\/a>

StoreComponent\u2192[MainCameraComponent]<\/p><\/div>\n

1\u3064\u76ee\u306e[Set Property]\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n

TargetObject\u306e\u7b87\u6240\u306b\u3001Canvas\u306eInspector\u306b\u3042\u308bCanvas\u3092\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u3057\u307e\u3059\u3002<\/p>\n

\"Canvas\u3092\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\"<\/a>

Canvas\u3092\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7<\/p><\/div>\n

Property\u3092worldCamera\u2192Camera\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n

\"worldCamera\u2192Camera\"<\/a>

worldCamera\u2192Camera<\/p><\/div>\n

SetValue\u306b\u306f[MainCameraComponent]\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n

\"SetValue=[MainCameraComponent]\"<\/a>

SetValue=[MainCameraComponent]<\/p><\/div>\n

2\u3064\u76ee\u306e[Set Property]\u3082\u540c\u69d8\u306bCanvas\u306eInspector\u306b\u3042\u308bCanvas\u3092\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u3057\u3001Property\u3092planeDistance\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n

SetValue\u306f\uff11\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n

\"planeDistance\"<\/a>

planeDistance<\/p><\/div>\n

\u3057\u304b\u3057\u3053\u306e\u307e\u307e\u3067\u306f\u52d5\u304b\u306a\u3044\u306e\u3067\u3001State\u306e\u9806\u756a\u3092\u6b63\u3057\u304f\u5909\u66f4\u3057\u307e\u3059\u3002<\/p>\n

State\u306f\u4f4d\u7f6e\u306b\u3088\u3063\u3066\u51e6\u7406\u3055\u308c\u308b\u9806\u756a\u304c\u5909\u308f\u308b\u306e\u3067\u6ce8\u610f\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n

State\u3092\u30c9\u30e9\u30c3\u30b0\u3057\u3066\u4e0b\u8a18\u306e\u753b\u50cf\u306e\u69d8\u306b\u9806\u756a\u3092\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n

\"State\u306e\u9806\u756a\u3092\u5909\u66f4\"<\/a>

State\u306e\u9806\u756a\u3092\u5909\u66f4<\/p><\/div>\n

\u3053\u308c\u3067UI\u3092STYLY\u306e\u64ae\u5f71\u306b\u542b\u3081\u308b\u4ed5\u7d44\u307f\u306f\u5b8c\u6210\u3057\u307e\u3057\u305f\u3002<\/p>\n

STYLY\u3078\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9<\/span><\/h2>\n

\u5b9f\u969b\u306bSTYLY\u3078\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u3066\u4f7f\u7528\u3057\u307e\u3057\u3087\u3046\u3002
\u3053\u306e\u30b7\u30b9\u30c6\u30e0\u306fScene\/Prefab \u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u306e\u3069\u3061\u3089\u3067\u3082\u52d5\u4f5c\u3057\u307e\u3059\u304c\u3001Prefab\u3067\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u969b\u306fCanvas\u306eLayer\u3092Default\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n

\"Canvas\u306eLayer\u3092Default\u306b\u5909\u66f4\"<\/a>

Canvas\u306eLayer\u3092Default\u306b\u5909\u66f4<\/p><\/div>\n\r\n

\r\n \r\n
Unity\u304b\u3089STYLY\u306b\u30d7\u30ec\u30cf\u30d6\u3068\u30b7\u30fc\u30f3\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u65b9\u6cd5<\/div>\r\n
\r\n
Unity\u304b\u3089STYLY\u306b\u30d7\u30ec\u30cf\u30d6\u3068\u30b7\u30fc\u30f3\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u65b9\u6cd5 <\/div>\r\n
<\/div>\r\n <\/div>\r\n
<\/div>\r\n <\/a>\r\n <\/div>\n

STYLY\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b