前の記事three.js入門 WebGL第11回 シャドウ光源がオブジェクトに遮られることで作られる、「影(シャドウ)」を設定します。影がつくと、3Dの表現がグッと向上します。2022年10月06日(505号)小山田 晃浩フロントエンド・エンジニア 目次 はじめに DirectionalLightShadow 1.シャドウを投影するライトの設定 2.シャドウを投影するオブジェクトの設定 3.シャドウを受けるオブジェクトの設定 パフォーマンスと投影される影の関係 ヘルパーによるシャドウ投影の可視化と変更 SpotLightShadow PointLightShadow 負荷を抑えた影の有効活用 まとめ シェア この記事を読むには購読の手続きが必要です購読の手続きへ購読済みの方はログイン月額880円(税込)初めてお申し込みの方は、30日間無料でお使いいただけます
Webフォント/アイコンフォントGoogle Fontsで学ぶWebフォントの基本 最終回2026年03月26日無料公開中 next/font/googleの詳細設定藤田 智朗フロントエンド・エンジニア