1
# 定义不同字体的样式
2
style.small_text:
3
    font "NotoSans-Regular.ttf"
4
    size 16
5

6
style.normal_text:
7
    font "NotoSans-Regular.ttf"
8
    size 22
9

10
style.large_text:
11
    font "NotoSans-Regular.ttf"
12
    size 32
13

14
# 在脚本中使用
15
label start:
16
    "你好！{size=+10}这是一段放大的文字{/size}"
17
    "正常大小的文字"
18
    "{size=-5}这是缩小的文字{/size}"

1
# 定义动态颜色变化的函数
2
init python:
3
    def rainbow_text(text):
4
        """创建彩虹渐变效果的文本"""
5
        colors = ["#FF0000", "#FF7F00", "#FFFF00", "#00FF00", "#0000FF", "#4B0082", "#8B00FF"]
6
        result = ""
7
        for i, char in enumerate(text):
8
            color = colors[i % len(colors)]
9
            result += "{{color={}}}{ }{{/color}}".format(color, char)
10
        return result
11

12
# 在脚本中使用
13
label start:
14
    $ rainbow_msg = rainbow_text("这是一个彩虹渐变的文本效果！")
15
    "[rainbow_msg]"

1
# 在styles.rpy中设置描边样式
2
style.outlined_text:
3
    outlines [(2, "#000000", 1, 0)]  # 宽度, 颜色, 强度, 偏移
4

5
style.double_outline:
6
    outlines [(3, "#000000", 2, 0), (1, "#FFFFFF", 1, 0)]  # 双层描边
7

8
style.glow_outline:
9
    outlines [(4, "#FF6B6B", 3, 0), (2, "#FF6B6B", 2, 0), (1, "#FFFFFF", 1, 0)]
10

11
# 描边参数说明：
12
# - 第一个数字：描边宽度（像素）
13
# - 第二个参数：描边颜色（十六进制或颜色名）
14
# - 第三个数字：描边强度/透明度（0-255）
15
# - 第四个数字：描边偏移（像素，支持负值）
16

17
# 使用示例
18
label start:
19
    "{style=outlined_text}带黑色描边的文字{/style}"
20
    "{style=double_outline}双层描边效果{/style}"
21
    "{style=glow_outline}发光描边效果{/style}"

1
# 定义不同类型的阴影效果
2
style.shadow_text:
3
    color "#FFFFFF"
4
    drop_shadow [(2, 2, "#00000080", 2, 2)]  # x偏移, y偏移, 颜色, 模糊, 距离
5

6
style.soft_shadow:
7
    color "#FFFFFF"
8
    drop_shadow [(4, 4, "#00000040", 4, 6)]
9

10
style.colored_shadow:
11
    color "#FFFFFF"
12
    drop_shadow [(3, 3, "#FF6B6B80", 3, 3)]
13

14
style.multiple_shadows:
15
    color "#FFFFFF"
16
    drop_shadow [(2, 2, "#00000080", 1, 2), (5, 5, "#FF6B6B40", 3, 5)]
17

18
# 阴影参数详解：
19
# - x_offset: 水平阴影偏移，正数向右
20
# - y_offset: 垂直阴影偏移，正数向下
21
# - color: 阴影颜色，支持透明度
22
# - blur: 模糊半径，值越大越柔和
23
# - spread: 阴影扩散距离
24

25
label start:
26
    "{style=shadow_text}带阴影的文字效果{/style}"
27
    "{style=soft_shadow}柔和阴影效果{/style}"
28
    "{style=colored_shadow}彩色阴影效果{/style}"
29
    "{style=multiple_shadows}多层阴影效果{/style}"

1
# 内发光效果
2
style.inner_glow:
3
    color "#FFFFFF"
4
    outlines [(2, "#FFFFFF", 255, 0), (4, "#FFD700", 128, 0)]
5
    drop_shadow [(0, 0, "#FFD70060", 2, 0)]
6

7
# 外发光效果
8
style.outer_glow:
9
    color "#FFFFFF"
10
    outlines [(6, "#00BFFF", 64, 0), (4, "#00BFFF", 128, 0), (2, "#FFFFFF", 255, 0)]
11
    drop_shadow [(0, 0, "#00BFFF80", 4, 0)]
12

