动动三维DDD.ONLINE一直致力于提供专业的3D产品展示互动、AR互动的解决方案和技术支持,为电商、教育、设计、医疗等领域提供展示营销的新模式。
为使更多人了解、关注、使用这项突破了传统3D展示方式的技术,线上,我们不断输出优质作品;线下,我们奔走于高校、机构,提供免费的培训与学习资源。
每堂课程结束后,总有很多童鞋围着老师问各种问题。为了帮助大家在老师不在的时候也能轻松学习,我们将选择部分具有代表性的案例不定时更新教程,同学们可要随时关注呀~~~
本期,为大家带来「模拟钢琴」的教程。
模拟钢琴是一款极具趣味的作品,在移动端页面按动每一个按键都会产生真实按压的效果,并且伴有对应的音效,连续按动还可以弹奏一些简单的歌曲。
▼
| 长按二维码识别体验 |
NO.1 为模型添加交互动画
① 将模型文件和MP3音效文件拖入资源池里(如下图)
② 添加动画
③ 点击 “ jianpan” 动画 会弹出第4步的窗口
④ 选择交互时
自动播放和交互时的区别:
自动播放,即切换到这一页后会自动播放动画
交互时,即把这个动画变成可以交互的素材
NO.2 为模型添加交互
① 选中模型,添加交互
② 添加动作目标动作 “1”记得点击右下角的“确定”
③ 点击 “预览” 可以查看
NO.3 为模型添加音效
将音频文件拖入画布中, 在“构建顺序”里选择“与构建1一起”,这样点击模型就会同时播放动画和声音。
做到这里,一个简单的弹奏钢琴的模型就好了一大半,原理就是点击模型的同时播放动画和声音,余下6块按键同理制作。
NO.4 优化效果
① 添加一张背景图片,添加曲谱UI, 优化材质效果,画布尺寸改成“平板横屏”。
② 限制摄像机的角度,使用户不能旋转模型
一个简单的钢琴案例就完成了,最后发布出去,秀一下自己的劳动成果吧!
- end -
标签: 钢琴客户端免费
评论列表
会自动播放动画 交互时,即把这个动画变成可以交互的素材NO.2 为模型添加交互 ① 选中模型,添加交互 ② 添加动作目标动作 “1”记得点击右下角的“确定” ③ 点击 “预览” 可以查看NO.3 为模型添加音效将音