LeenTouch+で実現するスマホのマルチタッチ操作


どうも初めまして、J-kunです。
A-kun ひとり Advent Calendar 2024の10日目です。

## はじめに

今回は、LeanTouch+というAssetについて紹介します。
LeanTouchは、Unity向けの軽量なマルチタッチ入力ライブラリで、タッチジェスチャ（ピンチ、回転など）の処理を簡単に行うことができます。

前回の記事では、無料版のLeanTouchの概要とサンプルの解説を行いました．今回は、有料版のLeanTouch+のサンプル解説をします。

## この記事を読んで欲しい人
- スマホアプリ開発をしていて、マルチタッチ等の処理で悩んだ経験のある人
- LeanTouchでどんなことができるのか知りたい人
- 今日のご飯が幕内弁当だった人

## サンプル解説

### Sample01 Finger Held

画面をタッチした時に「Finger Down」、画面を長押しした時に「Finger Held!」と表示されるサンプルです。

[![Image from Gyazo](https://i.gyazo.com/a125b26e046196f8e89aee5d8cd3a9e6.jpg)](https://gyazo.com/a125b26e046196f8e89aee5d8cd3a9e6)

### Sample02 Finger Held - Spawn

画面を長押しした時に、タッチした位置に火花が散る演出を担うGamObjectが出現します。

[![Image from Gyazo](https://i.gyazo.com/4a95ca777b84479596f7b80c68c042f0.jpg)](https://gyazo.com/4a95ca777b84479596f7b80c68c042f0)

### Sample03 Finger Tap Expired

連続で複数回タッチすると、タッチした回数を表示してくれるサンプルです。

[![Image from Gyazo](https://i.gyazo.com/93581210cdf59ec25ab1efe39fa26ad5.jpg)](https://gyazo.com/93581210cdf59ec25ab1efe39fa26ad5)

### Sample04 Finger Tap Expired - Rotation

赤いオブジェクトが回転します。
１回タップするとX軸中心、2回タップ数とY軸中心に回転します。

[![Image from Gyazo](https://i.gyazo.com/25beb4c7721f3af004921a2c1009aad6.jpg)](https://gyazo.com/25beb4c7721f3af004921a2c1009aad6)

### Sample05 Finger Tap Expired - Isolate

タッチしたオブジェクトが緑色に変わります。
Sample04と同じく、１回タップするとX軸中心、2回タップ数とY軸中心に拡大します。

[![Image from Gyazo](https://i.gyazo.com/1c00158ffd04d8d2078439a29d199f6d.jpg)](https://gyazo.com/1c00158ffd04d8d2078439a29d199f6d)

### Sample06 MultiTwist

二本指で矢印の方向を変更することができます。Editor上で二本指操作を実現するには、controlキーを押しながらマウスを操作して下さい。

[![Image from Gyazo](https://i.gyazo.com/379d2e94d8ac07e32f35b83d0a730c2f.jpg)](https://gyazo.com/379d2e94d8ac07e32f35b83d0a730c2f)

### Sample07 MultiTwist - One Finger

一本指で矢印の方向を変えることができます。

[![Image from Gyazo](https://i.gyazo.com/3b8151687472c0c16a3f579c3039b68e.jpg)](https://gyazo.com/3b8151687472c0c16a3f579c3039b68e)

### Sample08 MultiTwist - Axis

二本指でオブジェクトの方向を変更することができます。イージングが気持ちいい。

[![Image from Gyazo](https://i.gyazo.com/7d266e071f85cbe5d23bd05e0615de92.jpg)](https://gyazo.com/7d266e071f85cbe5d23bd05e0615de92)

### Sample09 MultiTwist - Axis - Delay

基本はSample09と同じです。オブジェクトの回転が0.1s遅れて追従します。

[![Image from Gyazo](https://i.gyazo.com/480ef47b7ebf0c60d7053538cdd3e23a.jpg)](https://gyazo.com/480ef47b7ebf0c60d7053538cdd3e23a)

### Sample10 Multi Tap

連続でタッチした回数と、最後にタッチした時の指の本数を表示します。

[![Image from Gyazo](https://i.gyazo.com/f86caab5957b226a6f6069e16cf70a16.jpg)](https://gyazo.com/f86caab5957b226a6f6069e16cf70a16)

### Sample11 Transilate Rigidbody

赤いオブジェクトをドラッグして動かすことができます。遅延追従とイージングが気持ちいい。

[![Image from Gyazo](https://i.gyazo.com/123aaea6c04de5a5135fa4ca81bc0770.jpg)](https://gyazo.com/123aaea6c04de5a5135fa4ca81bc0770)

### Sample12 Transilate Rigidbody - Under

白いオブジェクトをドラッグして動かすことができます。ドラッグすると白いオブジェクトが緑色に変化します。

2Dに見えますが、横から見ると3Dのオブジェクトです。

[![Image from Gyazo](https://i.gyazo.com/6f4897e1e87521d0ee614528b3314fae.jpg)](https://gyazo.com/6f4897e1e87521d0ee614528b3314fae)

### Sample13 Transilate Rigidbody 2D

画面をスワイプすると、赤いオブジェクトが動きます。

[![Image from Gyazo](https://i.gyazo.com/635dfe441c43293d1a3b5774b638f83c.jpg)](https://gyazo.com/635dfe441c43293d1a3b5774b638f83c)

### Sample14 Transilate Rigidbody 2D - Under

白いオブジェクトをドラッグして動かすことができます。ドラッグすると白いオブジェクトが緑色に変化します。

[![Image from Gyazo](https://i.gyazo.com/24c3ea2c55bbed208f8bf34eeeab4a57.jpg)](https://gyazo.com/24c3ea2c55bbed208f8bf34eeeab4a57)

### Sample15 First Down & Last Up

タッチした時に「First Down」、画面から指を離した時に「Last Up」と表示されるサンプルです。

[![Image from Gyazo](https://i.gyazo.com/06104e7c5f70149f59069a6a9c6004a3.jpg)](https://gyazo.com/06104e7c5f70149f59069a6a9c6004a3)

### Sample16 Multi Held

画面を長押しすると、タッチした回数と指の本数を表示します。

[![Image from Gyazo](https://i.gyazo.com/0a80fb5cef13a8c1d831988678f043bd.jpg)](https://gyazo.com/0a80fb5cef13a8c1d831988678f043bd)