CPC Game Making - User contributions [en]

Periodic shooting

2025-09-27T15:00:10Z

Timothy: Created page with "<syntaxhighlight lang="gdscript" line> var waiting_to_shoot = false func _input(event: InputEvent) -> void: if event.is_action("ui_right") and waiting_to_shoot == false: waiting_to_shoot = true await get_tree().create_timer(0.4).timeout print('A shot was fired!') waiting_to_shoot = false </syntaxhighlight>"

<syntaxhighlight lang="gdscript" line>
var waiting_to_shoot = false

func _input(event: InputEvent) -> void:
if event.is_action("ui_right") and waiting_to_shoot == false:
waiting_to_shoot = true
await get_tree().create_timer(0.4).timeout
print('A shot was fired!')
waiting_to_shoot = false
</syntaxhighlight>

Programming your first game/Input dengan mouse

2025-07-21T23:45:54Z

Timothy: /* Dokumentasi */

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]] [[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):
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.
* <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()</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 ===

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.}}

=== 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 ==

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: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>

Run project; cookie kini akan mengeluarkan suara bila diklik.

Programming your first game/Input dengan mouse

2025-07-21T23:45:23Z

Timothy:

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]] [[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):
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.
* <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()</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 ===

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.}}

=== 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 ==

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: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>

Run project; cookie kini akan mengeluarkan suara bila diklik.

Programming your first game/Membangun scene

2025-07-17T10:12:21Z

Timothy:

Sebelum melangkah lebih lanjut, ada baiknya kita mengerti dulu suatu hal: setiap game yang kita buat di Godot akan terdiri dari kumpulan scene. Sebuah scene bisa merepresentasikan konsep tertentu dalam game, misalnya senjata, level, karakter NPC, ataupun hal lainnya.

Pada tahapan sebelumnya, kita telah membuat sebuah scene yang disimpan dalam file <code>cookie.tscn</code>. Adapun scene ini terdiri dari node Sprite2D yang memiliki anak AudioStreamPlayer2D.

Kini, kita akan membuat scene lain yang akan menjadi scene utama dari game kita. Anggap saja scene ini sebagai dunia virtual yang menyimpan berbagai macam objek, termasuk scene Cookie yang sudah kita buat.

== Membuat scene Gameplay ==

[[File:New_scene.jpg|200px|thumb|left|Lakukan klik kanan pada menu di pojok kiri bawah guna membuat scene baru.]] Sekarang, buat scene baru yang diberi nama <code>gameplay.tscn</code>. Scene Gameplay inilah yang akan menjadi scene utama. {{Clear}}

[[File:Top.png|180px|thumb|left]] Lalu, pastikan kalian berada di view 2D, bukan Script.

[[File:Cookie_drag.gif]]

Kita akan menaruh scene Cookie sebagai anak dari scene Gameplay. Drag file <code>cookie.tscn</code> ('''bukan''' <code>cookie.png</code>) ke tengah layar.

[[File:Set_as_main_scene.jpg|thumb]] Klik kanan pada entri <code>gameplay.tscn</code> di menu kiri bawah, lantas pilih opsi "Set as Main Scene". Run proyek game; kalian akan mendapati bahwa Cookie kini tampil pas di tengah layar.

[[File:Cookie at center.jpg]]

== Mengganti warna background game ==

[[File:Canvas_layer.jpg|thumb]] Dengan cara seperti yang telah diajarkan sebelumnya, buat sebuah node CanvasLayer sebagai anak dari node Gameplay. Lalu, jadikan sebuah node ColorRect sebagai anak dari CanvasLayer tersebut. {{Clear}}

[[File:Full_rect.gif]] Berikutnya, select node ColorRect pada menu kiri; pada toolbar atas, ubah anchor preset node ini menjadi <code>Full Rect</code>. Node otomatis memenuhi layar.

[[File:Negative_CanvasLayer.jpg|150px|thumb|left]] Cookie sekarang tertutup sepenuhnya oleh background! Untuk mengatasi isu ini, kita perlu mengubah nilai <code>Layer</code> node CanvasLayer menjadi -1. Dengan demikian, Cookie selalu tampil di depan background. (Secara default, sebuah scene 2D ditampilkan pada layer 0. Scene yang indeks layer-nya lebih kecil terletak di belakang scene dengan nomor indeks layer lebih besar.)

[[File:Hex.jpg|thumb]] Ganti warna background sesuka kalian (pastikan node ColorRect terseleksi di menu kiri). {{Clear}}

Programming your first game/Membangun scene

2025-07-17T10:01:49Z

Timothy:

Sebelum melangkah lebih lanjut, ada baiknya kita mengerti dulu suatu hal: setiap game yang kita buat di Godot akan terdiri dari kumpulan scene. Sebuah scene bisa merepresentasikan konsep tertentu dalam game, misalnya senjata, level, karakter NPC, ataupun hal lainnya.

Pada tahapan sebelumnya, kita telah membuat sebuah scene yang disimpan dalam file <code>cookie.tscn</code>. Adapun scene ini terdiri dari node Sprite2D yang memiliki anak AudioStreamPlayer2D.

Kini, kita akan membuat scene lain yang akan menjadi scene utama dari game kita. Anggap saja scene ini sebagai dunia virtual yang menyimpan berbagai macam objek, termasuk scene Cookie yang sudah kita buat.

== Membuat scene Gameplay ==

[[File:New_scene.jpg|200px|thumb|left|Lakukan klik kanan pada menu di pojok kiri bawah guna membuat scene baru.]] Sekarang, buat scene baru yang diberi nama gameplay.tscn. Scene Gameplay inilah yang akan menjadi scene utama. {{Clear}}

[[File:Top.png|180px|thumb|left]] Lalu, pastikan kalian berada di view 2D, bukan Script.

[[File:Cookie_drag.gif]]

