インプレス ビジネスメディア

WebGPUではじめる3DCGアニメーション入門

記事一覧

3Dギターに「マテリアル」を指定して、本物のギターそっくりの材質を再現してみよう

11月19日 6:20

  • 開発言語
  • 技術解説

WebGPUではじめる3DCGアニメーション入門
 「Blender」で3Dモデルをデザインして「UltraMotion3D」ライブラリで表示してみよう

第10回の今回は「Blender」で3Dのギターをデザインし「Vixar Vision」で「UltraMotion3D」向けに書き出してWebブラウザへ表示する解説をします。

大西 武 (オオニシ タケシ)

10月29日 6:30

  • 開発言語
  • 技術解説

WebGPUではじめる3DCGアニメーション入門
 「ユニフォームバッファ」を使って三角形を描画してみよう

第9回の今回は、WebGPUでユニフォームバッファを通して行列をユニフォーム定数としてシェーダーに渡し、三角形を描画する解説をします。

大西 武 (オオニシ タケシ)

10月8日 6:30

  • 開発言語
  • 技術解説

WebGPUではじめる3DCGアニメーション入門
 オブジェクトの頂点変換やピクセルを色付けするシェーダー言語「WGSL」の文法を学ぼう

第8回の今回は、WebGPUで使うシェーダー言語「WGSL」の頂点シェーダーとフラグメントシェーダーの文法を解説します。

大西 武 (オオニシ タケシ)

9月17日 6:30

  • 開発言語
  • 技術解説

3Dの移動や回転、拡大・縮小する「行列」について学ぼう

第7回の今回は、ベクトル座標を移動したり、カメラの視線に合わせて変形したり、遠近法で変形したりする「行列」について解説します。

大西 武 (オオニシ タケシ)

8月27日 6:30

  • 開発言語
  • 技術解説

2D〜4Dで向きや大きさを持つ数字の集まり「ベクトル」について学ぼう

第6回の今回は、向きや大きさを持つ数字の集まりである「ベクトル」について解説します。

大西 武 (オオニシ タケシ)

8月8日 6:30

  • 開発言語
  • 技術解説

WebGPUではじめる3DCGアニメーション入門
 「WebGPU」でシェーダーを使って三角形を1つだけ描画してみよう

第5回の今回は、WebGPUでシンプルなシェーダーを使って三角形を描画する解説をします。

大西 武 (オオニシ タケシ)

7月17日 6:30

  • 開発言語
  • 技術解説

WebGPUではじめる3DCGアニメーション入門
 はじめての「WebGPU」で背景色を塗りつぶしてみよう

第4回の今回は、WebGPUを初期化して<canvas>タグを真っ黒な背景色で塗りつぶしてみる解説をします。

大西 武 (オオニシ タケシ)

6月25日 6:30

  • 開発言語
  • 技術解説

WebGPUではじめる3DCGアニメーション入門
 WebGPUライブラリ「UltraMotion3D」で3DのサンプルWebコンテンツを動かしてみよう

第3回の今回は、WebGPUライブラリ「UltraMotion3D」を使った3DのサンプルWebコンテンツの動かし方と「XAMPP」の使い方を解説します。

大西 武 (オオニシ タケシ)

6月5日 6:30

  • 開発言語
  • 技術解説

WebGPUを使うための「HTML5＋CSS＋JavaScript」の文法を学ぼう

第2回の今回は、WebGPUコンテンツを作る上で、最低限知っておくべきHTML5＋CSS＋JavaScriptの文法と、それを使った簡単なサンプルを解説します。

大西 武 (オオニシ タケシ)

5月20日 6:30

  • 開発言語
  • 技術解説

「WebGPU」の基礎と3DCG開発のはじめかた

第1回の今回は、WebGPUと3DCGの基礎知識と、開発環境の準備、JavaScriptによるプログラミングの基本について解説します。

大西 武 (オオニシ タケシ)

4月25日 6:30

  • 開発言語
  • 技術解説

新着記事

位置情報の基本中の基本となる「点」の情報の扱い方を学ぼう 6:30 Kubernetesコミュニティのグループ構成と活動領域の見つけ方 6:30 AIには別の顔を見せるWebサイト: エージェントを狙う間接プロンプトインジェクション 12月4日 6:30 【CNDW2025】なぜCloudNative DevSecOpsを推進するのか？ 米軍の事例が示す「速度と安全性」の必然 12月4日 6:00 【序論】なぜ今、監視は「再発見」されるのか 12月3日 6:30

