アオキnormalなので標準?と思いがちなんですが、実は『法線』を表します。法線・・面に垂直な線。光のあたる角度を計算する時に使ったりする。Marching』なる技術があることを知りました。前回の記事前回の記事で円を表示することができたので、次は光をあてて、明るい箇所と暗い箇所をつくり、より立体的に見えるようにしています...『normalMaterial』以外にもマテリアルがありますが、ambientMaterial(アンビエントマテリアル)・・環境specularMaterial(スペキュラーマテリアル)・・鏡面反射これらを使うためには、ライトも設定が必要になります。右が『スペキュラーマテリアル』になります。CodePen.コードはこちら。64);pop();}ライトがそれぞれ一行。『WebGL/GLSL』と比べればかーなり簡単に記述できるようになっています。数字などを変えたりしつつ触ってみる方が理解が早いかなとも思います。マニュアル内サンプル。3Dの箇所がそのまま3D。楽しんで3Dプログラムは本当に奥が深いので、やりたい映像とできることのギャップで凹んでしまうこともでてくると思います。『3D』にこだわらずに『2D』で遊ぶのもありだと思うので、ぜひ気楽に、楽しみながらやってみてもらえたらいいなと思います。user【CSS】色の設定は『RGB』より『HSL』の方が使いやすい件〜ランダムに使いたい(3)...https://coinbaby8.com/colormode-hsl.html遊ぶようにプログラミングができる『クリエイティブコーディング』はもちろん、ホームページやウェブサービス、洋服やコスメなどでも、『色』によってずいぶんと雰囲気が変わります。モノクロにしてシックにしてみたり、暖色系であったかくしてみたり、ショッキング...もんプロ~問題発見と解決のためのプログラミ...プログラムで色や大きさをランダムにして遊んでみる(8)【P5.js】https://coinbaby8.com/programming-random-color.html遊ぶようにプログラミングができる『クリエイティブコーディング』。『クリエイティブコーディング』の中でも一番とっつきやすいかと始めた『P5.js(ProcessingのJavaScript版』の連続記事も今回で8記事目。『インタラクティブアート』など、平面ではなく立体的な映像がますます増えてくると思われます。立体的・空間的な『3Dプログラム』にも取り組んでみてもらえたらなと思います。『クリエイティブコーディング』関係ではこんな記事も読まれています。)mアオキのツイッターアカウント。)この記事へのコメントはありません。この記事へのトラックバックはありません。返信をキャンセルする。-URL上に表示された文字を入力してください。検索プロフィール世界のアオキ問題発見と解決のための新時代の教育を。STEAMも、プログラミングも。テスト用の知識ではなく世界を変える知識を。CoderDojo熊本支部の中の人。難しい事をわかりやすく伝える事に喜びを感じております。尊敬する人はレオナルド・ダ・ビンチ(雑食系天才)。チャンピオン変更のお知らせ2018年9月より、子供向けプログラミング教室、『CoderDojo熊本』の初...2019.12.5高校生向けの『新・情報の科学』なる教科書を読んでみ...2020年に小学生でプログラミング必修化になり、2021年、2022年と段階的...2019.11.19バビロン大富豪の教え〜姪っ子へのプレゼントのつもり...小学校5年生の姪っ子から、とあるマンガを買って欲しいとおねだりされまして。