13
# 彩虹发光
14
style.rainbow_glow:
15
    color "#FFFFFF"
16
    outlines [(8, "#FF0000", 48, 0), (6, "#00FF00", 64, 0), (4, "#0000FF", 96, 0), (2, "#FFFFFF", 255, 0)]
17

18
label start:
19
    "{style=inner_glow}内发光效果{/style}"
20
    "{style=outer_glow}外发光效果{/style}"
21
    "{style=rainbow_glow}彩虹发光效果{/style}"

1
# 定义渐变文本生成函数
2
init python:
3
    def gradient_text(text, start_color, end_color):
4
        """
5
        创建线性渐变文本效果
6
        :param text: 要处理的文本
7
        :param start_color: 起始颜色（十六进制）
8
        :param end_color: 结束颜色（十六进制）
9
        :return: 渐变效果文本
10
        """
11
        # 将十六进制颜色转换为RGB
12
        def hex_to_rgb(hex_color):
13
            return tuple(int(hex_color[i:i+2], 16) for i in (1, 3, 5))
14

15
        start_rgb = hex_to_rgb(start_color)
16
        end_rgb = hex_to_rgb(end_color)
17

18
        result = ""
19
        text_len = len(text)
20

21
        for i, char in enumerate(text):
22
            if text_len > 1:
23
                ratio = i / (text_len - 1)
24
            else:
25
                ratio = 0
26

27
            # 插值计算当前字符的颜色
28
            current_rgb = tuple(
29
                int(start_rgb[j] + (end_rgb[j] - start_rgb[j]) * ratio)
30
                for j in range(3)
31
            )
32

33
            color_hex = "#{:02X}{:02X}{:02X}".format(*current_rgb)
34
            result += "{{color={}}}{ }{{/color}}".format(color_hex, char)
35

36
        return result
37

38
    def rainbow_gradient(text):
39
        """创建彩虹渐变效果"""
40
        return gradient_text(text, "#FF0000", "#8B00FF")
41

42
# 使用示例
43
label start:
44
    $ gradient_msg = gradient_text("这是一个从蓝到紫的渐变效果", "#0000FF", "#8B00FF")
45
    "[gradient_msg]"
46

47
    $ rainbow_msg = rainbow_gradient("彩虹渐变文字效果演示")
48
    "[rainbow_msg]"

1
# 定义颜色渐变动画文本
2
image rainbow_text = Text("彩虹文字效果！", color="#FF0000", size=36):
3
    ease 1.0 color "#FF7F00"
4
    ease 1.0 color "#FFFF00"
5
    ease 1.0 color "#00FF00"
6
    ease 1.0 color "#0000FF"
7
    ease 1.0 color "#4B0082"
8
    ease 1.0 color "#8B00FF"
9
    repeat
10

11
# 使用颜色渐变
12
label start:
13
    show rainbow_text at center
14
    "观察彩虹颜色渐变动画"
15
    hide rainbow_text

1
# 定义大小变化动画
2
image pulsing_text = Text("脉冲文字效果", size=24, color="#FFFFFF"):
3
    ease 0.5 size 48
4
    ease 0.5 size 24
5
    repeat
6

7
image growing_text = Text("持续放大文字", size=16, color="#FFFFFF"):
8
    linear 2.0 size 64
9
    pause 1.0
10
    size 16
11
    repeat
12

13
label start:
14
    show pulsing_text at center
15
    "这是脉冲大小变化效果"
16
    hide pulsing_text
17

18
    show growing_text at center
19
    "这是持续放大效果"
20
    hide growing_text

1
# 定义透明度变化动画
2
image fading_text = Text("淡入淡出效果", size=32, color="#FFFFFF"):
3
    alpha 0.0
4
    ease 1.0 alpha 1.0
5
    pause 1.0
6
    ease 1.0 alpha 0.0
7
    repeat
8

9
image blinking_text = Text("闪烁效果", size=28, color="#FF0000"):
10
    alpha 1.0
11
    ease 0.3 alpha 0.2
12
    ease 0.3 alpha 1.0
13
    repeat
14

15
label start:
16
    show fading_text at center
17
    "这是淡入淡出效果"
18
    hide fading_text
19

20
    show blinking_text at center
21
    "这是闪烁效果"
22
    hide blinking_text

