<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                # 無代碼添加交互功能 >[info]##### 本節將向大家介紹一下如何快速制作一個搖一搖隨機出現結果的H5測試題。 * * * * * 上傳、添加動畫:如下圖所示,新建作品頁面。上傳、添加背景圖片、文字等素材,同時新建第2頁,添加與第1頁相同素材。 ![](https://box.kancloud.cn/b972ccb5be11a3f03ab9937ce7f4d2e8_800x496.png) >注:第1頁素材可添加進一個圖層內,為方便設置關鍵幀動畫,第2頁應注意新建圖層,將每個素材分別添加進一個圖層內。 添加預置動畫:選中第1頁面,為舞臺上的各個素材添加預置動畫效果,例如為圖片“搖一搖”素材添加“放大進入”進入動畫效果,為文字“搖一搖”素材添加“顫抖”強調動畫效果 ![](https://box.kancloud.cn/f40f31d3c1c1320a0426aa731a5a513e_800x430.png) 也可在各個素材的“動畫選項”對話框內改變延遲時間 ![](https://box.kancloud.cn/82016b04248cb4a65eb6133980f832c5_800x391.png) 如下圖所示,選中第2頁面,為圖層1、2(分別放置了“搖一搖”上下兩部分圖片素材)添加“插入關鍵幀動畫” ![](https://box.kancloud.cn/2e0fdbc0c684cf5e361cec2ec5a71d61_800x422.png) 選中圖層2時間軸上最后一個關鍵幀,鼠標在舞臺上將該圖層上物體,即“搖一搖”上部分圖片素材移至舞臺上方 ![](https://box.kancloud.cn/ea55ae39e73193269aff5b734d18f443_800x457.png) 同理選中圖層1時間軸上最后一個關鍵幀,將“搖一搖”下部分圖片素材移至舞臺下方,作出“搖一搖”圖片上下分開的動畫效果 ![](https://box.kancloud.cn/8fc90600eabb19e27f3dd2a2146b43ff_800x463.png) 設置打開時有類似回彈的動畫效果,可選中“搖一搖”上部分圖片素材,在其“屬性面板”下設置“運動”為“碰撞進入”。同理設置“搖一搖”下部分圖片素材運動效果。 ![](https://box.kancloud.cn/31b99a62cecc65a454a1bdbe36cc9137_800x446.png) 復制頁面:復制兩次第2頁面為第3、4頁面。 替換圖片素材:選中第3頁面,選中人物圖片素材,點擊“屬性面板”中的圖像“編輯”按鈕,在彈出的“媒體庫”中選擇相應圖像替換該圖像。 ![](https://box.kancloud.cn/f5c7122422edf463a56f5ca61be3ef03_800x407.png) 同理,替換人物名字素材 ![](https://box.kancloud.cn/962b6941d24f38b4d9150e8f60ae0b29_800x440.png) 同理,選中第4頁面,替換人物圖像素材與相應名字素材 ![](https://box.kancloud.cn/c94b505172e41575f913128687827721_800x462.png) 添加“禁止翻頁”動畫:選中第1頁面,選中舞臺上的“搖一搖”文字素材,點擊其右邊的“添加/編輯行為”按鈕(橘黃色圓圈按鈕) ![](https://box.kancloud.cn/a0cffdf40018a4cf614cc3b7611270d3_800x432.png) 彈出“編輯行為”對話框,選擇“動畫播放控制”→“禁止翻頁”,設置“觸發條件”為“出現” ![](https://box.kancloud.cn/80720abf042b80d32a4d0f540d3a827f_800x387.png) 繼續添加“編輯行為”,選擇“動畫播放控制”→“跳轉到頁”,點擊“編輯”按鈕,彈出“參數”對話框 ![](https://box.kancloud.cn/3ff836e25453ef89717655bb999b8674_800x427.png) 設置參數值:頁號:2;3;4(英文輸入方式),點擊“確認”,即設置點擊“搖一搖”文字素材即可隨機跳轉到2、3、4頁的動畫效果。 ![](https://box.kancloud.cn/8784c7241424e0f861481afba120a664_800x436.png) 設置“跳轉到頁”動畫效果:點擊選中第2頁面左上角“返回”文字素材,點擊該素材“添加/編輯行為” ![](https://box.kancloud.cn/a928cf6dc12371cc405278b91bff61a8_800x364.png) 在“編輯行為”對話框中,添加“跳轉到頁”行為,點擊“編輯”按鈕,設置“參數值”為“頁號”:1 ![](https://box.kancloud.cn/235889ebb68aa97d940997971e72c3cd_800x356.png) ![](https://box.kancloud.cn/740f6a436ecf3e6aecd0f34ee24b1325_800x432.png) 復制粘貼行為:點擊第2頁面“返回”文字素材,鼠標右鍵→“復制行為” ![](https://box.kancloud.cn/25899eccf488f468c2f3b448cbe79f39_800x356.png) 選中第3頁面“返回”文字素材,鼠標右鍵→“粘貼行為”,即將第2頁面該素材行為復制粘貼進第3頁面響應的素材內。同理復制粘貼行為至第4頁面“返回”文字素材 ![](https://box.kancloud.cn/9bb2e72ada0521d30a2169a957910462_800x354.png) > 注:由于搖一搖動作不能在電腦端體驗,因此為方便直觀感受之前操作都將“搖一搖”素材觸發條件設為“點擊”,現將其改回“搖一搖”。 改變“搖一搖”文字素材觸發條件:點擊選中第1頁面的“搖一搖”文字素材,點擊“添加/編輯行為”按鈕 ![](https://box.kancloud.cn/6e1021139d9c2bfb125834befba53de4_800x263.png) 在其“跳轉到頁”的觸發條件中,將“點擊”改為“搖一搖”,點擊保存。 ![](https://box.kancloud.cn/899a563f8533e31e4188ee62b85a198c_800x383.png) 二維碼掃描:點擊“通過二維碼共享”按鈕,用手機掃描生成的二維碼,體驗作品。 ![](https://box.kancloud.cn/b008596acda12ae5109a7d6c21b483f2_800x487.png) 觀看本節視頻教程: http://medu.mugeda.com/lesson/5948eb0f9aeb7060c44f03d9
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看