Programming your first game/Mengenal sprite - Revision history

Timothy at 05:17, 15 July 2025

2025-07-15T05:17:07Z

← Older revision		Revision as of 05:17, 15 July 2025
Line 31:		Line 31:
	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.		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!		[[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.		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.		[[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.

Timothy at 05:05, 15 July 2025

2025-07-15T05:05:21Z

← Older revision		Revision as of 05:05, 15 July 2025
Line 35:		Line 35:
	Sebelum melanjutkan perjalanan, simpan terlebih dahulu hasil kerja kita saat ini sebagai sebuah berkas scene (.tscn). Berikan nama cookie.tscn.		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\|thumb\|Saat ini, hanya sebagian cookie yang terlihat, yakni di pojok kiri atas. Jangan kuatir, ada alasannya]] Run project dan amati hasilnya.

Timothy at 05:05, 15 July 2025

2025-07-15T05:05:02Z

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

	Sebelum melanjutkan perjalanan, simpan terlebih dahulu hasil kerja kita saat ini sebagai sebuah berkas scene (.tscn). Berikan nama cookie.tscn.		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.

Timothy at 09:33, 14 July 2025

2025-07-14T09:33:03Z

← Older revision		Revision as of 09:33, 14 July 2025
Line 31:		Line 31:
	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.		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!		[[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). ~~Beri~~ nama cookie.tscn.		Sebelum melanjutkan perjalanan, simpan terlebih dahulu hasil kerja kita saat ini sebagai sebuah berkas scene (.tscn). Berikan nama cookie.tscn.

Timothy at 15:04, 13 July 2025

2025-07-13T15:04:08Z

← Older revision		Revision as of 15:04, 13 July 2025
Line 32:		Line 32:

	[[File:Cookie.gif]] Drag nama file gambar yang kita inginkan ("cookie.png") ke tengah-tengah layar. Jadilah sprite pertama kita!		[[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.

Timothy: /* Missing texture? */

2025-07-13T15:01:59Z

Missing texture?

← Older revision		Revision as of 15:01, 13 July 2025
Line 29:		Line 29:
	== Missing texture? ==		== 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.		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.		[[File:Cookie.gif]] Drag nama file gambar yang kita inginkan ("cookie.png") ke tengah-tengah layar. Jadilah sprite pertama kita!

Timothy at 15:01, 13 July 2025

2025-07-13T15:01:12Z

← Older revision		Revision as of 15:01, 13 July 2025
Line 21:		Line 21:
	{{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. }}		{{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: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: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}}

Timothy at 14:59, 13 July 2025

2025-07-13T14:59:04Z

← Older revision		Revision as of 14:59, 13 July 2025
Line 3:		Line 3:
	{{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.}}		{{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 ''Angry Birds'', objek-objek seperti burung, babi, ketapel, dan balok-balok direpresentasikan secara visual menggunakan sprite. {{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.		[[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}}		{{Link GDrive}}

	== ~~Loading the sprite~~ ==		__TOC__

			== Persiapan file ==

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

	[[File:~~Add_child_node~~.png\|thumb\|~~Test~~]] 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.		[[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.

	~~== Creating a Sprite2D node ==~~		[[File:Cookie.gif]] Drag nama file gambar yang kita inginkan ("cookie.png") ke tengah-tengah layar.

Timothy at 14:12, 13 July 2025

2025-07-13T14:12:44Z

← Older revision		Revision as of 14:12, 13 July 2025
Line 3:		Line 3:
	{{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.}}		{{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.}}

	~~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.~~ [[File:Wonderham.png\|thumb\|Dalam game ''Angry Birds'', objek-objek seperti burung, babi, ketapel, dan balok-balok direpresentasikan secara visual menggunakan sprite. {{Cite game\|game=Angry Birds Seasons\|year=2010\|link=https://en.wikipedia.org/wiki/Angry_Birds_Seasons}}]]		[[File:Wonderham.png\|thumb\|Dalam game ''Angry Birds'', objek-objek seperti burung, babi, ketapel, dan balok-balok direpresentasikan secara visual menggunakan sprite. {{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}}		{{Link GDrive}}

			== Loading the sprite ==

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

			[[File:Add_child_node.png\|thumb\|Test]] 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.

			== Creating a Sprite2D node ==

Timothy at 14:04, 13 July 2025

2025-07-13T14:04:13Z

← Older revision		Revision as of 14:04, 13 July 2025
Line 1:		Line 1:
	Sekarang, kita ~~akan menambahkan~~ sprite atau gambar pertama kita ke dalam game ini.		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 (~~dapat berupa~~ karakter ~~atau~~ benda) yang diintegrasikan ke dalam tampilan game.}}		{{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.}}

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

	{{Link GDrive}}		{{Link GDrive}}

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

← Older revision		Revision as of 15:01, 13 July 2025
Line 21:		Line 21:
	{{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. }}		{{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: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: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}}