1
# 定义复杂的组合动画效果
2
image complex_animation = Text("复杂动画效果", size=30, color="#FFFFFF"):
3
    # 大小和透明度变化
4
    parallel:
5
        ease 1.0 size 40
6
        ease 1.0 size 30
7
        repeat
8
    parallel:
9
        ease 1.0 alpha 0.5
10
        ease 1.0 alpha 1.0
11
        repeat
12
    parallel:
13
        ease 2.0 color "#FF6B6B"
14
        ease 2.0 color "#4ECDC4"
15
        repeat
16

17
# 旋转和缩放组合
18
image rotating_scaling_text = Text("旋转缩放", size=24, color="#FFD700"):
19
    parallel:
20
        ease 2.0 rotate 360
21
        repeat
22
    parallel:
23
        ease 1.0 zoom 1.5
24
        ease 1.0 zoom 1.0
25
        repeat
26

27
# 弹性跳动效果
28
image bouncing_text = Text("弹性跳动", size=28, color="#FFFFFF"):
29
    ease 0.3 yoffset -30
30
    ease 0.3 yoffset 0
31
    ease 0.2 yoffset -10
32
    ease 0.2 yoffset 0
33
    repeat
34

35
label start:
36
    show complex_animation at center
37
    "这是复杂的组合动画效果"
38
    hide complex_animation
39

40
    show rotating_scaling_text at center
41
    "这是旋转缩放组合效果"
42
    hide rotating_scaling_text
43

44
    show bouncing_text at center
45
    "这是弹性跳动效果"
46
    hide bouncing_text

1
# 标题屏幕的综合实现
2
init python:
3
    # 定义标题屏幕样式
4
    style.title_text:
5
        font "YourTitleFont.ttf"
6
        size 72
7
        color "#FFFFFF"
8
        outlines [(4, "#000000", 128, 0), (2, "#FFD700", 255, 0)]
9
        drop_shadow [(6, 6, "#FFD70080", 4, 6)]
10

11
# 标题动画
12
image title_main = Text("魔幻冒险", style="title_text"):
13
    parallel:
14
        ease 2.0 yoffset -10
15
        ease 2.0 yoffset 10
16
        repeat
17
    parallel:
18
        ease 3.0 alpha 0.8
19
        ease 3.0 alpha 1.0
20
        repeat
21
    parallel:
22
        ease 1.0 zoom 1.05
23
        ease 1.0 zoom 1.0
24
        repeat
25

26
# 副标题动画
27
image subtitle_text = Text("开启你的奇幻之旅", size=32, color="#FFFFFF"):
28
    color "#FFFFFF"
29
    outlines [(2, "#000000", 128, 0)]
30
    ease 1.5 color "#FFD700"
31
    ease 1.5 color "#FFFFFF"
32
    repeat
33

34
# 开始菜单按钮动画
35
image start_button = Text("开始游戏", size=24, color="#FFFFFF"):
36
    outlines [(2, "#000000", 255, 0)]
37
    drop_shadow [(3, 3, "#00000080", 2, 3)]
38
    ease 0.3 size 28
39
    ease 0.3 size 24
40
    repeat
41

42
# 标题屏幕
43
label title_screen:
44
    scene bg title_room
45

46
    show title_main at center
47
    show subtitle_text at center:
48
        yoffset 100
49

50
    show start_button at center:
51
        yoffset 200
52

53
    with dissolve
54

55
    "点击任意位置开始游戏..."
56

57
    hide title_main
58
    hide subtitle_text
59
    hide start_button
60

61
    with dissolve
62

63
    jump start

1
# 战斗界面的动态效果实现
2
init python:
3
    # 伤害数字样式
4
    style.damage_critical:
5
        font "DamageFont.ttf"
6
        size 48
7
        color "#FF0000"
8
        bold True
9
        outlines [(3, "#000000", 255, 0)]
10
        drop_shadow [(5, 5, "#00000080", 3, 5)]
11

12
    style.damage_normal:
13
        font "DamageFont.ttf"
14
        size 36
15
        color "#FFFFFF"
16
        bold True
17
        outlines [(2, "#000000", 255, 0)]
18
        drop_shadow [(3, 3, "#00000080", 2, 3)]
19

20
    style.heal_text:
21
        font "HealFont.ttf"
22
        size 36
