Niatnya mau ngikutin tutorial yang pakai shader tapi ga mau yang nerangin basic lalu nuntun coba-coba satu-satu fiturnya. Pingin yang fokus di satu trik aja. Jadinya kepikiran waktu Global Game Jam kemarin pas nyari-nyari cara buat nge-blur tapi ga ketemu.
Sebenarnya mau blur ga perlu pakai shader sih, katanya, tapi pakai cara yang ga pakai shader ga jalan. Jadinya pakai shader lagi. Nemu tutorial yang keitung jadul tapi dengan penyesuaian bisa jalan:
Bahasa Jerman, tapi liat codingnya yang pendek banget bisa gampang dimenegerti.
Tapi di hasil yang saya kerjakan, area yang dibikin nge-blur jadi lebih gelap. Cari-cari sampai nemu komen di laman ini, tetep ga berhasil juga. Ternyata masalahnya karena directional light yang dipake (aku pakai hasil kerjaan hari-23) mempengaruhi warna dari panel area yang diblur. Dan pas cari-cari cara buat bikin directional light nge-exclude objek itu (directional light 2d ga bisa pake light mask, z-min/max, dan item cull mask), ternyata ada masalah yang lebih besar: blur ga jalan di web -_-.
Untungnya nemu coding shader yang bisa dijalanin di web: Web Safe Darkened Gaussian Blur – Godot Shaders
Karena codingannya advanced (dia bikin coding gaussian blur sendiri), aku copy-paste saja meski dari kemarin-kemarin aku selalu hindari kalau cuma copy-paste. Lagipula, denger-denger orang pake shader juga biasanya cuma copy-paste atau pake plugin.
Setelah utak-atik dikit, dan tetap terpaksa mematikan directional light biar bagus, percobaan blur ini dianggap beres saja.
Github: OneDay-OneTut: Latihan ngerjain 1 tutorial Godot tiap hari selama bulan Maret
Asset:
– Kenneys Pixel Platformer
– Kenneys Platformer Pack Industrial
– Code shader dari: Web Safe Darkened Gaussian Blur – Godot Shaders