note

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

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

Epic & Mozilla release Unreal Engine 3 HTML5 demo to the public, and it's awesome

If you ever needed proof that web browsers are first-class citizens, capable of rendering 3D games with as much gusto as consoles or running web apps that are as feature-rich as their installed ...
CodeZine（コードジン）

「three.js」でつくるお手軽3Dマンガ作成ソフト - 中編

Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ Developers X Summit 2025 講演資料まとめ Developers Summit 2025 FUKUOKA 講演関連資料まとめ 翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気 ...
GitHub

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 ...
ExtremeTech

Unreal Engine 3 ported to JavaScript and WebGL, works in any modern browser

Unreal Engine 3, the game engine that runs fan favorites like Mass Effect, Gears of War, and Infinity Blade, has been ported to run inside a web browser without any plug-ins. Using JavaScript, ...
GitHub

WebGL-Memory

This is a WebGL-Memory tracker. You add the script to your page before you initialize WebGL and then for a given context you can ask how much WebGL memory you're using. Note: This is only a guess as ...
note

佐野毅_プロダクトデザイナー+機械系エンジニア_SANO_Takeshi

図1‗WebGLの座標系。XYZ。 ↓WebGLの初期状態の視点は、(0, 0, 0)にあり、向きは-z方向。 図2‗WebGLの初期の視点と方向。 ↓今回のプログラムでは、視点 (0.25, 0.25, 0.25) から 点 (0, 0, 0) を見ています。 図3‗視点。 .oOo..oOo..oOo. 前述の視点や方向以外の、点や方向 ...
The Verge

Play this: ‘HexGL’ is an unabashed ‘Wipeout’ clone built with HTML5, JavaScript ...

HexGL is a high-speed Wipeout clone that serves as a great example of what HTML5, Javascript, and WebGL technologies offer independent developers. HexGL is a high-speed Wipeout clone that serves as a ...