23
        color "#00FF00"
24
        bold True
25
        outlines [(2, "#000000", 255, 0)]
26
        drop_shadow [(3, 3, "#00000080", 2, 3)]
27

28
# 暴击伤害动画
29
image critical_damage = Text("暴击！9999", style="damage_critical"):
30
    parallel:
31
        ease 0.2 size 64
32
        ease 0.2 size 48
33
        repeat 3
34
    parallel:
35
        ease 0.5 yoffset -50
36
        ease 0.5 yoffset -20
37
        repeat 2
38
    parallel:
39
        ease 0.3 alpha 0.5
40
        ease 0.3 alpha 1.0
41
        repeat 4
42

43
# 普通伤害动画
44
image normal_damage = Text("1500", style="damage_normal"):
45
    ease 0.5 yoffset -30
46
    ease 0.5 yoffset -10
47
    ease 0.3 alpha 0.0
48

49
# 治疗动画
50
image heal_effect = Text("+500", style="heal_text"):
51
    parallel:
52
        ease 0.5 yoffset -40
53
        ease 0.5 yoffset -15
54
    parallel:
55
        ease 0.3 alpha 1.0
56
        ease 0.3 alpha 0.0
57
        repeat 2
58

59
# 战斗界面演示
60
label battle_demo:
61
    scene bg battle_field
62

63
    "战斗开始！"
64

65
    "敌人发动攻击！"
66
    show critical_damage at center
67
    with flash
68
    pause 1.5
69
    hide critical_damage
70

71
    "主角反击！"
72
    show normal_damage at center:
73
        xoffset 100
74
    pause 1.0
75
    hide normal_damage
76

77
    "主角发动治疗魔法！"
78
    show heal_effect at center:
79
        xoffset -100
80
    pause 1.0
81
    hide heal_effect
82

83
    "战斗结束！"

1
# 定义基本变换
2
# 1. 缩放变换
3
image character_scaled = Transform("character.png", zoom=1.5)
4
image character_small = Transform("character.png", zoom=0.8)
5

6
# 2. 旋转变换
7
image character_rotated = Transform("character.png", rotate=45)
8
image character_rotate_180 = Transform("character.png", rotate=180)
9

10
# 3. 翻转变换
11
image character_h_flip = Transform("character.png", xzoom=-1)  # 水平翻转
12
image character_v_flip = Transform("character.png", yzoom=-1)  # 垂直翻转
13

14
# 4. 透明度变换
15
image character_alpha = Transform("character.png", alpha=0.5)
16
image character_semi = Transform("character.png", alpha=0.3)
17

18
# 5. 颜色调整
19
image character_tint = Transform("character.png", tint="#FF000040")  # 红色半透明
20
image character_grayscale = Transform("character.png", matrix=im.matrix.desaturate())
21

22
# 6. 裁剪变换
23
image character_cropped = Transform("character.png", crop=(0, 0, 500, 500))  # 左上角500x500

1
# 组合变换示例
2
image character_combined = Transform("character.png"):
3
    zoom 1.2
4
    rotate 15
5
    alpha 0.9
6

7
# 使用im.Matrix进行颜色变换
8
image character_brightness = Transform("character.png", matrix=im.matrix.brightness(0.2))
9
image character_contrast = Transform("character.png", matrix=im.matrix.contrast(1.2))
10
image character_saturation = Transform("character.png", matrix=im.matrix.saturation(0.5))
11

12
# 链式变换
13
image character_chain = im.Scale("character.png", 600, 600)
14
image character_chain_alpha = im.Alpha(character_chain, 0.8)
15
image character_chain_rotate = im.Rotate(character_chain_alpha, 30)

1
# 基本ATL变换动画
2
image character_idle = "character.png":
3
    ease 2.0 yoffset 10
4
    ease 2.0 yoffset 0
5
    repeat
6

7
image character_breathing = "character.png":
8
    parallel:
9
        ease 2.0 zoom 1.05
10
        ease 2.0 zoom 1.0
11
        repeat
12
    parallel:
13
        ease 1.0 alpha 0.9
14
        ease 1.0 alpha 1.0
15
        repeat
16

17
# 旋转动画
18
image spinning_item = "item.png":
19
    ease 3.0 rotate 360
20
    repeat
21

22
# 摆动动画
23
image swaying_tree = "tree.png":
24
    ease 1.5 rotate -5
25
    ease 1.5 rotate 5
26
    repeat
27

28
# 闪烁动画
29
image blinking_star = "star.png":
30
    alpha 1.0
31
    ease 0.3 alpha 0.2
32
    ease 0.3 alpha 1.0
33
    repeat
34

35
# 呼吸式缩放
36
image breathing_heart = "heart.png":
37
    ease 0.5 zoom 1.2
38
    ease 0.5 zoom 1.0
39
    repeat

1
# 角色入场动画
2
image character_entrance = "character.png":
3
    zoom 0.0
4
    alpha 0.0
5
    parallel:
6
        ease 1.0 zoom 1.0
7
    parallel:
8
        ease 1.0 alpha 1.0
9
    parallel:
10
        ease 0.5 rotate -10
11
        ease 0.5 rotate 0
12

13
# 角色离场动画
14
image character_exit = "character.png":
15
    parallel:
16
        ease 1.0 zoom 0.5
17
    parallel:
18
        ease 1.0 alpha 0.0
19
    parallel:
20
        ease 0.5 rotate 15
21

22
# 受伤效果
23
image character_damage = "character.png":
24
    ease 0.1 xzoom -1
25
    ease 0.1 xzoom 1
26
    ease 0.1 xzoom -1
27
    ease 0.1 xzoom 1
28
    parallel:
29
        ease 0.4 zoom 1.1
30
        ease 0.4 zoom 1.0
31

32
# 攻击效果
33
image character_attack = "character.png":
34
    parallel:
35
        ease 0.1 xoffset -20
36
        ease 0.2 xoffset 30
37
        ease 0.1 xoffset 0
38
    parallel:
39
        ease 0.1 zoom 1.2
40
        ease 0.2 zoom 0.9
41
        ease 0.1 zoom 1.0
42

43
# 精神状态变化效果
44
image character_confused = "character.png":
45
    ease 0.2 rotate 5
46
    ease 0.2 rotate -5
47
    ease 0.2 rotate 10
48
    ease 0.2 rotate -10
49
    repeat
50

51
image character_angry = "character.png":
52
    parallel:
53
        ease 0.3 xzoom -1.1
54
        ease 0.3 xzoom 1.1
55
        repeat 3
56
    parallel:
57
        ease 0.6 yoffset 5
58
        ease 0.6 yoffset 0
59
        repeat 2

1
# 定义自定义变换函数
2
init python:
3
    # 创建模糊效果
4
    def blur_image(image, amount):
5
        return im.FactorScale(image, 1.0, 1.0)
6

7
    # 创建边框效果
8
    def add_border(image, color, size):
9
        bg = im.Solid(color, image.width + 2*size, image.height + 2*size)
10
        return im.Composite((image.width + 2*size, image.height + 2*size),
11
                          (0, 0), bg, (size, size), image)
12

13
# 使用矩阵变换
14
image sepia_effect = Transform("character.png", matrix=im.matrix.sepia())
15
image invert_effect = Transform("character.png", matrix=im.matrix.invert())
16
image negative_effect = Transform("character.png", matrix=im.matrix.negative())
17

18
# 自定义颜色矩阵
19
init python:
20
    # 创建自定义色彩滤镜
21
    custom_matrix = im.matrix(
22
        (0.393, 0.769, 0.189, 0.0),  # R通道
23
        (0.349, 0.686, 0.168, 0.0),  # G通道
24
        (0.272, 0.534, 0.131, 0.0),  # B通道
25
        (0.000, 0.000, 0.000, 1.0)   # A通道
26
    )
27

28
image custom_color = Transform("character.png", matrix=custom_matrix)
29

30
# 动态颜色变换
31
image rainbow_character = "character.png":
32
    ease 1.0 matrix im.matrix.tint(1.0, 0.0, 0.0)  # 红色
33
    ease 1.0 matrix im.matrix.tint(0.0, 1.0, 0.0)  # 绿色
34
    ease 1.0 matrix im.matrix.tint(0.0, 0.0, 1.0)  # 蓝色
35
    ease 1.0 matrix im.matrix.tint(1.0, 1.0, 0.0)  # 黄色
36
    repeat

1
# 定义状态变量
2
default character_state = "normal"
3

