From 82c2254572cf4a235b02dfef8e41d4b6f1eac5ff Mon Sep 17 00:00:00 2001
From: Rimo <RimoChan@stu.xmu.edu.cn>
Date: Sun, 30 Jun 2019 14:16:31 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E7=90=86=E5=90=8D=E5=AD=97=E6=A1=86?=
 =?UTF-8?q?=E9=96=83=E7=8F=BE=E7=9A=84=E5=95=8F=E9=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../\344\270\273\346\250\243\345\274\217.css"        |  8 +++++---
 "html/\346\274\224\345\207\272.coffee"               |  9 +++++----
 "html/\346\274\224\345\207\272.js"                   | 12 ++++++------
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git "a/html/\346\250\243\345\274\217/\344\270\273\346\250\243\345\274\217.css" "b/html/\346\250\243\345\274\217/\344\270\273\346\250\243\345\274\217.css"
index 65bc0b7..463ad9f 100644
--- "a/html/\346\250\243\345\274\217/\344\270\273\346\250\243\345\274\217.css"
+++ "b/html/\346\250\243\345\274\217/\344\270\273\346\250\243\345\274\217.css"
@@ -106,12 +106,11 @@ video {
 }
 
 #名字框 {
-    display: none;
-    /*防止一開始閃現*/
+    opacity: 0;
+    transition: opacity 0.3s, width 0.3s;
     position: absolute;
     top: 0px;
     left: 80px;
-    /*height:25%;*/
 }
 
 #話語框 {
@@ -143,6 +142,9 @@ video {
 #話語{
     white-space: pre-line;
 }
+.旁白:before{
+    content: '　　';
+}
 .對話:before{
     content: '「';
     display: block;
diff --git "a/html/\346\274\224\345\207\272.coffee" "b/html/\346\274\224\345\207\272.coffee"
index f6b313e..00dd1e2 100644
--- "a/html/\346\274\224\345\207\272.coffee"
+++ "b/html/\346\274\224\345\207\272.coffee"
@@ -213,19 +213,20 @@ window.演出 =
         this.換圖('bg', 背景圖片, 淡入時間, 漸變方法)
 
     換人名: (語者, 名字) ->
-        $('#名字').html(名字)
+        if 名字
+            $('#名字').html(名字)
+            $('#名字框').css('opacity', 1)
+        else
+            $('#名字框').css('opacity', 0)
         $('#對話歷史').append(名字+'<br/>')
         $('#對話框').attr('class','人物--' + 語者)
 
     淡入過期時間: 0,
     換對話: (text, 名字) ->
         if 名字 != ''
-            $('#名字框').fadeIn(200)
             $('#話語').attr('class','對話')
         else
-            $('#名字框').fadeOut(200)
             $('#話語').attr('class','旁白')
-            text = '　　' + text
         淡入字 = 演出.文字淡入(text)
         $('#話語').html(淡入字.內容)
         演出.淡入過期時間 = Date.now() + 淡入字.總時間 * 1000
diff --git "a/html/\346\274\224\345\207\272.js" "b/html/\346\274\224\345\207\272.js"
index 4bbcdc4..0a891cf 100644
--- "a/html/\346\274\224\345\207\272.js"
+++ "b/html/\346\274\224\345\207\272.js"
@@ -75,8 +75,6 @@
         }
       }
       eval(js);
-      $('#名字框').fadeOut(200);
-      $('#話語').attr('class', '旁白');
       this.放視頻(視頻);
       this.換cg(cg);
       this.換背景(背景);
@@ -261,7 +259,12 @@
       return this.換圖('bg', 背景圖片, 淡入時間, 漸變方法);
     },
     換人名: function(語者, 名字) {
-      $('#名字').html(名字);
+      if (名字) {
+        $('#名字').html(名字);
+        $('#名字框').css('opacity', 1);
+      } else {
+        $('#名字框').css('opacity', 0);
+      }
       $('#對話歷史').append(名字 + '<br/>');
       return $('#對話框').attr('class', '人物--' + 語者);
     },
@@ -269,12 +272,9 @@
     換對話: function(text, 名字) {
       var 淡入字;
       if (名字 !== '') {
-        $('#名字框').fadeIn(200);
         $('#話語').attr('class', '對話');
       } else {
-        $('#名字框').fadeOut(200);
         $('#話語').attr('class', '旁白');
-        text = '　　' + text;
       }
       淡入字 = 演出.文字淡入(text);
       $('#話語').html(淡入字.內容);