動動三維DDD.ONLINE一直致力於提供專業的3D產品展示互動、AR互動的解決方案和技術支持，為電商、教育、設計、醫療等領域提供展示營銷的新模式。
為使更多人瞭解、關注、使用這項突破了傳統3D展示方式的技術，線上，我們不斷輸出優質作品；線下，我們奔走於高校、機構，提供免費的培訓與學習資源。
每堂課程結束後，總有很多童鞋圍著老師問各種問題。為了幫助大家在老師不在的時候也能輕鬆學習，我們將選擇部分具有代表性的案例不定時更新教程，同學們可要隨時關注呀~~~
本期，為大家帶來「模擬鋼琴」的教程。
模擬鋼琴是一款極具趣味的作品，在移動端頁面按動每一個按鍵都會產生真實按壓的效果，並且伴有對應的音效，連續按動還可以彈奏一些簡單的歌曲。
| 長按二維碼識別體驗 |
NO.1 為模型添加交互動畫
將模型文件和MP3音效文件拖入資源池裡（如下圖）
添加動畫
點擊 “ jianpan” 動畫 會彈出第4步的窗口
選擇交互時
自動播放和交互時的區別：
自動播放，即切換到這一頁後會自動播放動畫
交互時，即把這個動畫變成可以交互的素材
NO.2 為模型添加交互
選中模型,添加交互
添加動作目標動作 “1”記得點擊右下角的“確定”
點擊 “預覽” 可以查看
NO.3 為模型添加音效
將音頻文件拖入畫布中, 在“構建順序”裡選擇“與構建1一起”，這樣點擊模型就會同時播放動畫和聲音。
做到這裡，一個簡單的彈奏鋼琴的模型就好了一大半，原理就是點擊模型的同時播放動畫和聲音，餘下6塊按鍵同理製作。
NO.4 優化效果
添加一張背景圖片，添加曲譜UI, 優化材質效果，畫布尺寸改成“平板橫屏”。
限制攝像機的角度，使用戶不能旋轉模型
一個簡單的鋼琴案例就完成了，最後發佈出去，秀一下自己的勞動成果吧！
商務合作 | 185 2665 8008
用戶交流QQ群 | 780951687
新浪微博 | 動動三維
官網 | www.ddd.online
閱讀更多 明鏡視覺 的文章