人気記事トップ10

外部から「WSL1/2」のサーバーにネットワークアクセスをしてみよう AI搭載のスマートグラス「Even G2」が国内発売ほか 日本初開催の「KubeCon＋CloudNativeCon Japan 2025」、ボランティア視点で運営の裏側をちょっとのぞいてみた話 新たな自動化で熱視線！ AIエージェントの「推論能力」を支える2つのコンポーネントとは？ オープンソースの電子書籍管理ソフト「Calibre 8.15」リリース メガネ型オーディオが特別セール実施中、Metaが新モデル群を公開ほか 「Rocky Linux 10.1」リリース IoTに生成AIを掛け合わせる「AI-driven IoT」で現場のIoTデータ活用を加速 米Red Hat、「Red Hat Enterprise Linux 9.7」を発表 AI時代のエンジニアに求められるものとは？「生き残る」ためのキャリア戦略
AI搭載のスマートグラス「Even G2」が国内発売ほか 外部から「WSL1/2」のサーバーにネットワークアクセスをしてみよう 新たな自動化で熱視線！ AIエージェントの「推論能力」を支える2つのコンポーネントとは？ Linux Foundation Education、無料オンラインコース「Linuxカーネル開発 初心者向けガイド」の提供を開始 【ビジョンなき導入の末路】データが暴く日本企業の課題と次の一手 【序論】なぜ今、監視は「再発見」されるのか 「AIを導く」のはオープンソース ー実証に基づいた明確な解を示したレポート「ソブリンAIの現状」を公開 Linuxカーネル「Linux 6.18」リリース メガネ型オーディオが特別セール実施中、Metaが新モデル群を公開ほか 日本初開催の「KubeCon＋CloudNativeCon Japan 2025」、ボランティア視点で運営の裏側をちょっとのぞいてみた話
AI搭載のスマートグラス「Even G2」が国内発売ほか 外部から「WSL1/2」のサーバーにネットワークアクセスをしてみよう 新たな自動化で熱視線！ AIエージェントの「推論能力」を支える2つのコンポーネントとは？ Linux Foundation Education、無料オンラインコース「Linuxカーネル開発 初心者向けガイド」の提供を開始 【ビジョンなき導入の末路】データが暴く日本企業の課題と次の一手 アイレット、KDDIの属人化問題を生成AIアシスタントの精度を高め解消へ 世界中の「欲しい」を10秒で叶える ─株式会社SAZOが描く越境ECの新時代 「Terraform」でコードをモジュール化して、環境を分離することで適切に管理しよう IoTに生成AIを掛け合わせる「AI-driven IoT」で現場のIoTデータ活用を加速 【序論】なぜ今、監視は「再発見」されるのか
人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ！ Sponsored

新たな自動化で熱視線！ AIエージェントの「推論能力」を支える2つのコンポーネントとは？ 11月28日 6:30 IoTに生成AIを掛け合わせる「AI-driven IoT」で現場のIoTデータ活用を加速 11月26日 6:30 アイレット、KDDIの属人化問題を生成AIアシスタントの精度を高め解消へ 11月21日 6:30 「Grafana Cloud」の先進的ユーザーであるグリーが10年をかけて到達した「オブザーバービリティ」とは 5月15日 6:30 Grafana Labs CTOのTom Wilkie氏インタビュー。スクラップアンドビルドから産まれた「トラブルシューティングの民主化」とは 4月21日 6:30 API管理をより簡単にする「Kong Konnect」が解決する課題とその主要機能 3月5日 5:30 目指すはプロセス連結によるサイロ化の打破! ガバナンス強化にも寄与する自動化プラットフォームとは 1月15日 6:30 AIで激変する「DevOpsの未来」と「IT組織のリーダーが備えるべきこと」とは 2024年11月26日 8:53 仕様書からテストケースを自動生成! Autify Genesisが変えるソフトウェアテストの未来 2024年11月21日 8:04 LLMを自由に切り替え! Kongが提案するAIゲートウェイ活用法 2024年11月15日 6:12