エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Three.jsでトゥーンシェーディング
こんにちは。フロントエンドエンジニアの長谷川です。 3Dの表現のなかで割りと好きなトゥーンシェーディ... こんにちは。フロントエンドエンジニアの長谷川です。 3Dの表現のなかで割りと好きなトゥーンシェーディングをThree.jsで実装してみました。 ※こちらの記事は、長谷川の個人ブログからの転載記事です。 転載元記事: Three.jsでトゥーンシェーディング | dev.tkmh.me DEMO トゥーンシェーディングの主な特徴は ・エッジがはっきりと縁取られている ・陰影がはっきりしている です。アニメっぽい表現のシェーディングです。アニメキャラが登場するゲームでよく使われる手法です。 最近だと以下のミュージックビデオコンテンツもWebGLのトゥーンシェーディングっぽい表現で作られていました。 http://www.dennis.video/ 今回のデモは、缶の3Dモデル(objファイル)をThree.jsで読み込み、テクスチャを適用して表示しています。 3Dデータは以下のサイトでフリーの