Programming your first game/Input dengan mouse - Revision history

Timothy: /* Dokumentasi */

2025-07-21T23:45:54Z

Dokumentasi

← Older revision		Revision as of 23:45, 21 July 2025
Line 29:		Line 29:
	=== Dokumentasi ===		=== Dokumentasi ===

	Kalau ada fungsi yang kalian ingin pelajari lebih lanjut, tahan tombol Ctrl dan klik ~~segmen kode~~ yang dikehendaki. Editor akan segera membuka dokumentasi Godot, yang tersedia pula secara daring ([https://docs.godotengine.org/en/stable/ https://docs.godotengine.org/en/stable/]).		Kalau ada fungsi yang kalian ingin pelajari lebih lanjut, tahan tombol Ctrl dan klik keyword yang dikehendaki. Editor akan segera membuka dokumentasi Godot, yang tersedia pula secara daring ([https://docs.godotengine.org/en/stable/ https://docs.godotengine.org/en/stable/]).

	{{Info try it\|Sekarang, game hanya akan bereaksi terhadap aksi klik kiri. Coba buat supaya cookie dapat menerima input klik kiri maupun kanan.}}		{{Info try it\|Sekarang, game hanya akan bereaksi terhadap aksi klik kiri. Coba buat supaya cookie dapat menerima input klik kiri maupun kanan.}}

Timothy at 23:45, 21 July 2025

2025-07-21T23:45:23Z

← Older revision		Revision as of 23:45, 21 July 2025
Line 25:		Line 25:
	* <syntaxhighlight lang="gdscript">if event.button_index == MOUSE_BUTTON_LEFT and event.pressed:</syntaxhighlight> Property <code>button_index</code> menunjukkan tipe mouse button yang terlibat dalam InputEvent (selain <code>MOUSE_BUTTON_LEFT</code>, ada pula <code>MOUSE_BUTTON_RIGHT</code>, <code>MOUSE_BUTTON_WHEEL_UP</code>, dll.). <br>Dengan menggunakan property <code>pressed</code>, game hanya akan menghitung momen ketika pemain mulai <i>menahan</i> tombol kiri mouse sebagai sebuah klik.		* <syntaxhighlight lang="gdscript">if event.button_index == MOUSE_BUTTON_LEFT and event.pressed:</syntaxhighlight> Property <code>button_index</code> menunjukkan tipe mouse button yang terlibat dalam InputEvent (selain <code>MOUSE_BUTTON_LEFT</code>, ada pula <code>MOUSE_BUTTON_RIGHT</code>, <code>MOUSE_BUTTON_WHEEL_UP</code>, dll.). <br>Dengan menggunakan property <code>pressed</code>, game hanya akan menghitung momen ketika pemain mulai <i>menahan</i> tombol kiri mouse sebagai sebuah klik.
	** <syntaxhighlight lang="gdscript">if event.button_index == MOUSE_BUTTON_LEFT and not event.pressed:</syntaxhighlight> Seandainya kode dimodifikasi seperti ini, game hanya akan menghitung momen ketika pemain <i>melepaskan</i> tombol kiri mouse sebagai sebuah klik.		** <syntaxhighlight lang="gdscript">if event.button_index == MOUSE_BUTTON_LEFT and not event.pressed:</syntaxhighlight> Seandainya kode dimodifikasi seperti ini, game hanya akan menghitung momen ketika pemain <i>melepaskan</i> tombol kiri mouse sebagai sebuah klik.
	* <syntaxhighlight lang="gdscript">if is_pixel_opaque(get_local_mouse_position()):</syntaxhighlight> Fungsi <code>get_local_mouse_position()</code> memberikan posisi (x, y) kursor mouse. Fungsi <code>is_pixel_opaque()</code> memberikan nilai <code>True</code> ~~hanya untuk nilai~~ posisi yang tercakup dalam area tekstur gambar cookie. Dengan demikian, klik di luar ~~batas~~ gambar takkan menghasilkan apa-apa.		* <syntaxhighlight lang="gdscript">if is_pixel_opaque(get_local_mouse_position()):</syntaxhighlight> Fungsi <code>get_local_mouse_position()</code> memberikan posisi (x, y) kursor mouse. Fungsi <code>is_pixel_opaque()</code> memberikan nilai <code>True</code> bilamana diberikan input posisi yang tercakup dalam area tekstur gambar cookie. Dengan demikian, klik di luar batasan gambar takkan menghasilkan apa-apa.

	=== Dokumentasi ===		=== Dokumentasi ===

	~~Bilamana~~ ada fungsi yang kalian ingin pelajari lebih lanjut, tahan tombol Ctrl dan klik segmen kode yang dikehendaki. Editor akan segera membuka dokumentasi Godot, yang tersedia pula secara daring ([https://docs.godotengine.org/en/stable/ https://docs.godotengine.org/en/stable/]).		Kalau ada fungsi yang kalian ingin pelajari lebih lanjut, tahan tombol Ctrl dan klik segmen kode yang dikehendaki. Editor akan segera membuka dokumentasi Godot, yang tersedia pula secara daring ([https://docs.godotengine.org/en/stable/ https://docs.godotengine.org/en/stable/]).

	{{Info try it\|Sekarang, game hanya akan bereaksi terhadap aksi klik kiri. Coba buat supaya cookie dapat menerima input klik kiri maupun kanan.}}		{{Info try it\|Sekarang, game hanya akan bereaksi terhadap aksi klik kiri. Coba buat supaya cookie dapat menerima input klik kiri maupun kanan.}}

Timothy at 05:18, 15 July 2025

2025-07-15T05:18:29Z

← Older revision		Revision as of 05:18, 15 July 2025
Line 38:		Line 38:

	== Bermain dengan sound effect ==		== Bermain dengan sound effect ==

			Kemudian, kita akan tambahkan sebuah sound effect ketika cookie diklik.

	[[File:Add_child_node_to_cookie.jpg\|thumb]] Klik kanan pada entri Sprite2D di scene tree, di kiri layar. Tambahkan sebuah child node, beri tipe AudioStreamPlayer2D.		[[File:Add_child_node_to_cookie.jpg\|thumb]] Klik kanan pada entri Sprite2D di scene tree, di kiri layar. Tambahkan sebuah child node, beri tipe AudioStreamPlayer2D.
Line 53:		Line 55:
	print("Clicked!")		print("Clicked!")
	</syntaxhighlight>		</syntaxhighlight>

			Run project; cookie kini akan mengeluarkan suara bila diklik.

Timothy at 05:16, 15 July 2025

2025-07-15T05:16:41Z

← Older revision		Revision as of 05:16, 15 July 2025
Line 41:		Line 41:
	[[File:Add_child_node_to_cookie.jpg\|thumb]] Klik kanan pada entri Sprite2D di scene tree, di kiri layar. Tambahkan sebuah child node, beri tipe AudioStreamPlayer2D.		[[File:Add_child_node_to_cookie.jpg\|thumb]] Klik kanan pada entri Sprite2D di scene tree, di kiri layar. Tambahkan sebuah child node, beri tipe AudioStreamPlayer2D.

	[[File:Crumble.gif]] Drag file "crumble.mp3" ke field Stream di menu Inspector. Pastikan bahwa node AudioStreamPlayer2D-lah yang terseleksi pada scene tree.		[[File:Crumble.gif]] Drag file <code>crumble.mp3</code> ke field Stream di menu Inspector. Pastikan bahwa node AudioStreamPlayer2D-lah yang terseleksi pada scene tree.

			Tambahkanlah satu line berikut pada script <code>cookie.gd</code>.

			<syntaxhighlight lang="gdscript" line>
			func _input(event):
			if event is InputEventMouseButton:
			if event.button_index == MOUSE_BUTTON_LEFT and event.pressed:
			if is_pixel_opaque(get_local_mouse_position()):
			$AudioStreamPlayer2D.play() # play sound
			print("Clicked!")
			</syntaxhighlight>

Timothy at 05:14, 15 July 2025

2025-07-15T05:14:11Z

← Older revision		Revision as of 05:14, 15 July 2025
Line 36:		Line 36:

	[[File:Top.png\|thumb]] Jangan lupa bahwa kalian bisa mengganti view dari 2D ke Script (atau sebaliknya) dari menu di bagian atas. {{Clear}}		[[File:Top.png\|thumb]] Jangan lupa bahwa kalian bisa mengganti view dari 2D ke Script (atau sebaliknya) dari menu di bagian atas. {{Clear}}

			== Bermain dengan sound effect ==

	~~== Bermain dengan sound effect ==~~		[[File:Add_child_node_to_cookie.jpg\|thumb]] Klik kanan pada entri Sprite2D di scene tree, di kiri layar. Tambahkan sebuah child node, beri tipe AudioStreamPlayer2D.

			[[File:Crumble.gif]] Drag file "crumble.mp3" ke field Stream di menu Inspector. Pastikan bahwa node AudioStreamPlayer2D-lah yang terseleksi pada scene tree.

Timothy at 04:59, 15 July 2025

2025-07-15T04:59:28Z

← Older revision		Revision as of 04:59, 15 July 2025
Line 25:		Line 25:
	* <syntaxhighlight lang="gdscript">if event.button_index == MOUSE_BUTTON_LEFT and event.pressed:</syntaxhighlight> Property <code>button_index</code> menunjukkan tipe mouse button yang terlibat dalam InputEvent (selain <code>MOUSE_BUTTON_LEFT</code>, ada pula <code>MOUSE_BUTTON_RIGHT</code>, <code>MOUSE_BUTTON_WHEEL_UP</code>, dll.). <br>Dengan menggunakan property <code>pressed</code>, game hanya akan menghitung momen ketika pemain mulai <i>menahan</i> tombol kiri mouse sebagai sebuah klik.		* <syntaxhighlight lang="gdscript">if event.button_index == MOUSE_BUTTON_LEFT and event.pressed:</syntaxhighlight> Property <code>button_index</code> menunjukkan tipe mouse button yang terlibat dalam InputEvent (selain <code>MOUSE_BUTTON_LEFT</code>, ada pula <code>MOUSE_BUTTON_RIGHT</code>, <code>MOUSE_BUTTON_WHEEL_UP</code>, dll.). <br>Dengan menggunakan property <code>pressed</code>, game hanya akan menghitung momen ketika pemain mulai <i>menahan</i> tombol kiri mouse sebagai sebuah klik.
	** <syntaxhighlight lang="gdscript">if event.button_index == MOUSE_BUTTON_LEFT and not event.pressed:</syntaxhighlight> Seandainya kode dimodifikasi seperti ini, game hanya akan menghitung momen ketika pemain <i>melepaskan</i> tombol kiri mouse sebagai sebuah klik.		** <syntaxhighlight lang="gdscript">if event.button_index == MOUSE_BUTTON_LEFT and not event.pressed:</syntaxhighlight> Seandainya kode dimodifikasi seperti ini, game hanya akan menghitung momen ketika pemain <i>melepaskan</i> tombol kiri mouse sebagai sebuah klik.
	* <syntaxhighlight lang="gdscript">if is_pixel_opaque(get_local_mouse_position()):</syntaxhighlight> Fungsi <code>get_local_mouse_position() memberikan posisi (x, y) kursor mouse. ~~</code>~~Fungsi <code>is_pixel_opaque()</code> memberikan nilai <code>True</code> hanya untuk nilai posisi yang tercakup dalam area tekstur gambar cookie. Dengan demikian, klik di luar batas gambar takkan menghasilkan apa-apa.		* <syntaxhighlight lang="gdscript">if is_pixel_opaque(get_local_mouse_position()):</syntaxhighlight> Fungsi <code>get_local_mouse_position()</code> memberikan posisi (x, y) kursor mouse. Fungsi <code>is_pixel_opaque()</code> memberikan nilai <code>True</code> hanya untuk nilai posisi yang tercakup dalam area tekstur gambar cookie. Dengan demikian, klik di luar batas gambar takkan menghasilkan apa-apa.

			=== Dokumentasi ===

	Bilamana ada fungsi yang kalian ingin pelajari lebih lanjut, tahan tombol Ctrl dan klik segmen kode yang dikehendaki. Editor akan segera membuka dokumentasi Godot, yang tersedia pula secara daring ([https://docs.godotengine.org/en/stable/ https://docs.godotengine.org/en/stable/]).		Bilamana ada fungsi yang kalian ingin pelajari lebih lanjut, tahan tombol Ctrl dan klik segmen kode yang dikehendaki. Editor akan segera membuka dokumentasi Godot, yang tersedia pula secara daring ([https://docs.godotengine.org/en/stable/ https://docs.godotengine.org/en/stable/]).

	{{Info try it\|Sekarang, game hanya akan bereaksi terhadap aksi klik kiri. Coba buat supaya cookie dapat menerima input klik kiri maupun kanan.}}		{{Info try it\|Sekarang, game hanya akan bereaksi terhadap aksi klik kiri. Coba buat supaya cookie dapat menerima input klik kiri maupun kanan.}}

			=== Berganti view di editor ===

			[[File:Top.png\|thumb]] Jangan lupa bahwa kalian bisa mengganti view dari 2D ke Script (atau sebaliknya) dari menu di bagian atas. {{Clear}}

	== Bermain dengan sound effect ==		== Bermain dengan sound effect ==

Timothy at 04:54, 15 July 2025

2025-07-15T04:54:09Z

← Older revision		Revision as of 04:54, 15 July 2025
Line 9:		Line 9:
	<syntaxhighlight lang="gdscript" line>		<syntaxhighlight lang="gdscript" line>
	func _input(event):		func _input(event):
	~~var fuck = 3~~
	if event is InputEventMouseButton:		if event is InputEventMouseButton:
	if event.button_index == MOUSE_BUTTON_LEFT and event.pressed:		if event.button_index == MOUSE_BUTTON_LEFT and event.pressed:
Line 23:		Line 22:

	Coba pahami kode yang diberikan tersebut.		Coba pahami kode yang diberikan tersebut.
			* <syntaxhighlight lang="gdscript">if event is InputEventMouseButton:</syntaxhighlight> Di Godot, ada banyak InputEvent yang dapat diterima pada fungsi <code>_input()</code>, dari InputEventMouseButton untuk merepresentasikan mouse button yang ditekan, hingga InputEventScreenDrag untuk merepresentasikan gestur menggeser pada layar touchscreen.
			* <syntaxhighlight lang="gdscript">if event.button_index == MOUSE_BUTTON_LEFT and event.pressed:</syntaxhighlight> Property <code>button_index</code> menunjukkan tipe mouse button yang terlibat dalam InputEvent (selain <code>MOUSE_BUTTON_LEFT</code>, ada pula <code>MOUSE_BUTTON_RIGHT</code>, <code>MOUSE_BUTTON_WHEEL_UP</code>, dll.). <br>Dengan menggunakan property <code>pressed</code>, game hanya akan menghitung momen ketika pemain mulai <i>menahan</i> tombol kiri mouse sebagai sebuah klik.
			** <syntaxhighlight lang="gdscript">if event.button_index == MOUSE_BUTTON_LEFT and not event.pressed:</syntaxhighlight> Seandainya kode dimodifikasi seperti ini, game hanya akan menghitung momen ketika pemain <i>melepaskan</i> tombol kiri mouse sebagai sebuah klik.
			* <syntaxhighlight lang="gdscript">if is_pixel_opaque(get_local_mouse_position()):</syntaxhighlight> Fungsi <code>get_local_mouse_position() memberikan posisi (x, y) kursor mouse. </code>Fungsi <code>is_pixel_opaque()</code> memberikan nilai <code>True</code> hanya untuk nilai posisi yang tercakup dalam area tekstur gambar cookie. Dengan demikian, klik di luar batas gambar takkan menghasilkan apa-apa.

	~~Seandainya~~ ada fungsi yang kalian ingin pelajari lebih lanjut, tahan tombol Ctrl dan klik segmen kode yang dikehendaki. Editor akan segera membuka dokumentasi Godot, yang tersedia pula secara daring ([https://docs.godotengine.org/en/stable/ https://docs.godotengine.org/en/stable/]).		Bilamana ada fungsi yang kalian ingin pelajari lebih lanjut, tahan tombol Ctrl dan klik segmen kode yang dikehendaki. Editor akan segera membuka dokumentasi Godot, yang tersedia pula secara daring ([https://docs.godotengine.org/en/stable/ https://docs.godotengine.org/en/stable/]).

	{{Info try it\|Sekarang, game hanya akan bereaksi terhadap aksi klik kiri. Coba buat supaya cookie dapat menerima input klik kiri maupun kanan.}}		{{Info try it\|Sekarang, game hanya akan bereaksi terhadap aksi klik kiri. Coba buat supaya cookie dapat menerima input klik kiri maupun kanan.}}

			== Bermain dengan sound effect ==

Timothy at 04:26, 15 July 2025

2025-07-15T04:26:12Z

← Older revision		Revision as of 04:26, 15 July 2025
Line 3:		Line 3:
	== Node scripting ==		== Node scripting ==

	[[File:Attach_script_to_Sprite2D.png\|thumb]] Klik kanan pada entri Sprite2D di kiri atas, lalu tekan "Attach Script". Secara default, file script ini akan disimpan di <code>res://cookie.gd</code>, sesuai dengan nama scene. {{Clear}}		[[File:Attach_script_to_Sprite2D.png\|thumb]] [[File:Empty_script.png\|thumb\|Layar script editor yang masih kosong akan muncul setelah script file script dibuat untuk pertama kalinya]] Klik kanan pada entri Sprite2D di kiri atas, lalu tekan "Attach Script". Secara default, file script ini akan disimpan di <code>res://cookie.gd</code>, sesuai dengan nama scene. {{Clear}}

			Tambahkan beberapa baris kode berikut. Simpan hasil modifikasi script dengan Ctrl+S.

			<syntaxhighlight lang="gdscript" line>
			func _input(event):
			var fuck = 3
			if event is InputEventMouseButton:
			if event.button_index == MOUSE_BUTTON_LEFT and event.pressed:
			if is_pixel_opaque(get_local_mouse_position()):
			print("Clicked!")
			</syntaxhighlight>

			Run project dan amati hasilnya.

			[[File:Clicked.png]]

			Sebuah pesan singkat "Clicked!" akan dikeluarkan pada output terminal setiap kali pemain melakukan klik kiri dengan mouse pada area cookie.

			Coba pahami kode yang diberikan tersebut.

			Seandainya ada fungsi yang kalian ingin pelajari lebih lanjut, tahan tombol Ctrl dan klik segmen kode yang dikehendaki. Editor akan segera membuka dokumentasi Godot, yang tersedia pula secara daring ([https://docs.godotengine.org/en/stable/ https://docs.godotengine.org/en/stable/]).

			{{Info try it\|Sekarang, game hanya akan bereaksi terhadap aksi klik kiri. Coba buat supaya cookie dapat menerima input klik kiri maupun kanan.}}

Timothy at 09:42, 14 July 2025

2025-07-14T09:42:08Z

← Older revision		Revision as of 09:42, 14 July 2025
Line 3:		Line 3:
	== Node scripting ==		== Node scripting ==

	[[File:Attach_script_to_Sprite2D.png\|thumb]] Klik kanan pada entri Sprite2D di kiri atas, lalu tekan "Attach Script".		[[File:Attach_script_to_Sprite2D.png\|thumb]] Klik kanan pada entri Sprite2D di kiri atas, lalu tekan "Attach Script". Secara default, file script ini akan disimpan di <code>res://cookie.gd</code>, sesuai dengan nama scene. {{Clear}}

Timothy: Created page with "Bila diperhatikan, pemain masih belum mampu berinteraksi sama sekali dengan game kita. Maka, kita perlu menambah sedikit logika pemrograman agar Cookie di layar memberikan respons tertentu ketika diklik pemain. == Node scripting == thumb Klik kanan pada entri Sprite2D di kiri atas, lalu tekan "Attach Script"."

2025-07-14T09:39:45Z

Created page with "Bila diperhatikan, pemain masih belum mampu berinteraksi sama sekali dengan game kita. Maka, kita perlu menambah sedikit logika pemrograman agar Cookie di layar memberikan respons tertentu ketika diklik pemain. == Node scripting == thumb Klik kanan pada entri Sprite2D di kiri atas, lalu tekan "Attach Script"."

New page

Bila diperhatikan, pemain masih belum mampu berinteraksi sama sekali dengan game kita. Maka, kita perlu menambah sedikit logika pemrograman agar Cookie di layar memberikan respons tertentu ketika diklik pemain.

== Node scripting ==

[[File:Attach_script_to_Sprite2D.png|thumb]] Klik kanan pada entri Sprite2D di kiri atas, lalu tekan "Attach Script".