Godot - Buttonをskewプロパティで傾ける

GDScriptからButtonノードをskewプロパティで傾ける方法とコード例です。

Buttonノードをskewプロパティで傾けるにはget_theme_stylebox()でデフォルト時、カーソルのホバー時、押された時、フォーカス時、それぞれのスタイルを取得し、set_skew()にて「skew」プロパティを上書き、add_theme_stylebox_override()で更新します。

# Buttonノードを作成する
var button = Button.new()
add_child(button)
button.set_text("Button")
button.set_size(Vector2(200, 200))

# 通常
var normal_style = button.get_theme_stylebox("normal")
normal_style.set_skew(Vector2(0.2, 0))
button.add_theme_stylebox_override("normal", normal_style)
	
# ホバー時
var hover_style = button.get_theme_stylebox("hover")
hover_style.set_skew(Vector2(0.2, 0))
button.add_theme_stylebox_override("hover", hover_style)
	
# 押された時
var pressed_style = button.get_theme_stylebox("pressed")
pressed_style.set_skew(Vector2(0.2, 0))
button.add_theme_stylebox_override("pressed", pressed_style)
	
# フォーカス時
var focus_style = button.get_theme_stylebox("focus")
focus_style.set_skew(Vector2(0.2, 0))
button.add_theme_stylebox_override("focus", focus_style)