關於shader的緩動(Tween 方式)方式的歸類(easing)

代碼地址如下:

https://www.shadertoy.com/view/MlGBWD

效果如下:

1.smoothstep  內置函數

模型如下:

2.linear 線性

模型如下:

3.inQuad 

模型如下:

4.outQuad 

模型如下:

5.inOutQuad 

模型如下:

6.outInQuad

效果如下:

7.inCubic

效果如下:

8.outCubic

效果如下:

9.inOutCubic 

模型如下:

10.outInCubic

模型如下:

11.inQuart

模型如下:

12.outQuart

模型如下:

13.inOutQuart

效模型如下:

14.outInQuart

模型如下:

15.inQuint

模型如下:

16.outQuint

模型如下:

17.inOutQuint

模型如下:

18.outInQuint

模型如下:

19.inSine

模型如下:

20.outSine

模型如下:

21.inOutSine

模型如下:

22.outInSine

模型如下:

23.inExpo

模型如下:

24.outExpo

效果如下:

25.inOutExpo

效果如下:

26.outInExpo

效果如下:

27.inCirc

效果如下:

28.outCirc

效果如下:

29.inOutCirc

效果如下:

30.outInCirc

效果如下:

31.inBack

效果如下:

32.outBack

效果如下:

33.inOutBack

效果如下:

34.outInBack

效果如下:

35.outBounce

效果如下:

36.inBounce

效果如下:

37.inOutBounce

效果如下:

38.outInBounce

效果如下:

37.inElastic

效果如下:

38.outElastic

效果如下:

39.inOutElastic

效果如下:

40.outInElastic

效果如下:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章