选曲：

《ポッピンキャンディ☆フィーバー！》是我从vtuberころねぽち收的曲，欢快活泼的风格，节奏感又强，所以选来做曲。部分配色分镜也参考了ころねぽち这首曲的PV。
正如奎佬名言 —— 每做完一个弹幕就有一首歌从歌单消失。这首歌我还是很喜欢的，是我对ころねぽち的印象曲，现在这首曲已经记忆重构了（悲），第一次做bas弹幕的AmazingSky我现在也基本没听了（悲）

构思：

本来想做成MG图形+文字+彩色的感觉。由于最近忙，没时间去弄MG图片。以为读了配色的书应该能配出好的色彩，结果画面色彩还是单调拉胯。
唯一让我满意的是能够在bas弹幕里实现拉镜的速度感。凌佬研究出来能在文字动画中插入贝塞尔曲线真的是重大突破。わっしょい、わっしょい、踊り明かそう这段简单的加了放大、rotateZ和贝塞尔曲线，做出来的效果做出来自己都有点意外。

经验总结：

1.全屏背景（自定义比例的SVG图形）

通常来说，做颜色背景是用fontSize非常大的方块文字（如█）来做的，这样的做法会使颜色背景的边界难以确定。
而我做法是直接用svg的纯色图片当背景（邪道、无弹幕味
之前没弄清比例问题，现在弄明白path、viewbox也是要屏幕比例的，最少在我电脑、小屏的长是960、宽540。这样设置path、viewbox的比例后，width就能真正意义上的达到屏幕的比例，100%就是全屏，50%就是长宽一半。
这点弄清后能够方便的控制转场、切屏时机。另外svg图形的大小比例也容易控制。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
def path bg{
  d = "M 0 0 h 960 v 540 h -960 z"
  viewBox="0 0 960 540" 
  x = 50% 
  y = 170% 
  anchorX = 0.5
  anchorY = 0.5
  fillColor = 0xfb84aa
  fillAlpha = 1 
  width = 100%
  zIndex = 1 
}

set bg{ }0s 
then set bg {y = 50%} 150ms,"ease-out"
then set bg { } 1000ms
then set bg {y = -120%} 150ms,"ease-in"

2.速度感（贝塞尔曲线）

以前以为动画持续的插值类型只有”ease-out”、”ease-in”等几种固定类型，要想多段速度只能then set多个，调节每个then set的时间和距离。现在知道能直接贝塞尔曲线，拉镜就方便和连贯许多了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
//わっしょい わっしょい   踊り明かそう
def text tTem(content="",x="",y="",fontSize=""){
    content = content
    fontFamily = "微软雅黑"
    fontSize = fontSize
    color = 0xFA6092
    textShadow = 0
    x = x
    y = y
    anchorX = 0.5
    anchorY = 0.5
    alpha = 0
    scale = 1
    zIndex = 10
}
let tt1=tTem("わっしょい",50%,50%,9%)
set tt1{}0s
then set tt1{ alpha = 1 scale = 0.1}0ms
then set tt1{ scale =3 rotateZ=-30 }300ms,"cubic-bezier(0,.85,1,.15)"

let tt2=tTem("わっしょい",50%,50%,9%)
set tt2{}350ms
then set tt2{ alpha = 1 scale = 0.1}0ms
then set tt2{ scale =3 rotateZ=30 }300ms,"cubic-bezier(0,.85,1,.15)"

let tt3=tTem("踊り明かそう",50%,50%,9%)
set tt3{}700ms
then set tt3{ alpha = 1 scale = 0.1}0ms
then set tt3{ scale =2.8 }1100ms,"cubic-bezier(0,.85,1,.15)"

上文代码用的贝塞尔曲线如下
图片.png