最初に

あまりにもGodotのスクリーンタッチに関する情報が少なくて苦戦したので、これが助けになるかはわかりませんが記事を書こうと思いました。

環境

Godot 4.2.1
Windows 11

経緯

GarageBandのピアノや、音ゲーのようなものを作りたいと思いGodotを勉強していました。しかし、マウスがそのオブジェクトを触っている状態かどうかという情報を入手する簡単な関数がないので、「鍵盤が押されている」「レーンを触っている」状態を入手することが非常に困難でした。
その状態を入手する方法を頑張って作ったので記していきます。

実際に作ったもの

動画の載せ方を知らないのでツイッターからになってしまいますが、このようなデモを作ってみました。

GitHubにもデモを載せておきました。初めてGitHub使ったので間違っているかもしれません。

作成

設定変更

コードに移る前にセッティングやノードなどを配置していきます。
まずProject Settings >> Input Devicesに行き、
Emulate Mouse From Touchを無効にします。

タッチ判定ノードを作成

タッチ判定で色が変わるノードを作成していきます。
ノード構成はこのようになっています。形は好きな形で大丈夫です。

MeshInstance3Dについては、色を変えないといけないので以下のようにSurface Material OverrideにStandard Material 3Dを追加します。

ここで注意なのですが、Standard Material 3DのResourceのLocal to SceneをONにしないとCollideObjectの色が連動して変わってしまいます。

外観はこのようになりました。

白い[]はtouchingIndicesLabelです。

メインノードを作成

ノード構成はこのようになっています。

上で作ったタッチ判定ノードのCollideObjectをCollideObjectsというNode3Dでひとまとめにします。
CollideObjectが一つ外にあるのは、最終的にCollideObjects子ノードでないと判定されないかどうかを確認するためです。

配置はこのようにしました。

スクリプトをアタッチ

CollideObjectに以下のスクリプトをアタッチします。

collide_object.gd

extends StaticBody3D

@onready var mesh_instance_3d = $MeshInstance3D
@onready var touching_indices_label = $touchingIndicesLabel
@onready var material = mesh_instance_3d.get_surface_override_material(0)

const OFF_COLOR = Color(0, 0, 0)
const ON_COLOR = Color(255, 255, 255)

var touchingIndices = {}
var was_touching = false

func _ready():
	changeColor(OFF_COLOR)
	
func changeColor(color):
	material.albedo_color = color
	mesh_instance_3d.set_surface_override_material(0, material)

func screenTouchUpdate(event, colliding:bool):
	var val = event.index
	
	if colliding:
		touchingIndices[val] = event.position
	else:
		touchingIndices.erase(val)
		
	var is_touching = not touchingIndices.is_empty()
	if was_touching != is_touching:
		if is_touching:#just pressed / entered
			changeColor(ON_COLOR)
		else:#just released / left
			changeColor(OFF_COLOR)
			
	was_touching = is_touching
	touching_indices_label.text = str(touchingIndices.keys())

メインノードのCollideObjectsに以下のスクリプトをアタッチします。

CollideObjects.gd

extends Node3D

@onready var main_camera = $"../MainCamera"


func getIntersect(pos):
   var worldspace = get_world_3d().direct_space_state
   var start = main_camera.project_ray_origin(pos)
   var end = main_camera.project_position(pos, 1000)
   var parameters = PhysicsRayQueryParameters3D.create(start, end)
   var result = worldspace.intersect_ray(parameters)
   
   return result
   
func _input(event):
   #mouse debug
   if event is InputEventMouse:
   	if event.is_pressed():
   		print(getIntersect(event.position))
   
   elif event is InputEventScreenTouch or event is InputEventScreenDrag:
   	get_viewport().set_input_as_handled()
   	var collider = null
   	if event is InputEventScreenTouch and event.is_released():#touch released
   		collider = null
   	else:#touch pressed / entered
   		var intersect = getIntersect(event.position)
   		if not intersect.is_empty():
   			collider = intersect["collider"]
   			
   		
   	for collideObject in get_children():
   		var colliding = collider == collideObject
   		collideObject.screenTouchUpdate(event, colliding)

これで完成です。

参考にした情報

上記のgetIntersect関数に関してはこの動画を参考にしました。

複数指のトラッキングについてはこのサイトを参考にしました。

その他