新大阪UE4勉強会 #1にて登壇した際に使用したスライドです。 https://osaka-ue4study.connpass.com/event/162611/ プロジェクトはこちら https://github.com/kamitani08/UE4CloudProject

1. @kamitani_08

6. https://youtu.be/RunOyTHt0nk

9. 公開は２月初旬を予定してます！

11. レイマーチング使います

15. １０m離れてる！

16. １０m進行！

17. 30cm進行！

18. 10cm進行！

19. 当たってます！！

20. float ReturnValue= 0.0;
for(int i = 0; i < MaxSteps; i++)
{
float distance = length(Position) -Length;
if(d < 0.001)
{
ReturnValue = 1.0;
break;
}
Position += RayDirection * distance ;
}
return ReturnValue;

21. 最大ループ数

22. レイの開始点
オブジェクトからカメラへの相対座標

23. レイの進行方向
CameraVector * -1 してレイの進行方向を算出

24. 球の半径

25. Opacity = 不透明度

26. float ReturnValue= 0.0;
for(int i = 0; i < MaxSteps; i++)
{
float distance = length(Position) -Length;
if(d < 0.001)
{
ReturnValue = 1.0;
break;
}
Position += RayDirection * distance ;
}
return ReturnValue;

27. float ReturnValue= 0.0;
for(int i = 0; i < MaxSteps; i++)
{
float distance = length(Position) -Length;
if(d < 0.001)
{
ReturnValue = 1.0;
break;
}
Position += RayDirection * distance ;
}
return ReturnValue;
原点からレイの開始位置への距離が
球の半径より近いかチェック

28. float ReturnValue= 0.0;
for(int i = 0; i < MaxSteps; i++)
{
float distance = length(Position) -Length;
if(d < 0.001)
{
ReturnValue = 1.0;
break;
}
Position += RayDirection * distance ;
}
return ReturnValue;
上記計算結果で近ければ不透明に。
遠ければ座標を進行方向に進める

29. float ReturnValue= 0.0;
for(int i = 0; i < MaxSteps; i++)
{
float distance = length(Position) -Length;
if(d < 0.001)
{
ReturnValue = 1.0;
break;
}
Position += RayDirection * distance ;
}
return ReturnValue;
この処理をMaxSteps分繰り返します

31. https://youtu.be/R5EpPNpiY10

34. • 疑似的に影をつける
• 潜れるようにする
• あたり判定をつける

38. にわとりだからわかんない

39. うすい！
濃い！

44. float ReturnValue= 0.0;
for(int i = 0; i < MaxSteps; i++)
{
float distance = length(Position) -Length;
if(d < 0.001)
{
ReturnValue = 1.0;
break;
}
Position += RayDirection * distance ;
}
return ReturnValue;

48. (距離関数の結果*-1) - ノイズの値

51. ノイズなし ノイズあり

52. 小 大

54. • 雲のモデリング
• 出来た雲に疑似影をつける
• 潜れるようにする
• あたり判定をつける

58. なし あり

59. • 雲のモデリング
• 出来た雲に疑似影をつける
• 潜れるようにする
• あたり判定をつける

62. https://youtu.be/iykkioiqlNU

64. • 雲のモデリング
• 出来た雲に疑似影をつける
• 潜れるようにする
• あたり判定をつける

67. これ

78. たりない…

79. たりないなら延ばせばいいじゃない！

83. ・・・

86. かなり無駄な処理が走ってる

88. ここからレイマーチングを開始

91. 10Steps 20Steps
30Steps 200Steps

101. https://www.shadertoy.com/

106. http://iquilezles.org/www/articles/distfunctions/distfunctions.htm

108. https://cedil.cesa.or.jp/cedil_sessions/view/1919
https://shaderbits.com/blog/creating-volumetric-ray-marcher
https://www.youtube.com/watch?v=yblxol_eCc4

113. 公開は２月初旬を予定！