note

[WebGL入門] javascriptを使って3Dプログラミングをやってみる

久しぶりの投稿になります。TDの田辺です。 前回に引き続き、web関連について書きたいと思います。 今回挑戦するのは、題名の通り 「WebGL」 です。 WebGL とは Webブラウザで3次元グラフィックス(3DCG)を高速に表示するための仕様の一つ。 Webページ上に記述さ ...
CodeZine（コードジン）

「JavaScriptとWebGLによるはじめての3Dプログラミング」一覧

Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ Developers X Summit 2025 講演資料まとめ Developers Summit 2025 FUKUOKA 講演関連資料まとめ Developers Summit 2025 KANSAI 講演関連資料まとめ Developers ...
note

ブラウザで3Dを動かす魔法——Three.jsとWebGPUで変わるWeb表現の世界 ...

先週、とあるスニーカーブランドの製品ページを何気なく開いたら、靴が3Dでグリグリ回転していて思わず手を止めてしまいました。回転するロゴ、液体のように揺れるメッシュ、宇宙空間を漂うパーティクル——それがすべてWebブラウザの中で動いている。
GitHub

JavaScript real-time video processing using Canvas (2D, WebGL).

Because the web is not primarily designed for video processing, not many APIs exist that can support us here. But why would we even want to do this? Use cases include: Instead, we have to rely on the ...
CNET

Browser makers hope WebGL will remake 3D

Don't believe WebGL is real? Here's how to try the 3D browser technology yourself. It works, but plenty of development is needed for this graphics foundation to mature. Stephen Shankland worked at ...
GitHub

2Ntlaks/Car-in-WebGL

A beginner-friendly WebGL project that builds a 2D car from scratch using only HTML, CSS, JavaScript, and raw WebGL. This repository is intentionally simple: no frameworks, no helper libraries, and no ...
Digit

Tutorial: Typing in the air using depth camera, Chrome, JavaScript, and WebGL transform ...

Thank you for completing the survey! My previous article, Depth Camera Capture in HTML5, introduced a web application API to capture and manipulate depth stream data from cameras like the Intel® ...