回答編集履歴

1

糸張りスクリプトを追記

2021/06/25 21:10

投稿

Bongo
Bongo

スコア10811

test CHANGED
@@ -41,3 +41,429 @@
41
41
 
42
42
 
43
43
  他にも、今回の実験では操作が複雑になりそうで実装しませんでしたが、左右の手からそれぞれ糸を発射できるようにするのも面白いかもしれません。1本の糸で飛び上がるのだと高確率で接続点に激突してしまうので高くまで飛び上がるのが難しいですが、両手から2本の糸が出せるのなら[スリングショット](https://ja.wikipedia.org/wiki/%E3%82%B9%E3%83%AA%E3%83%B3%E3%82%B0%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88)のような感じでV字に糸を張って安全に飛び上がることができそうです。
44
+
45
+
46
+
47
+ # 糸を張るスクリプトについて
48
+
49
+
50
+
51
+ キャラクターには下図のようなコンポーネントが付いています。見た目の面は[UNITY-CHAN! OFFICIAL WEBSITE](https://unity-chan.com/)の「SDユニティちゃん 3Dモデルデータ」に収録されている「SD_unitychan_humanoid」がベースになっており、操作の面は[Standard Assets](https://assetstore.unity.com/packages/essentials/asset-packs/standard-assets-for-unity-2018-4-32351)に収録されている「ThirdPersonController」がベースになっています。
52
+
53
+
54
+
55
+ ![図4](1fa3ff56b39a8023dfee283dc1df84de.png)
56
+
57
+
58
+
59
+ 大部分のコンポーネントはそれらのアセットに収録されているものやUnity組み込みのもので、`StringCaster`だけが独自に作成した糸張り担当のコンポーネントです。
60
+
61
+
62
+
63
+ ```lang-csharp
64
+
65
+ using UnityEngine;
66
+
67
+ using UnityEngine.UI;
68
+
69
+
70
+
71
+ namespace SpiderChan
72
+
73
+ {
74
+
75
+ // Animator、Rigidbody、LineRendererを必須としている
76
+
77
+ // Animator...糸を射出しているかどうかに応じて右手を前に出したり戻したりするのに使用
78
+
79
+ // Rigidbody...スクリプト中で直接操作してはいないが、SpringJointの動作に必要
80
+
81
+ // LineRenderer...糸を画面上に描画するために使用
82
+
83
+ [RequireComponent(typeof(Animator), typeof(Rigidbody), typeof(LineRenderer))]
84
+
85
+ public class StringCaster : MonoBehaviour
86
+
87
+ {
88
+
89
+ [SerializeField] private float maximumDistance = 100.0f; // 糸を伸ばせる最大距離
90
+
91
+ [SerializeField] private LayerMask interactiveLayers; // 糸をくっつけられるレイヤー
92
+
93
+ [SerializeField] private Vector3 casterCenter = new Vector3(0.0f, 0.5f, 0.0f); // オブジェクトのローカル座標で表した糸の射出位置
94
+
95
+ [SerializeField] private float spring = 50.0f; // 糸の物理的挙動を担当するSpringJointのspring
96
+
97
+ [SerializeField] private float damper = 20.0f; // 糸の物理的挙動を担当するSpringJointのdamper
98
+
99
+ [SerializeField] private float equilibriumLength = 1.0f; // 糸を縮めた時の自然長
100
+
101
+ [SerializeField] private float ikTransitionTime = 0.5f; // 糸の射出中に右手を前に伸ばしたり、糸を外した時に右手を戻したりする時の腕位置の遷移時間
102
+
103
+ [SerializeField] private RawImage reticle; // 糸を張れるかどうかの状況に合わせて、このRawImageの表示を照準マーク・禁止マークに切り替える
104
+
105
+ [SerializeField] private Texture reticleImageValid; // 照準マーク
106
+
107
+ [SerializeField] private Texture reticleImageInvalid; // 禁止マーク
108
+
109
+
110
+
111
+ // 各種コンポーネントへの参照
112
+
113
+ private Animator animator;
114
+
115
+ private Transform cameraTransform;
116
+
117
+ private LineRenderer lineRenderer;
118
+
119
+ private SpringJoint springJoint;
120
+
121
+
122
+
123
+ // 右手を伸ばす・戻す動作のスムージングのための...
124
+
125
+ private float currentIkWeight; // 現在のウェイト
126
+
127
+ private float targetIkWeight; // 目標ウェイト
128
+
129
+ private float ikWeightVelocity; // ウェイト変化率
130
+
131
+
132
+
133
+ private bool casting; // 糸が射出中かどうかを表すフラグ
134
+
135
+ private bool needsUpdateSpring; // FixedUpdate中でSpringJointの状態更新が必要かどうかを表すフラグ
136
+
137
+ private float stringLength; // 現在の糸の長さ...この値をFixedUpdate中でSpringJointのmaxDistanceにセットする
138
+
139
+ private readonly Vector3[] stringAnchor = new Vector3[2]; // SpringJointのキャラクター側と接着点側の末端
140
+
141
+ private Vector3 worldCasterCenter; // casterCenterをワールド座標に変換したもの
142
+
143
+
144
+
145
+ private void Awake()
146
+
147
+ {
148
+
149
+ // スクリプト上で使用するコンポーネントへの参照を取得する
150
+
151
+ this.animator = this.GetComponent<Animator>();
152
+
153
+ this.cameraTransform = Camera.main.transform;
154
+
155
+ this.lineRenderer = this.GetComponent<LineRenderer>();
156
+
157
+
158
+
159
+ // worldCasterCenterはUpdate中でも毎回更新しているが、Awake時にも初回更新を行った
160
+
161
+ // ちなみに今回のキャラクターの場合は、キャラクターのCapsuleCollider中心と一致するようにしている
162
+
163
+ this.worldCasterCenter = this.transform.TransformPoint(this.casterCenter);
164
+
165
+ }
166
+
167
+
168
+
169
+ private void Update()
170
+
171
+ {
172
+
173
+ // まず画面中心から真っ正面に伸びるRayを求め、さらにworldCasterCenterから
174
+
175
+ // そのRayの衝突点に向かうRayを求める...これを糸の射出方向とする
176
+
177
+ this.worldCasterCenter = this.transform.TransformPoint(this.casterCenter);
178
+
179
+ var cameraForward = this.cameraTransform.forward;
180
+
181
+ var cameraRay = new Ray(this.cameraTransform.position, cameraForward);
182
+
183
+ var aimingRay = new Ray(
184
+
185
+ this.worldCasterCenter,
186
+
187
+ Physics.Raycast(cameraRay, out var focus, float.PositiveInfinity, this.interactiveLayers)
188
+
189
+ ? focus.point - this.worldCasterCenter
190
+
191
+ : cameraForward);
192
+
193
+
194
+
195
+ // 射出方向のmaximumDistance以内の距離に糸接着可能な物体があれば、糸を射出できると判断する
196
+
197
+ if (Physics.Raycast(aimingRay, out var aimingTarget, this.maximumDistance, this.interactiveLayers))
198
+
199
+ {
200
+
201
+ // reticleの表示を照準マークに変え...
202
+
203
+ this.reticle.texture = this.reticleImageValid;
204
+
205
+
206
+
207
+ // その状態で糸発射ボタンが押されたら...
208
+
209
+ if (Input.GetButtonDown("Shot"))
210
+
211
+ {
212
+
213
+ this.stringAnchor[1] = aimingTarget.point; // 糸の接着点末端を設定
214
+
215
+ this.casting = true; // 「糸を射出中」フラグを立てる
216
+
217
+ this.targetIkWeight = 1.0f; // IK目標ウェイトを1にする...つまり右手を射出方向に伸ばそうとする
218
+
219
+ this.stringLength = Vector3.Distance(this.worldCasterCenter, aimingTarget.point); // 糸の長さを設定
220
+
221
+ this.needsUpdateSpring = true; // 「SpringJoint要更新」フラグを立てる
222
+
223
+ }
224
+
225
+ }
226
+
227
+ else
228
+
229
+ {
230
+
231
+ // 糸接着不可能なら、reticleの表示を禁止マークに変える
232
+
233
+ this.reticle.texture = this.reticleImageInvalid;
234
+
235
+ }
236
+
237
+
238
+
239
+ // 糸を射出中の状態で糸収縮ボタンが押されたら、糸の長さをequilibriumLengthまで縮めさせる
240
+
241
+ if (this.casting && Input.GetButtonDown("Contract"))
242
+
243
+ {
244
+
245
+ this.stringLength = this.equilibriumLength;
246
+
247
+ this.needsUpdateSpring = true;
248
+
249
+ }
250
+
251
+
252
+
253
+ // 糸発射ボタンが離されたら...
254
+
255
+ if (Input.GetButtonUp("Shot"))
256
+
257
+ {
258
+
259
+ this.casting = false; // 「糸を射出中」フラグを折る
260
+
261
+ this.targetIkWeight = 0.0f; // IK目標ウェイトを0にする...つまり右手を自然姿勢に戻そうとする
262
+
263
+ this.needsUpdateSpring = true; // 「SpringJoint要更新」フラグを立てる
264
+
265
+ }
266
+
267
+
268
+
269
+ // 右腕のIKウェイトをなめらかに変化させる
270
+
271
+ this.currentIkWeight = Mathf.SmoothDamp(
272
+
273
+ this.currentIkWeight,
274
+
275
+ this.targetIkWeight,
276
+
277
+ ref this.ikWeightVelocity,
278
+
279
+ this.ikTransitionTime);
280
+
281
+
282
+
283
+ // 糸の状態を更新する
284
+
285
+ this.UpdateString();
286
+
287
+ }
288
+
289
+
290
+
291
+ private void UpdateString()
292
+
293
+ {
294
+
295
+ // 糸を射出中ならlineRendererをアクティブにして糸を描画させ、さもなければ非表示にする
296
+
297
+ if (this.lineRenderer.enabled = this.casting)
298
+
299
+ {
300
+
301
+ // 糸を射出中の場合のみ処理を行う
302
+
303
+ // 糸のキャラクター側末端を設定し...
304
+
305
+ this.stringAnchor[0] = this.worldCasterCenter;
306
+
307
+
308
+
309
+ // キャラクターと接着点の間に障害物があるかをチェックし...
310
+
311
+ if (Physics.Linecast(
312
+
313
+ this.stringAnchor[0],
314
+
315
+ this.stringAnchor[1],
316
+
317
+ out var obstacle,
318
+
319
+ this.interactiveLayers))
320
+
321
+ {
322
+
323
+ // 障害物があれば、接着点を障害物に変更する
324
+
325
+ // これにより、糸が何かに触れればそこにくっつくようになるので
326
+
327
+ // 糸全体が粘着性があるかのように振る舞う
328
+
329
+ this.stringAnchor[1] = obstacle.point;
330
+
331
+ this.stringLength = Mathf.Min(
332
+
333
+ Vector3.Distance(this.stringAnchor[0], this.stringAnchor[1]),
334
+
335
+ this.stringLength);
336
+
337
+ this.needsUpdateSpring = true;
338
+
339
+ }
340
+
341
+
342
+
343
+ // 糸の描画設定を行う
344
+
345
+ // 糸の端点同士の距離とstringLengthとの乖離具合によって糸を赤く塗る
346
+
347
+ // つまり糸が赤くなっていれば、SpringJointが縮もうとしていることを示す
348
+
349
+ this.lineRenderer.SetPositions(this.stringAnchor);
350
+
351
+ var gbValue = Mathf.Exp(
352
+
353
+ this.springJoint != null
354
+
355
+ ? -Mathf.Max(Vector3.Distance(this.stringAnchor[0], this.stringAnchor[1]) - this.stringLength, 0.0f)
356
+
357
+ : 0.0f);
358
+
359
+ var stringColor = new Color(1.0f, gbValue, gbValue);
360
+
361
+ this.lineRenderer.startColor = stringColor;
362
+
363
+ this.lineRenderer.endColor = stringColor;
364
+
365
+ }
366
+
367
+ }
368
+
369
+
370
+
371
+ // 右腕の姿勢を設定し、右腕から糸を出しているように見せる
372
+
373
+ private void OnAnimatorIK(int layerIndex)
374
+
375
+ {
376
+
377
+ this.animator.SetIKPosition(AvatarIKGoal.RightHand, this.stringAnchor[1]);
378
+
379
+ this.animator.SetIKPositionWeight(AvatarIKGoal.RightHand, this.currentIkWeight);
380
+
381
+ }
382
+
383
+
384
+
385
+ // SpringJointの状態を更新する
386
+
387
+ private void FixedUpdate()
388
+
389
+ {
390
+
391
+ // 更新不要なら何もしない
392
+
393
+ if (!this.needsUpdateSpring)
394
+
395
+ {
396
+
397
+ return;
398
+
399
+ }
400
+
401
+
402
+
403
+ // 糸射出中かどうかを判定し...
404
+
405
+ if (this.casting)
406
+
407
+ {
408
+
409
+ // 射出中で、かつまだSpringJointが張られていなければ張り...
410
+
411
+ if (this.springJoint == null)
412
+
413
+ {
414
+
415
+ this.springJoint = this.gameObject.AddComponent<SpringJoint>();
416
+
417
+ this.springJoint.autoConfigureConnectedAnchor = false;
418
+
419
+ this.springJoint.anchor = this.casterCenter;
420
+
421
+ this.springJoint.spring = this.spring;
422
+
423
+ this.springJoint.damper = this.damper;
424
+
425
+ }
426
+
427
+
428
+
429
+ // SpringJointの自然長と接続先を設定する
430
+
431
+ this.springJoint.maxDistance = this.stringLength;
432
+
433
+ this.springJoint.connectedAnchor = this.stringAnchor[1];
434
+
435
+ }
436
+
437
+ else
438
+
439
+ {
440
+
441
+ // 射出中でなければSpringJointを削除し、糸による引っぱりを起こらなくする
442
+
443
+ Destroy(this.springJoint);
444
+
445
+ this.springJoint = null;
446
+
447
+ }
448
+
449
+
450
+
451
+ // 更新が終わったので、「SpringJoint要更新」フラグを折る
452
+
453
+ this.needsUpdateSpring = false;
454
+
455
+ }
456
+
457
+ }
458
+
459
+ }
460
+
461
+ ```
462
+
463
+
464
+
465
+ 当初の回答文では言及していなかったのですが、糸の特性として「糸が障害物に触れた場合、接着点をそこに変更する」という挙動をする特徴があります。動かした様子の図をご覧いただきますと、そのような動きをしているのを見て取れるかと思います。
466
+
467
+ これによりスクリプトを単純化することができ、キャラクターと接着点の両末端を`SpringJoint`でつなぐだけの簡単な管理でまかなえるようになっています。
468
+
469
+ それに対して、たとえば私はプレイしたことはないのですが「[ユニティちゃんWA!](https://www.youtube.com/watch?v=sdh0u4dCZn0)」のワイヤーには粘着性はなく、最初にアンカーを撃ち込んだ位置が維持されているように見えます。ワイヤーが障害物に触れてもそこにひっかかるだけの挙動をしていますが、こういったことを実現するにはもっと複雑なスクリプトを設計する必要があるでしょうね。