Marching』なる技術があることを知りました。Marching)』という手法。参考記事いろいろググるとなかなか難しいようなので、まずは先輩方のソースコードを真似てみることからやってみることにしました。次は光をあてて、明るい箇所と暗い箇所をつくり、より立体的に見えるようにしています。『GLSL(シェーディング)』関係ではこんな記事も読まれています。参考にさせていただいている動画はこちら。今回の完成画像はこちら。外側に行くほど暗くなっているのがわかるかと思います。『光源ベクトル(レイ)』の接線に垂直な『法線ベクトル』との『内積(ないせき)』を求める必要があります。アオキど、どういうことだってばよ・・・と思ったのでググりにググってイメージをつくってみました。球に向かってまっすぐ『レイ(光源ベクトル)』が飛んでいきます。『接線』と垂直に交わる線を『法線(ほうせん)』といいます。line』だそうです。変わったんじゃないか説があるそうで。『レイ(光源ベクトル)』と『法線ベクトル』の間の角度が大きくなっていきます。『レイ(光源ベクトル)』は球に接していない、ということになります。(イメージの下の段中央の図)アオキそう言われるとなんとなくわかるかなぁ。link『レイマーチング』入門〜『法線ベクトル』は『偏微分』で求まるそう『法線ベクトル』を求めるコードがこちら。//Z));}アオキな、なんじゃこりゃ。(勾配)が法線を表すイメージ法線ベクトルの求め方と応用アオキむむむ。求めたい変数だけを微分して、他は定数で計算することだそう。XならXだけ微分して、YとZは定数(今回は0)としてそれぞれ計算するようです。言われると確かにこのコード。なっていて、deltaが1つずつ右にずれて書かれています。X、Y、Zそれぞれで、2点間の距離を出しているようです。わかりやすくまとめてみた〜めっちゃすごいわり算【初心者向け】https://coinbaby8.com/differencial.html学校の勉強で、『なんのために勉強するのかわからないランキングTOP3』に堂々入ってきそうな授業といえば。『微分(びぶん)』と『積分(せきぶん)』。生活する中で、まったくもって使う機会はなかったけれど、子どもが産まれて、最近...アオキ1つずつ微分するのね。言ってくれればいいのに。部分的に微分するって理解でよさそう。本当はdeltaで割るんですが、normalizeして『勾配(こうばい)』をとったことにします。うーん、わかるようでわからん。勾配』の記事を書きました。勾配(grad)】わかりやすくまとめてみたhttps://coinbaby8.com/vector-grad.html『3Dプログラミング』に取り組むうちに目にするようになってきた『ベクトル解析』。『3Dプログラミング』に限らず『工学系』の業界なら必須とも言われている『ベクトル解析』。『ベクトル解析』には3つ種類があります。勾配(grad)発散(div)回転(rot)なかなかわかりや...改めて、『法線ベクトル』を求めるコードがこちら。//Z));}球の『法線ベクトル』なので『sphere_normal』という関数名にしています。それぞれの意味は以下になります。(前回の記事を参照)これで、法線ベクトルが求まることになります。次は『光源ベクトル』と『法線ベクトル』の『内積(ないせき)』を求めます。『内積』のイメージ図はこちら。『法線ベクトル(緑)』からまっすぐ下に下ろした箇所までの長さを『内積(ないせき)』というそうです。『内積(ないせき)』の式はこちら。【内積とは】ベクトルの内積の意味や公式・計算方法を知って大学合格へ!改めてこちらの図をば。『光源ベクトル』と『法線ベクトル』の角度が90度だと、内積は0になります。『光源ベクトル』と『法線ベクトル』の角度が-90度でも、内積は0になります。光が当たっているということになります。『内積』を設定しています。product』なのでdot関数だそうです。『レイ』がZ軸のマイナス方向からあたっているので、マイナスをつけていると思われます。ちなみに、マウスがある場所を光源にするには、こちらのコードに変更すればOKです。vec4(0);}全体のコードはこちら。vec4(0);}}このコードをGLSLオンラインエディタにコピペすればOKです。Sandboxこんな画像が表示されればOKです。Marching)』を調べるうちに、いろんな数学知識が必要になってきました。徐々にではありますがわかってきたような気がしています。なんかでも応用できるようなので、まるっとまとめてちょっとずつでも覚えていければと思います。アオキちょっとずつでもわからなかったことがわかるようになってくると楽しいもんですな。Amazon調べ-詳細)KindleAmazon楽天市場Yahooショッピング『GLSL(シェーディング)』関係ではこんな記事も読まれています。【GLSL】波のつくり方簡易まとめ。)mアオキのツイッターアカウント。)この記事へのコメントはありません。この記事へのトラックバックはありません。返信をキャンセルする。-URL上に表示された文字を入力してください。検索プロフィール世界のアオキ問題発見と解決のための新時代の教育を。STEAMも、プログラミングも。テスト用の知識ではなく世界を変える知識を。CoderDojo熊本支部の中の人。難しい事をわかりやすく伝える事に喜びを感じております。尊敬する人はレオナルド・ダ・ビンチ(雑食系天才)。ゴルフできません(汗YoutubeTwitterFacebookInstagram最近の記事2020.02.14AR/VRエンジニアの求人が1400%増というレポ...昨日だったか、気になる記事を見つけました。米国を中心にした開発者向け求人プ...2020.02.13【Laravel】フロントエンドをわかりやすくまと...初心者向けに『Laravel』解説の追加動画を撮影中で、これは公開してもいい...2020.02.12【Laravel】初心者の向け追加動画撮影中【Ud...少し前に『Udemy』向けに『PHP』の講座を開設しまして。DXの到来を見据えて久々に衝撃的な本でした。『アフターデジタル』。