Berbagi teknologi

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Animasi transisiLayarTransisiAnimasi

Struktur proyek

Tambahkan sebuah adegan, simpul akarnya adalah CanvasLayer2D dan berganti nama menjadiTransisi Layar:

Tambahkan simpul anak Warna Persegi Panjang DanPemutar Animasi,ada Warna Persegi Panjang Letnan Jenderal Warna (Warna) disetel ke hitam:

naikkan Bahan, baru Penghalang(Abaikan saja untuk saat ini)Penghalang Param tengahMenghapus Gambar, nanti akan ditambahkan, berikut tampilannya setelah selesai):

Kode Shader

ada Penghalang Ketikkan kode di:

shader_type canvas_item;
// 申明 shader 的类型，因为是 2d 游戏，所以是 canvas_item 类型的

uniform sampler2D wipeImage;	// 全局变量 wipeImage
uniform float percent : hint_range(0, 1);	// 限制在 0 和 1 之间的百分比范围

void fragment() {
	float texVal = texture(wipeImage, UV).r;
	// 对图像的 r 通道进行采样
	
	if (texVal < percent) {
		// 在 Animation 中进行动态改变 percent 并且让 百分比不断变大，就可以有一个动态变透明的效果(虽然没有完全弄懂，但大致是这样没错的)
		COLOR.a = 0.0;
	}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

Pemutar Animasi

Pertama tambahkan skrip untuk node root:

extends CanvasLayer

signal screen_covered

func emit_screen_covered():
	emit_signal("screen_covered")
    // 这个函数用来发送信号

1
2
3
4
5
6
7
8

lalu buka Pemain Animasi Tambahkanbawaan Animasi:

di trek pertama Warna Persegi Panjang > bahan:bayangan harusnyabayangan Klik tombol kecil di inspektur untuk menambahkan bingkai animasi.

Manajer Transisi Layar

Buat adegan baru Manajer Transisi Layar Dan atur itu sebagai adegan yang dimuat secara otomatis di pengaturan proyek, dan tambahkan skrip ke node root:

extends Node

var screenTransitionScene = preload("res://scenes/UI/ScreenTransition.tscn")

func transition_to_scene(scenePath):
	var screenTransition = screenTransitionScene.instance()
	add_child(screenTransition)
	yield(screenTransition, "screen_covered")
	get_tree().change_scene(scenePath)

1
2
3
4
5
6
7
8
9
10

metode panggilan

dalam proyek tersebutMenu MulaiSebagai contoh, proses mengklik menu start untuk memanggil fungsinya adalah sebagai berikut:

func on_playButton_pressed():
	$"/root/LevelManager".change_level
1
2

perubahan_tingkat YaManajer Levelberfungsi di , cukup modifikasi seperti ini:

func change_level(levelIndex):
	currentLevelIndex = levelIndex
	if (currentLevelIndex >= levelScenes.size()):
		currentLevelIndex = 0
	$"/root/SceenTransitionManager".transition_to_scene(levelScenes[currentLevelIndex].resource_path)	// 获取路径并通过动画过渡脚本来延迟调用场景的切换，达到淡入淡出的效果
1
2
3
4
5