レンズフレアは、カメラのレンズに光源が直接入ったときに発生する光の現象です。映画やゲームでよく見られる演出で、リアルなシーンを演出するために使われます。Three.js でレンズフレアを表現するデモを紹介します。 本記事はThree.js r183（2025年2月）のバージョンで作成しています。 デモとサンプルコード サンプルを別ウインドウで開く コードを確認する マウスドラッグすることで、レンズフレアを確認できます。 Three.jsでのレンズフレア Three.jsの WebGPUレンダラー と LensflareMesh を使って実装します。 // Three.js本体の読み込み import * as THREE from "three"; // WebGPUレンダラーの読み込み import { WebGPURenderer } from "three/webgpu"; // レ