Kita akan menaruh scene Cookie sebagai anak dari scene Gameplay. Drag file <code>cookie.tscn</code> ('''bukan''' <code>cookie.png</code>) ke tengah layar.

[[File:Set_as_main_scene.jpg|thumb]] Klik kanan pada entri <code>gameplay.tscn</code> di menu kiri bawah, lantas pilih opsi "Set as Main Scene". Run proyek game; kalian akan mendapati bahwa Cookie kini tampil pas di tengah layar.

[[File:Cookie at center.jpg]]

== Mengganti warna background game ==

[[File:Canvas_layer.jpg|thumb]] Dengan cara seperti yang telah diajarkan sebelumnya, buat sebuah node CanvasLayer sebagai anak dari node Gameplay. Lalu, jadikan sebuah node ColorRect sebagai anak dari CanvasLayer tersebut. {{Clear}}

[[File:Full_rect.gif]] Berikutnya, select node ColorRect pada menu kiri; pada toolbar atas, ubah anchor preset node ini menjadi <code>Full Rect</code>. Node otomatis memenuhi layar.

[[File:Negative_CanvasLayer.jpg|150px|thumb|left]] Cookie sekarang tertutup sepenuhnya oleh background! Untuk mengatasi isu ini, kita perlu mengubah nilai <code>Layer</code> node CanvasLayer menjadi -1. Dengan demikian, Cookie selalu tampil di depan background. (Secara default, sebuah scene 2D ditampilkan pada layer 0. Scene yang indeks layer-nya lebih kecil terletak di belakang scene dengan nomor indeks layer lebih besar.)

[[File:Hex.jpg|thumb]] Ganti warna background sesuka kalian (pastikan node ColorRect terseleksi di menu kiri). {{Clear}}

Programming your first game/Membangun scene

2025-07-17T10:00:57Z

Timothy:

Sebelum melangkah lebih lanjut, ada baiknya kita memahami dulu gagasan bahwa setiap game yang kita buat di Godot pasti terdiri dari kumpulan scene. Sebuah scene bisa merepresentasikan konsep tertentu dalam game, misalnya senjata, level, karakter NPC, dan sebagainya.

Pada tahapan sebelumnya, kita telah membuat sebuah scene yang disimpan dalam file <code>cookie.tscn</code>. Adapun scene ini terdiri dari node Sprite2D yang memiliki anak AudioStreamPlayer2D.

Kini, kita akan membuat scene lain yang akan menjadi scene utama dari game kita. Anggap saja scene ini sebagai dunia virtual yang menyimpan berbagai macam objek, termasuk scene Cookie yang sudah kita buat.

== Membuat scene Gameplay ==

[[File:New_scene.jpg|200px|thumb|left|Lakukan klik kanan pada menu di pojok kiri bawah guna membuat scene baru.]] Sekarang, buat scene baru yang diberi nama gameplay.tscn. Scene Gameplay inilah yang akan menjadi scene utama. {{Clear}}

[[File:Top.png|180px|thumb|left]] Lalu, pastikan kalian berada di view 2D, bukan Script.

[[File:Cookie_drag.gif]]

Kita akan menaruh scene Cookie sebagai anak dari scene Gameplay. Drag file <code>cookie.tscn</code> ('''bukan''' <code>cookie.png</code>) ke tengah layar.

[[File:Set_as_main_scene.jpg|thumb]] Klik kanan pada entri <code>gameplay.tscn</code> di menu kiri bawah, lantas pilih opsi "Set as Main Scene". Run proyek game; kalian akan mendapati bahwa Cookie kini tampil pas di tengah layar.

[[File:Cookie at center.jpg]]

== Mengganti warna background game ==

[[File:Canvas_layer.jpg|thumb]] Dengan cara seperti yang telah diajarkan sebelumnya, buat sebuah node CanvasLayer sebagai anak dari node Gameplay. Lalu, jadikan sebuah node ColorRect sebagai anak dari CanvasLayer tersebut. {{Clear}}

[[File:Full_rect.gif]] Berikutnya, select node ColorRect pada menu kiri; pada toolbar atas, ubah anchor preset node ini menjadi <code>Full Rect</code>. Node otomatis memenuhi layar.

[[File:Negative_CanvasLayer.jpg|150px|thumb|left]] Cookie sekarang tertutup sepenuhnya oleh background! Untuk mengatasi isu ini, kita perlu mengubah nilai <code>Layer</code> node CanvasLayer menjadi -1. Dengan demikian, Cookie selalu tampil di depan background. (Secara default, sebuah scene 2D ditampilkan pada layer 0. Scene yang indeks layer-nya lebih kecil terletak di belakang scene dengan nomor indeks layer lebih besar.)

[[File:Hex.jpg|thumb]] Ganti warna background sesuka kalian (pastikan node ColorRect terseleksi di menu kiri). {{Clear}}

File:Hex.jpg

2025-07-17T09:59:45Z

Timothy:

File:Full rect.gif

2025-07-17T09:56:30Z

Timothy:

File:Negative CanvasLayer.jpg

2025-07-17T09:48:11Z

Timothy:

File:Canvas layer.jpg

2025-07-17T09:47:59Z

Timothy:

Programming your first game/Membangun scene

2025-07-17T09:43:27Z

Timothy: Created page with "Sebelum melangkah lebih lanjut, ada baiknya kita memahami dulu gagasan bahwa setiap game yang kita buat di Godot pasti terdiri dari kumpulan scene. Sebuah scene bisa merepresentasikan konsep tertentu dalam game, misalnya senjata, level, karakter NPC, dan sebagainya. Pada tahapan sebelumnya, kita telah membuat sebuah scene yang disimpan dalam file <code>cookie.tscn</code>. Adapun scene ini terdiri dari node Sprite2D yang memiliki anak AudioStreamPlayer2D. Kini, kita aka..."

File:Cookie at center.jpg

2025-07-17T09:43:13Z

Timothy:

File:Set as main scene.jpg

