这是一个创建于 4332 天前的主题，其中的信息可能已经有所发展或是发生改变。
demo: http://blog.kidliaa.com/demo/siri%20wave
前两天特别想亲手写一个siri打开时的动画效果. 发现这个siri动画效果并不是那么简单. 当初认为用bezier曲线就能做到,后来发现没那么简单...搜索后发现完成这样的效果需要用到一个方程:
1. 衰弱方程
尼玛,根本就没接触过啊(大学不是学数学的).方程也就算了,尼玛还要自己调参数. 深深的挫败感,我还是好好学习去吧.
PS: v2ex上做交互的大牛,希望听一下你们是怎么学习(数学怎么学,如何在代码中实践)
前两天特别想亲手写一个siri打开时的动画效果. 发现这个siri动画效果并不是那么简单. 当初认为用bezier曲线就能做到,后来发现没那么简单...搜索后发现完成这样的效果需要用到一个方程:
1. 衰弱方程
尼玛,根本就没接触过啊(大学不是学数学的).方程也就算了,尼玛还要自己调参数. 深深的挫败感,我还是好好学习去吧.
PS: v2ex上做交互的大牛,希望听一下你们是怎么学习(数学怎么学,如何在代码中实践)
 | 1 liteneo 2014 年 6 月 14 日 感觉更像水波。。。 |
 | 3 dongbeta 2014 年 6 月 14 日 振幅不变化好生硬，如果可以监测鼠标点击模拟声音输入的强度来调整振幅的话，就太好了。 |
 | 5 ChiangDi 2014 年 6 月 14 日 优雅，艺术 |
 | 6 RIcter 2014 年 6 月 14 日 好！！！！ 求放到github 0w0 |
 | 8 liaa OP |
 | 10 zhujinliang 2014 年 6 月 14 日 挺不错,赞一个 同用到数学公式时深深的挫败感 |
 | 14 Dzinlife 2014 年 6 月 14 日 |
 | 17 cnallenzhao 2014 年 6 月 15 日 背景音很好听，求一发。。 |
 | 18 GPU 2014 年 6 月 15 日 Chrome 35 稳定版 ， 加载5分钟反应呢？ |
 | 21 Exin 2014 年 6 月 15 日 求BGM |
| 22 liaa OP  1 @cnallenzhao @Vindia @Exin http://blog.kidliaa.com/demo/siri%20wave/sound.mp3 @Dzinlife 是的,也发现这个问题. 接下来要弄这个(其实现在还不知道怎么弄). |
| 23 Dzinlife 2014 年 6 月 15 日 1 |
| 24 liaa OP @Dzinlife 使用之后效果真的很明显,谢谢指点. 让我想到了这句话: Math is hard, use computer. Computer is hard, use Math. 另外希望能指点一下应该如何系统的来学习这些东西.上网搜了Interactive Design之类的,也没能看到一些好的答案. |
| 25 Dzinlife 2014 年 6 月 16 日 1 @liaa 这类东西似乎是 processing 拥有最多的教学资源。D3.js 和 paper.js 官网的showcase里不少大牛的blog也不错。还有就是 codepen.com。 |
 | 26 vagrancy 2015 年 1 月 16 日 这个波形的算法，在音乐比较激烈的情况，由于波形衰减速度过慢，导致整个波形一直维持在一个水平上看不出变化，哪个参数能够加快衰减速度呢。 |
Select Language