4
# 定义不同状态的变换
5
image character_dynamic = ConditionSwitch(
6
    "character_state == 'normal'", "character.png",
7
    "character_state == 'happy'", Transform("character.png", matrix=im.matrix.tint(1.0, 1.0, 0.8)),
8
    "character_state == 'sad'", Transform("character.png", matrix=im.matrix.tint(0.8, 0.8, 1.0)),
9
    "character_state == 'angry'", Transform("character.png", matrix=im.matrix.tint(1.0, 0.8, 0.8)),
10
    "character_state == 'ghost'", Transform("character.png", alpha=0.5)
11
)
12

13
# 在脚本中使用
14
label emotion_test:
15
    $ character_state = "normal"
16
    show character_dynamic at center
17
    "正常状态"
18

19
    $ character_state = "happy"
20
    "开心状态"
21

22
    $ character_state = "sad"
23
    "伤心状态"
24

25
    $ character_state = "angry"
26
    "生气状态"
27

28
    $ character_state = "ghost"
29
    "幽灵状态"

1
# 综合战斗效果演示
2
# 1. 角色准备攻击
3
image character_charge = "character.png":
4
    parallel:
5
        ease 0.3 xoffset -10
6
        ease 0.3 xoffset 0
7
        repeat 2
8
    parallel:
9
        ease 0.6 zoom 1.1
10
        ease 0.6 zoom 1.0
11
        repeat 2
12
    parallel:
13
        ease 0.3 alpha 0.8
14
        ease 0.3 alpha 1.0
15
        repeat 3
16

17
# 2. 攻击冲击波效果
18
image shockwave = "shockwave.png":
19
    zoom 0.0
20
    alpha 1.0
21
    ease 0.2 zoom 2.0
22
    ease 0.2 alpha 0.0
23

24
# 3. 受击震动效果
25
image hit_shake = "character.png":
26
    ease 0.05 xoffset -10
27
    ease 0.05 xoffset 10
28
    ease 0.05 xoffset -8
29
    ease 0.05 xoffset 8
30
    ease 0.05 xoffset -5
31
    ease 0.05 xoffset 5
32
    ease 0.05 xoffset 0
33

34
# 4. 治疗光芒效果
35
image heal_light = "heal_light.png":
36
    alpha 0.0
37
    ease 0.5 alpha 0.8
38
    ease 1.0 alpha 0.0
39

40
# 战斗场景综合演示
41
label battle_animation:
42
    scene bg battlefield
43

44
    show character_idle at left
45
    show enemy_idle at right
46

47
    "角色准备攻击！"
48
    show character_charge at left
49
    pause 1.5
50
    hide character_charge
51

52
    "角色发动攻击！"
53
    show character_attack at left
54
    show shockwave at center
55
    with flash
56
    pause 0.5
57
    hide shockwave
58
    hide character_attack
59

60
    "敌人受到攻击！"
61
    show hit_shake at right
62
    show critical_damage at right:
63
        yoffset -50
64
    with flash
65
    pause 1.0
66
    hide hit_shake
67
    hide critical_damage
68

69
    "角色发动治疗！"
70
    show heal_light at left
71
    show heal_effect at left:
72
        yoffset -30
73
    pause 1.5
74
    hide heal_light
75
    hide heal_effect
76

77
    "战斗结束！"

1
# 性能优化技巧
2

3
# 1. 预渲染复杂变换
4
init python:
5
    # 预先渲染常用的复杂变换
6
    optimized_character = im.MatrixColor(
7
        im.Scale("character.png", 400, 600),
8
        im.matrix.sepia()
9
    )
10

11
# 2. 使用缓存变换
12
image cached_transform = Transform("character.png", zoom=1.2):
13
    cache True  # 启用缓存
14

15
# 3. 避免在循环中创建新变换
16
# 错误做法：
17
# for i in range(100):
18
#     show Transform("character.png", rotate=i*3.6)
19

20
# 正确做法：
21
image rotating_character = "character.png":
22
    linear 10.0 rotate 360
23
    repeat
24

25
# 4. 使用条件变换替代动态创建
26
image optimized_character = ConditionSwitch(
27
    "flag == True", Transform("character.png", zoom=1.2),
28
    "flag == False", "character.png"
29
)