2025-07-17T09:40:36Z

Timothy:

File:Cookie drag.gif

2025-07-17T09:37:45Z

Timothy:

File:New scene.jpg

2025-07-17T09:32:22Z

Timothy:

Programming your first game/Input dengan mouse

2025-07-15T05:18:29Z

Timothy:

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]] [[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):
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.
* <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()</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/]).

{{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 ==

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: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>

Run project; cookie kini akan mengeluarkan suara bila diklik.

Programming your first game/Mengenal sprite

2025-07-15T05:17:07Z

Timothy:

Sekarang, mari kita coba tambahkan sprite atau gambar pertama kita ke dalam game ini.

{{Info pertanyaan|q=Apa itu sprite?|a=Dalam konteks pengembangan game, sebuah sprite adalah gambar 2D (semisal karakter ataupun benda) yang diintegrasikan ke dalam tampilan game.}}

[[File:Wonderham.png|thumb|Dalam game semacam ''Angry Birds'', objek-objek seperti burung, babi, ketapel, dan balok-balok direpresentasikan secara visual menggunakan sprite 2D. {{Cite game|game=Angry Birds Seasons|year=2010|link=https://en.wikipedia.org/wiki/Angry_Birds_Seasons}}]] Untuk kegiatan kali ini, kalian hanya perlu menggunakan desain aset sprite yang sudah tersedia. Seluruh aset yang dibutuhkan untuk kegiatan ini bisa diunduh lewat link berikut.

{{Link GDrive}}

__TOC__

== Persiapan file ==

Sebuah sprite umumnya di-load dari sebuah file gambar (PNG, GIF, dst.). File ini sebaiknya ditempatkan di lokasi (path) proyek kita.

[[File:Assets in root.png|thumb|Susunan folder proyek semestinya]] Pastikan untuk meng-unzip berkas yang telah kalian unduh dari Google Drive. Letakkan folder <code>cookie_clicker_assets</code> di bagian puncak (root) direktori proyek.

== Membuat node Sprite2D ==

Selanjutnya, kita ingin agar ketika pemain membuka game, CPU tahu untuk me-load file gambar yang sesuai ke dalam memorinya, lantas menampilkan pixel-pixel yang menyusun gambar tersebut di layar. Untuk itu, kita memerlukan node bertipe Sprite2D.

{{Info pertanyaan|q=Apa itu node?|a=Node bisa dikatakan sebagai objek dasar yang menyusun sebuah game Godot. Node dapat ditetapkan sebagai anak (child) dari node lainnya, dan node anak bisa memiliki anaknya sendiri. Maka, susunan node dalam sebuah game akan menyerupai suatu pohon (tree) yang terbalik. Sebagai syarat, semua "saudara kandung" (anak langsung dari parent node yang sama) mesti diberikan nama yang unik agar mampu diidentifikasi program. }}

[[File:Add child node.png|frame]] Setiap jenis node memiliki keunikannya tersendiri! Node Sprite2D, seperti namanya, dipakai untuk menampilkan gambar/tekstur 2D pada layar. Untuk membuat node Sprite2D baru, tekan tombol bertajuk '+' di sebelah kiri atas layar. {{Clear}}

[[File:Create new node.png|thumb|Pilih opsi Sprite2D untuk dialog "Create New Node".]] Kalian akan melihat kotak dialog untuk menyeleksi tipe node baru yang hendak dibuat. Ketik Sprite2D ke dalam kotak pencarian. {{Clear}}

[[File:Sprite2D.png|thumb|Node Sprite2D yang tercipta]] Perhatikanlah bagian kiri layar. Seharusnya ada node Sprite2D yang terlihat pada tampilan scene tree.

== Missing texture? ==

Sprite kita namun masih belum bisa menampilkan apa-apa. Hal ini diakibatkan belum adanya tekstur yang dihubungkan dengan sprite ini. Dengan kata lain, ketika game dijalankan, belum ada file yang di-register untuk ditampilkan hardware grafis.

[[File:Cookie.gif]] Drag nama file gambar yang kita inginkan (<code>cookie.png</code>) ke field Texture pada menu Inspector. Jadilah sprite pertama kita!

Sebelum melanjutkan perjalanan, simpan terlebih dahulu hasil kerja kita saat ini sebagai sebuah berkas scene (.tscn). Berikan nama cookie.tscn.

[[File:Screenshot_2025-07-15_130311.jpg|thumb|Saat ini, hanya sebagian cookie yang terlihat, yakni di pojok kiri atas. Jangan kuatir, ada alasannya!]] Run project dan amati hasilnya.

Programming your first game/Input dengan mouse

2025-07-15T05:16:41Z

Timothy:

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]] [[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):
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.
* <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()</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/]).

{{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 ==

[[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 <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>

Programming your first game/Input dengan mouse

2025-07-15T05:14:11Z

Timothy:

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]] [[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):
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.
* <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()</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/]).

{{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 ==

[[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

2025-07-15T05:12:21Z

Timothy:

File:Add child node to cookie.jpg

2025-07-15T05:07:55Z

Timothy:

Programming your first game/Mengenal sprite

2025-07-15T05:05:21Z

Timothy:

Sekarang, mari kita coba tambahkan sprite atau gambar pertama kita ke dalam game ini.

{{Info pertanyaan|q=Apa itu sprite?|a=Dalam konteks pengembangan game, sebuah sprite adalah gambar 2D (semisal karakter ataupun benda) yang diintegrasikan ke dalam tampilan game.}}

[[File:Wonderham.png|thumb|Dalam game semacam ''Angry Birds'', objek-objek seperti burung, babi, ketapel, dan balok-balok direpresentasikan secara visual menggunakan sprite 2D. {{Cite game|game=Angry Birds Seasons|year=2010|link=https://en.wikipedia.org/wiki/Angry_Birds_Seasons}}]] Untuk kegiatan kali ini, kalian hanya perlu menggunakan desain aset sprite yang sudah tersedia. Seluruh aset yang dibutuhkan untuk kegiatan ini bisa diunduh lewat link berikut.

{{Link GDrive}}

__TOC__

== Persiapan file ==

Sebuah sprite umumnya di-load dari sebuah file gambar (PNG, GIF, dst.). File ini sebaiknya ditempatkan di lokasi (path) proyek kita.

[[File:Assets in root.png|thumb|Susunan folder proyek semestinya]] Pastikan untuk meng-unzip berkas yang telah kalian unduh dari Google Drive. Letakkan folder <code>cookie_clicker_assets</code> di bagian puncak (root) direktori proyek.

== Membuat node Sprite2D ==

Selanjutnya, kita ingin agar ketika pemain membuka game, CPU tahu untuk me-load file gambar yang sesuai ke dalam memorinya, lantas menampilkan pixel-pixel yang menyusun gambar tersebut di layar. Untuk itu, kita memerlukan node bertipe Sprite2D.

{{Info pertanyaan|q=Apa itu node?|a=Node bisa dikatakan sebagai objek dasar yang menyusun sebuah game Godot. Node dapat ditetapkan sebagai anak (child) dari node lainnya, dan node anak bisa memiliki anaknya sendiri. Maka, susunan node dalam sebuah game akan menyerupai suatu pohon (tree) yang terbalik. Sebagai syarat, semua "saudara kandung" (anak langsung dari parent node yang sama) mesti diberikan nama yang unik agar mampu diidentifikasi program. }}

[[File:Add child node.png|frame]] Setiap jenis node memiliki keunikannya tersendiri! Node Sprite2D, seperti namanya, dipakai untuk menampilkan gambar/tekstur 2D pada layar. Untuk membuat node Sprite2D baru, tekan tombol bertajuk '+' di sebelah kiri atas layar. {{Clear}}

[[File:Create new node.png|thumb|Pilih opsi Sprite2D untuk dialog "Create New Node".]] Kalian akan melihat kotak dialog untuk menyeleksi tipe node baru yang hendak dibuat. Ketik Sprite2D ke dalam kotak pencarian. {{Clear}}

[[File:Sprite2D.png|thumb|Node Sprite2D yang tercipta]] Perhatikanlah bagian kiri layar. Seharusnya ada node Sprite2D yang terlihat pada tampilan scene tree.

== Missing texture? ==

Sprite kita namun masih belum bisa menampilkan apa-apa. Hal ini diakibatkan belum adanya tekstur yang dihubungkan dengan sprite ini. Dengan kata lain, ketika game dijalankan, belum ada file yang di-register untuk ditampilkan hardware grafis.

[[File:Cookie.gif]] Drag nama file gambar yang kita inginkan ("cookie.png") ke field Texture pada menu Inspector. Jadilah sprite pertama kita!

Sebelum melanjutkan perjalanan, simpan terlebih dahulu hasil kerja kita saat ini sebagai sebuah berkas scene (.tscn). Berikan nama cookie.tscn.

[[File:Screenshot_2025-07-15_130311.jpg|thumb|Saat ini, hanya sebagian cookie yang terlihat, yakni di pojok kiri atas. Jangan kuatir, ada alasannya!]] Run project dan amati hasilnya.

Programming your first game/Mengenal sprite

2025-07-15T05:05:02Z

Timothy:

Sekarang, mari kita coba tambahkan sprite atau gambar pertama kita ke dalam game ini.

{{Info pertanyaan|q=Apa itu sprite?|a=Dalam konteks pengembangan game, sebuah sprite adalah gambar 2D (semisal karakter ataupun benda) yang diintegrasikan ke dalam tampilan game.}}

[[File:Wonderham.png|thumb|Dalam game semacam ''Angry Birds'', objek-objek seperti burung, babi, ketapel, dan balok-balok direpresentasikan secara visual menggunakan sprite 2D. {{Cite game|game=Angry Birds Seasons|year=2010|link=https://en.wikipedia.org/wiki/Angry_Birds_Seasons}}]] Untuk kegiatan kali ini, kalian hanya perlu menggunakan desain aset sprite yang sudah tersedia. Seluruh aset yang dibutuhkan untuk kegiatan ini bisa diunduh lewat link berikut.

{{Link GDrive}}

__TOC__

== Persiapan file ==

Sebuah sprite umumnya di-load dari sebuah file gambar (PNG, GIF, dst.). File ini sebaiknya ditempatkan di lokasi (path) proyek kita.

[[File:Assets in root.png|thumb|Susunan folder proyek semestinya]] Pastikan untuk meng-unzip berkas yang telah kalian unduh dari Google Drive. Letakkan folder <code>cookie_clicker_assets</code> di bagian puncak (root) direktori proyek.

== Membuat node Sprite2D ==

Selanjutnya, kita ingin agar ketika pemain membuka game, CPU tahu untuk me-load file gambar yang sesuai ke dalam memorinya, lantas menampilkan pixel-pixel yang menyusun gambar tersebut di layar. Untuk itu, kita memerlukan node bertipe Sprite2D.

{{Info pertanyaan|q=Apa itu node?|a=Node bisa dikatakan sebagai objek dasar yang menyusun sebuah game Godot. Node dapat ditetapkan sebagai anak (child) dari node lainnya, dan node anak bisa memiliki anaknya sendiri. Maka, susunan node dalam sebuah game akan menyerupai suatu pohon (tree) yang terbalik. Sebagai syarat, semua "saudara kandung" (anak langsung dari parent node yang sama) mesti diberikan nama yang unik agar mampu diidentifikasi program. }}

[[File:Add child node.png|frame]] Setiap jenis node memiliki keunikannya tersendiri! Node Sprite2D, seperti namanya, dipakai untuk menampilkan gambar/tekstur 2D pada layar. Untuk membuat node Sprite2D baru, tekan tombol bertajuk '+' di sebelah kiri atas layar. {{Clear}}

[[File:Create new node.png|thumb|Pilih opsi Sprite2D untuk dialog "Create New Node".]] Kalian akan melihat kotak dialog untuk menyeleksi tipe node baru yang hendak dibuat. Ketik Sprite2D ke dalam kotak pencarian. {{Clear}}

[[File:Sprite2D.png|thumb|Node Sprite2D yang tercipta]] Perhatikanlah bagian kiri layar. Seharusnya ada node Sprite2D yang terlihat pada tampilan scene tree.

== Missing texture? ==

Sprite kita namun masih belum bisa menampilkan apa-apa. Hal ini diakibatkan belum adanya tekstur yang dihubungkan dengan sprite ini. Dengan kata lain, ketika game dijalankan, belum ada file yang di-register untuk ditampilkan hardware grafis.

[[File:Cookie.gif]] Drag nama file gambar yang kita inginkan ("cookie.png") ke field Texture pada menu Inspector. Jadilah sprite pertama kita!

Sebelum melanjutkan perjalanan, simpan terlebih dahulu hasil kerja kita saat ini sebagai sebuah berkas scene (.tscn). Berikan nama cookie.tscn.

== Testing ==

[[File:Screenshot_2025-07-15_130311.jpg|thumb|Saat ini, hanya sebagian cookie yang terlihat, yakni di pojok kiri atas. Jangan kuatir, ada alasannya]] Run project dan amati hasilnya.

File:Screenshot 2025-07-15 130311.jpg

2025-07-15T05:03:30Z

Timothy:

Programming your first game/Input dengan mouse

2025-07-15T04:59:28Z

Timothy:

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]] [[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):
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.
* <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()</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/]).

{{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 ==

File:Top.png

2025-07-15T04:58:05Z

Timothy:

MediaWiki:Common.css

2025-07-15T04:57:35Z

Timothy:

/* CSS placed here will be applied to all skins */

.break-text {
word-break: break-all; /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_text/Wrapping_breaking_text */
}

.box {
border: 2px dashed #baa047;
border-radius: 20px;
color: #979797;
display: inline-block;
margin-top: 15px;
margin-bottom: 15px;
max-width: 60%;
padding: 0 20px;
}

Programming your first game/Input dengan mouse

2025-07-15T04:54:09Z

Timothy:

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]] [[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):
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.
* <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.

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.}}

== Bermain dengan sound effect ==

Programming your first game/Input dengan mouse

2025-07-15T04:26:12Z

Timothy:

Template:Info try it

2025-07-15T04:14:58Z

Timothy: Created page with "<div class="box" style="border-color: {{Blue}}; color: {{Dark blue}}"> <h3><i>Try it yourself!</i></h3> <ol> {{#if:{{{1|}}}|<li>{{{1}}}</li>|}} {{#if:{{{2|}}}|<li>{{{2}}}</li>|}} {{#if:{{{3|}}}|<li>{{{3}}}</li>|}} {{#if:{{{4|}}}|<li>{{{4}}}</li>|}} </ol> </div>"

<div class="box" style="border-color: {{Blue}}; color: {{Dark blue}}">
<h3><i>Try it yourself!</i></h3>
<ol>
{{#if:{{{1|}}}|<li>{{{1}}}</li>|}}
{{#if:{{{2|}}}|<li>{{{2}}}</li>|}}
{{#if:{{{3|}}}|<li>{{{3}}}</li>|}}
{{#if:{{{4|}}}|<li>{{{4}}}</li>|}}
</ol>
</div>

File:Clicked.png

2025-07-15T04:03:14Z

Timothy:

File:Empty script.png

2025-07-15T03:49:20Z

Timothy:

Programming your first game

2025-07-15T03:28:35Z

Timothy:

{{Special:PrefixIndex/{{PAGENAME}}}}

Programming your first game/Input dengan mouse

2025-07-14T09:42:08Z

Timothy:

Programming your first game/Input dengan mouse

2025-07-14T09:39:45Z

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"."

File:Attach script to Sprite2D.png

2025-07-14T09:37:22Z

Timothy:

Programming your first game/Mengenal sprite

2025-07-14T09:33:03Z

Timothy:

Sekarang, mari kita coba tambahkan sprite atau gambar pertama kita ke dalam game ini.

{{Info pertanyaan|q=Apa itu sprite?|a=Dalam konteks pengembangan game, sebuah sprite adalah gambar 2D (semisal karakter ataupun benda) yang diintegrasikan ke dalam tampilan game.}}

[[File:Wonderham.png|thumb|Dalam game semacam ''Angry Birds'', objek-objek seperti burung, babi, ketapel, dan balok-balok direpresentasikan secara visual menggunakan sprite 2D. {{Cite game|game=Angry Birds Seasons|year=2010|link=https://en.wikipedia.org/wiki/Angry_Birds_Seasons}}]] Untuk kegiatan kali ini, kalian hanya perlu menggunakan desain aset sprite yang sudah tersedia. Seluruh aset yang dibutuhkan untuk kegiatan ini bisa diunduh lewat link berikut.

{{Link GDrive}}

__TOC__

== Persiapan file ==

Sebuah sprite umumnya di-load dari sebuah file gambar (PNG, GIF, dst.). File ini sebaiknya ditempatkan di lokasi (path) proyek kita.

[[File:Assets in root.png|thumb|Susunan folder proyek semestinya]] Pastikan untuk meng-unzip berkas yang telah kalian unduh dari Google Drive. Letakkan folder <code>cookie_clicker_assets</code> di bagian puncak (root) direktori proyek.

== Membuat node Sprite2D ==

Selanjutnya, kita ingin agar ketika pemain membuka game, CPU tahu untuk me-load file gambar yang sesuai ke dalam memorinya, lantas menampilkan pixel-pixel yang menyusun gambar tersebut di layar. Untuk itu, kita memerlukan node bertipe Sprite2D.

{{Info pertanyaan|q=Apa itu node?|a=Node bisa dikatakan sebagai objek dasar yang menyusun sebuah game Godot. Node dapat ditetapkan sebagai anak (child) dari node lainnya, dan node anak bisa memiliki anaknya sendiri. Maka, susunan node dalam sebuah game akan menyerupai suatu pohon (tree) yang terbalik. Sebagai syarat, semua "saudara kandung" (anak langsung dari parent node yang sama) mesti diberikan nama yang unik agar mampu diidentifikasi program. }}

[[File:Add child node.png|frame]] Setiap jenis node memiliki keunikannya tersendiri! Node Sprite2D, seperti namanya, dipakai untuk menampilkan gambar/tekstur 2D pada layar. Untuk membuat node Sprite2D baru, tekan tombol bertajuk '+' di sebelah kiri atas layar. {{Clear}}

[[File:Create new node.png|thumb|Pilih opsi Sprite2D untuk dialog "Create New Node".]] Kalian akan melihat kotak dialog untuk menyeleksi tipe node baru yang hendak dibuat. Ketik Sprite2D ke dalam kotak pencarian. {{Clear}}

[[File:Sprite2D.png|thumb|Node Sprite2D yang tercipta]] Perhatikanlah bagian kiri layar. Seharusnya ada node Sprite2D yang terlihat pada tampilan scene tree.

== Missing texture? ==

Sprite kita namun masih belum bisa menampilkan apa-apa. Hal ini diakibatkan belum adanya tekstur yang dihubungkan dengan sprite ini. Dengan kata lain, ketika game dijalankan, belum ada file yang di-register untuk ditampilkan hardware grafis.

[[File:Cookie.gif]] Drag nama file gambar yang kita inginkan ("cookie.png") ke field Texture pada menu Inspector. Jadilah sprite pertama kita!

Sebelum melanjutkan perjalanan, simpan terlebih dahulu hasil kerja kita saat ini sebagai sebuah berkas scene (.tscn). Berikan nama cookie.tscn.

File:Cookie.gif

2025-07-14T09:32:10Z

Timothy: Timothy uploaded a new version of File:Cookie.gif

Programming your first game/Mengenal sprite

2025-07-13T15:04:08Z

Timothy:

Sekarang, mari kita coba tambahkan sprite atau gambar pertama kita ke dalam game ini.

{{Info pertanyaan|q=Apa itu sprite?|a=Dalam konteks pengembangan game, sebuah sprite adalah gambar 2D (semisal karakter ataupun benda) yang diintegrasikan ke dalam tampilan game.}}

[[File:Wonderham.png|thumb|Dalam game semacam ''Angry Birds'', objek-objek seperti burung, babi, ketapel, dan balok-balok direpresentasikan secara visual menggunakan sprite 2D. {{Cite game|game=Angry Birds Seasons|year=2010|link=https://en.wikipedia.org/wiki/Angry_Birds_Seasons}}]] Untuk kegiatan kali ini, kalian hanya perlu menggunakan desain aset sprite yang sudah tersedia. Seluruh aset yang dibutuhkan untuk kegiatan ini bisa diunduh lewat link berikut.

{{Link GDrive}}

__TOC__

== Persiapan file ==

Sebuah sprite umumnya di-load dari sebuah file gambar (PNG, GIF, dst.). File ini sebaiknya ditempatkan di lokasi (path) proyek kita.

[[File:Assets in root.png|thumb|Susunan folder proyek semestinya]] Pastikan untuk meng-unzip berkas yang telah kalian unduh dari Google Drive. Letakkan folder <code>cookie_clicker_assets</code> di bagian puncak (root) direktori proyek.

== Membuat node Sprite2D ==

Selanjutnya, kita ingin agar ketika pemain membuka game, CPU tahu untuk me-load file gambar yang sesuai ke dalam memorinya, lantas menampilkan pixel-pixel yang menyusun gambar tersebut di layar. Untuk itu, kita memerlukan node bertipe Sprite2D.

{{Info pertanyaan|q=Apa itu node?|a=Node bisa dikatakan sebagai objek dasar yang menyusun sebuah game Godot. Node dapat ditetapkan sebagai anak (child) dari node lainnya, dan node anak bisa memiliki anaknya sendiri. Maka, susunan node dalam sebuah game akan menyerupai suatu pohon (tree) yang terbalik. Sebagai syarat, semua "saudara kandung" (anak langsung dari parent node yang sama) mesti diberikan nama yang unik agar mampu diidentifikasi program. }}

[[File:Add child node.png|frame]] Setiap jenis node memiliki keunikannya tersendiri! Node Sprite2D, seperti namanya, dipakai untuk menampilkan gambar/tekstur 2D pada layar. Untuk membuat node Sprite2D baru, tekan tombol bertajuk '+' di sebelah kiri atas layar. {{Clear}}

[[File:Create new node.png|thumb|Pilih opsi Sprite2D untuk dialog "Create New Node".]] Kalian akan melihat kotak dialog untuk menyeleksi tipe node baru yang hendak dibuat. Ketik Sprite2D ke dalam kotak pencarian. {{Clear}}

[[File:Sprite2D.png|thumb|Node Sprite2D yang tercipta]] Perhatikanlah bagian kiri layar. Seharusnya ada node Sprite2D yang terlihat pada tampilan scene tree.

== Missing texture? ==

Sprite kita namun masih belum bisa menampilkan apa-apa. Hal ini diakibatkan belum adanya tekstur yang dihubungkan dengan sprite ini. Dengan kata lain, ketika game dijalankan, belum ada file yang di-register untuk ditampilkan hardware grafis.

[[File:Cookie.gif]] Drag nama file gambar yang kita inginkan ("cookie.png") ke tengah-tengah layar. Jadilah sprite pertama kita!

Sebelum melanjutkan perjalanan, simpan terlebih dahulu hasil kerja kita saat ini sebagai sebuah berkas scene (.tscn). Beri nama cookie.tscn.

Programming your first game/Mengenal sprite

2025-07-13T15:01:59Z

Timothy: /* Missing texture? */

Sekarang, mari kita coba tambahkan sprite atau gambar pertama kita ke dalam game ini.

{{Info pertanyaan|q=Apa itu sprite?|a=Dalam konteks pengembangan game, sebuah sprite adalah gambar 2D (semisal karakter ataupun benda) yang diintegrasikan ke dalam tampilan game.}}

[[File:Wonderham.png|thumb|Dalam game semacam ''Angry Birds'', objek-objek seperti burung, babi, ketapel, dan balok-balok direpresentasikan secara visual menggunakan sprite 2D. {{Cite game|game=Angry Birds Seasons|year=2010|link=https://en.wikipedia.org/wiki/Angry_Birds_Seasons}}]] Untuk kegiatan kali ini, kalian hanya perlu menggunakan desain aset sprite yang sudah tersedia. Seluruh aset yang dibutuhkan untuk kegiatan ini bisa diunduh lewat link berikut.

{{Link GDrive}}

__TOC__

== Persiapan file ==

Sebuah sprite umumnya di-load dari sebuah file gambar (PNG, GIF, dst.). File ini sebaiknya ditempatkan di lokasi (path) proyek kita.

[[File:Assets in root.png|thumb|Susunan folder proyek semestinya]] Pastikan untuk meng-unzip berkas yang telah kalian unduh dari Google Drive. Letakkan folder <code>cookie_clicker_assets</code> di bagian puncak (root) direktori proyek.

== Membuat node Sprite2D ==

Selanjutnya, kita ingin agar ketika pemain membuka game, CPU tahu untuk me-load file gambar yang sesuai ke dalam memorinya, lantas menampilkan pixel-pixel yang menyusun gambar tersebut di layar. Untuk itu, kita memerlukan node bertipe Sprite2D.

{{Info pertanyaan|q=Apa itu node?|a=Node bisa dikatakan sebagai objek dasar yang menyusun sebuah game Godot. Node dapat ditetapkan sebagai anak (child) dari node lainnya, dan node anak bisa memiliki anaknya sendiri. Maka, susunan node dalam sebuah game akan menyerupai suatu pohon (tree) yang terbalik. Sebagai syarat, semua "saudara kandung" (anak langsung dari parent node yang sama) mesti diberikan nama yang unik agar mampu diidentifikasi program. }}

[[File:Add child node.png|frame]] Setiap jenis node memiliki keunikannya tersendiri! Node Sprite2D, seperti namanya, dipakai untuk menampilkan gambar/tekstur 2D pada layar. Untuk membuat node Sprite2D baru, tekan tombol bertajuk '+' di sebelah kiri atas layar. {{Clear}}

[[File:Create new node.png|thumb|Pilih opsi Sprite2D untuk dialog "Create New Node".]] Kalian akan melihat kotak dialog untuk menyeleksi tipe node baru yang hendak dibuat. Ketik Sprite2D ke dalam kotak pencarian. {{Clear}}

[[File:Sprite2D.png|thumb|Node Sprite2D yang tercipta]] Perhatikanlah bagian kiri layar. Seharusnya ada node Sprite2D yang terlihat pada tampilan scene tree.

== Missing texture? ==

Sprite kita namun masih belum bisa menampilkan apa-apa. Hal ini diakibatkan belum adanya tekstur yang dihubungkan dengan sprite ini. Dengan kata lain, ketika game dijalankan, belum ada file yang di-register untuk ditampilkan hardware grafis.

[[File:Cookie.gif]] Drag nama file gambar yang kita inginkan ("cookie.png") ke tengah-tengah layar. Jadilah sprite pertama kita!

Programming your first game/Mengenal sprite

2025-07-13T15:01:12Z

Timothy:

Sekarang, mari kita coba tambahkan sprite atau gambar pertama kita ke dalam game ini.

{{Info pertanyaan|q=Apa itu sprite?|a=Dalam konteks pengembangan game, sebuah sprite adalah gambar 2D (semisal karakter ataupun benda) yang diintegrasikan ke dalam tampilan game.}}

[[File:Wonderham.png|thumb|Dalam game semacam ''Angry Birds'', objek-objek seperti burung, babi, ketapel, dan balok-balok direpresentasikan secara visual menggunakan sprite 2D. {{Cite game|game=Angry Birds Seasons|year=2010|link=https://en.wikipedia.org/wiki/Angry_Birds_Seasons}}]] Untuk kegiatan kali ini, kalian hanya perlu menggunakan desain aset sprite yang sudah tersedia. Seluruh aset yang dibutuhkan untuk kegiatan ini bisa diunduh lewat link berikut.

{{Link GDrive}}

__TOC__

== Persiapan file ==

Sebuah sprite umumnya di-load dari sebuah file gambar (PNG, GIF, dst.). File ini sebaiknya ditempatkan di lokasi (path) proyek kita.

[[File:Assets in root.png|thumb|Susunan folder proyek semestinya]] Pastikan untuk meng-unzip berkas yang telah kalian unduh dari Google Drive. Letakkan folder <code>cookie_clicker_assets</code> di bagian puncak (root) direktori proyek.

== Membuat node Sprite2D ==

Selanjutnya, kita ingin agar ketika pemain membuka game, CPU tahu untuk me-load file gambar yang sesuai ke dalam memorinya, lantas menampilkan pixel-pixel yang menyusun gambar tersebut di layar. Untuk itu, kita memerlukan node bertipe Sprite2D.

{{Info pertanyaan|q=Apa itu node?|a=Node bisa dikatakan sebagai objek dasar yang menyusun sebuah game Godot. Node dapat ditetapkan sebagai anak (child) dari node lainnya, dan node anak bisa memiliki anaknya sendiri. Maka, susunan node dalam sebuah game akan menyerupai suatu pohon (tree) yang terbalik. Sebagai syarat, semua "saudara kandung" (anak langsung dari parent node yang sama) mesti diberikan nama yang unik agar mampu diidentifikasi program. }}

[[File:Add child node.png|frame]] Setiap jenis node memiliki keunikannya tersendiri! Node Sprite2D, seperti namanya, dipakai untuk menampilkan gambar/tekstur 2D pada layar. Untuk membuat node Sprite2D baru, tekan tombol bertajuk '+' di sebelah kiri atas layar. {{Clear}}

[[File:Create new node.png|thumb|Pilih opsi Sprite2D untuk dialog "Create New Node".]] Kalian akan melihat kotak dialog untuk menyeleksi tipe node baru yang hendak dibuat. Ketik Sprite2D ke dalam kotak pencarian. {{Clear}}

[[File:Sprite2D.png|thumb|Node Sprite2D yang tercipta]] Perhatikanlah bagian kiri layar. Seharusnya ada node Sprite2D yang terlihat pada tampilan scene tree.

== Missing texture? ==

Sprite kita namun masih belum bisa menampilkan apa-apa. Hal ini diakibatkan karena belum adanya tekstur yang dilekatkan kepada sprite ini. Dengan kata lain, ketika game dijalankan, belum ada file yang di-register untuk hardware grafis.

[[File:Cookie.gif]] Drag nama file gambar yang kita inginkan ("cookie.png") ke tengah-tengah layar.

Programming your first game/Mengenal sprite

2025-07-13T14:59:04Z

Timothy:

Sekarang, mari kita coba tambahkan sprite atau gambar pertama kita ke dalam game ini.

{{Info pertanyaan|q=Apa itu sprite?|a=Dalam konteks pengembangan game, sebuah sprite adalah gambar 2D (semisal karakter ataupun benda) yang diintegrasikan ke dalam tampilan game.}}

[[File:Wonderham.png|thumb|Dalam game semacam ''Angry Birds'', objek-objek seperti burung, babi, ketapel, dan balok-balok direpresentasikan secara visual menggunakan sprite 2D. {{Cite game|game=Angry Birds Seasons|year=2010|link=https://en.wikipedia.org/wiki/Angry_Birds_Seasons}}]] Untuk kegiatan kali ini, kalian hanya perlu menggunakan desain aset sprite yang sudah tersedia. Seluruh aset yang dibutuhkan untuk kegiatan ini bisa diunduh lewat link berikut.

{{Link GDrive}}

__TOC__

== Persiapan file ==

Sebuah sprite umumnya di-load dari sebuah file gambar (PNG, GIF, dst.). File ini sebaiknya ditempatkan di lokasi (path) proyek kita.

[[File:Assets in root.png|thumb|Susunan folder proyek semestinya]] Pastikan untuk meng-unzip berkas yang telah kalian unduh dari Google Drive. Letakkan folder <code>cookie_clicker_assets</code> di bagian puncak (root) direktori proyek.

== Membuat node Sprite2D ==

Selanjutnya, kita ingin agar ketika pemain membuka game, CPU tahu untuk me-load file gambar yang sesuai ke dalam memorinya, lantas menampilkan pixel-pixel yang menyusun gambar tersebut di layar. Untuk itu, kita memerlukan node bertipe Sprite2D.

{{Info pertanyaan|q=Apa itu node?|a=Node bisa dikatakan sebagai objek dasar yang menyusun sebuah game Godot. Node dapat ditetapkan sebagai anak (child) dari node lainnya, dan node anak bisa memiliki anaknya sendiri. Maka, susunan node dalam sebuah game akan menyerupai suatu pohon (tree) yang terbalik. Sebagai syarat, semua "saudara kandung" (anak langsung dari parent node yang sama) mesti diberikan nama yang unik agar mampu diidentifikasi program. }}

[[File:Add child node.png|frame]] Setiap jenis node memiliki keunikannya tersendiri! Node Sprite2D, seperti namanya, dipakai untuk menampilkan gambar/tekstur 2D pada layar. {{Clear}} Untuk membuat node Sprite2D baru, tekan tombol bertajuk '+' di sebelah kiri atas layar.

[[File:Create new node.png|thumb|Pilih opsi Sprite2D untuk dialog "Create New Node".]] Kalian akan melihat kotak dialog untuk menyeleksi tipe node baru yang hendak dibuat. Ketik Sprite2D ke dalam kotak pencarian. {{Clear}}

[[File:Sprite2D.png|thumb|Node Sprite2D yang tercipta]] Perhatikanlah bagian kiri layar. Seharusnya ada node Sprite2D yang terlihat pada tampilan scene tree.

== Missing texture? ==

Sprite kita namun masih belum bisa menampilkan apa-apa. Hal ini diakibatkan karena belum adanya tekstur yang dilekatkan kepada sprite ini. Dengan kata lain, ketika game dijalankan, belum ada file yang di-register untuk hardware grafis.

[[File:Cookie.gif]] Drag nama file gambar yang kita inginkan ("cookie.png") ke tengah-tengah layar.

File:Cookie.gif

2025-07-13T14:56:09Z

Timothy:

File:Sprite2D.png

2025-07-13T14:43:29Z

Timothy:

Template:Clear

2025-07-13T14:38:11Z

Timothy: Created page with "<div style="clear: both;"></div>"

File:Create new node.png

2025-07-13T14:29:09Z

Timothy:

File:Assets in root.png

2025-07-13T14:29:00Z

Timothy:

File:Add child node.png

2025-07-13T14:28:51Z

Timothy: Timothy reverted File:Add child node.png to an old version

File:Add child node.png

2025-07-13T14:28:34Z

Timothy: Timothy uploaded a new version of File:Add child node.png

Programming your first game/Mengenal sprite

2025-07-13T14:12:44Z

Timothy: