cytunity吧 关注:107贴子:264
  • 8回复贴,共1

【技术向】Cytus音符动画详解,全面解析音符特效过程

取消只看楼主收藏回复

彩P镇楼

—————— 前言 ——————
自认为Cytunity的音符动画还原度在90%以上,已经达到了非常接近原版的水平(← ← 注意节操),今天楼主就来解释一下 它的工作原理,让那些 乱78糟的素材图片 变成精美绝伦的音符动画。


1楼2016-02-17 18:52回复
    LinkNote && LinkHead,锁链音符 和 锁链头。
    先说明一下Cytunity处理锁链的常识。
    如下图:锁链音符由 head 和多个 note 组成,注意:Head并不是真正意义上的音符,它更像是一个纯粹的动画效果,它本身没有位置、时间等音符该有的信息,而是记录首节点的位置、时间、下一个节点等信息。
    总之:LinkHead 只是特效而已,LinkNote才是真正的音符,第一个Note只是被Head挡住了,它并不是不存在的。

    如下图:LinkNote的Tail属于后面的音符,第一个音符的 Tail 的Scale为 0 。


    6楼2016-02-18 13:51
    回复
      LinkHead,锁链头。
      依旧先解剖。

      —— Body:锁链头的主体,雌雄同体,Scale方案与 TapNote 的 Body 一样(Group模式会随着节奏跳动),
      Rotation(朝向角度)不会变化;
      —— Arrow:锁链头的箭头。箭头会被 NoteBefore 遮挡,方向始终指向下一个 LinkNote。
      锁链滑动过程中,箭头会有微量的闪烁动画(帧动画实现),PingPong循环(0 1 2 3 2 1 0 1 2 3 ...)。
      注意:锁链结束后,箭头有爆炸动画效果(帧动画),不要忽视这个效果。如下图。播放这个爆炸效果时,应同时旋转Arrow的角度,让它一边旋转一边爆炸;

      —— Follower:类似面条的Follower,锁链的Follower的Rotation也会改变,而且刚出现时Scale从0快速增长到1,锁链爆炸时立刻消失;

      —— FollowLight:音符滑动时的亮光,类似面条的Light。位置与Follower相同,属于PingPong循环的帧动画。滤镜 材质 Shader 是 additive,Tint颜色:(r = 0.73, g = 0.73, b = 0.73, a = 1) 。
      注意:锁链爆炸后,亮光也会跟着旋转,Alpha始终不变,一小段时间后突然消失。

      —— Ring:与TapNote的Ring相同,只是LinkHead没有Flower,所以Ring会重叠在最后一个LinkNote的Flower上。


      7楼2016-02-18 14:56
      回复
        LinkNote,锁链的节点。
        先解剖~~

        —— Body:LinkNote的主体,注意这货有个Sprite帧动画 来实现加亮效果(如下图),Scale 永远是 1,Alpha 正常变化;

        —— Tail:LinkNote的尾巴,Scale 根据前一个LinkNote的位置而变化,一端恰好位于Body的中心,另一端恰好位于前一个LinkNote的Body的中心。当 LinkHead 在上面滑动时,Scale(长度)会发生变化,确保 LinkHead 之前不会出现 Tail(如图);


        8楼2016-02-18 15:36
        回复
          四种音符需要考虑的所有器官:


          9楼2016-02-18 16:06
          回复
            本楼将提供 较复杂的动画数据 以方便开发者们二次创作,一切数据均基于楼上的种种说法,有必要复习的请先复习一下。
            ---------- 格式说明 --------
            [ 器官名(比如Body、BlackCircle、Flower) ]
            [ 类型(比如透明度、尺寸 或 图片内容)]
            [ 应用于音符的那个状态(比如 none、Perfect、Holding) ]
            [ 横轴代表的时间类型(比如 LifeTime、PageTime) ]
            ---------- TapNote ---------(本楼都是TapNote)
            【图片下载】请看本楼回复


            11楼2016-02-18 16:46
            回复
              ---------- HoldNote ---------
              【图片下载】请看本楼回复


              12楼2016-02-18 17:00
              回复
                ---------- LinkHead && LinkNote---------
                【图片下载】请看本楼回复
                ------- LinkHead-------

                ------- LinkNote-------


                13楼2016-02-18 17:13
                回复
                  -------- 完 工 --------


                  14楼2016-02-18 17:23
                  回复