Three.jsでどのような機能があるか調査する
かねらくさん.icon -> Yoshisaur.icon ライト(環境光源)の変更 -> AnbientLight にできそう？
調査結果
光源はAnbientLightにできます(超簡単)
パラメータにintensityというものがあって調節して検証しました
他にはcolorというパラメータがある、検証にはデフォルトの値(0xffffff=白)を使いました
intensity=0.5
https://scrapbox.io/files/62d17e92a30502001f2fcdfe.png
intensity=1.0
https://scrapbox.io/files/62d17f24dc8e2d001db3276f.png
intensity=1.5
https://scrapbox.io/files/62d17f3400ed2a001d88b9cd.png
intensity=2.0
https://scrapbox.io/files/62d17f4b68cf4300234c0ffe.png
intensity=2.5
https://scrapbox.io/files/62d17f5adc273e002385de26.png
color=0x0000fff(青) intensity=0.5
https://scrapbox.io/files/62d1813c8a8840002255d850.png
かねらくさん.icon -> Yoshisaur.icon Three.jsのカメラについて調査して欲しい
1.カメラについて
Three.jsのカメラは2種類あるっぽい
パースありの「透視投影(PerspectiveCamera)」、パースなしの「並行投影(OrthographicCamera)」
パース(遠近法)とは？ -> 遠いものは大きく、近いものは小さく見える技法
今回は、パースありの「透視投影」について、次の調査をお願いしたい
2.カメラの視野角を変更する
視野角 ->物体の見える範囲を角度で示したもの
~60° -> 結構パースきつめ、人物を表示すると顔が突き出して見えがち
80°~120° -> パースがゆるやか、物体の歪みは減るが、平面的な見え方になる
https://scrapbox.io/files/62d2e58671b745001d80f8e6.png
視野角を100°に変更 -> カメラの引数にある、fov (Field of View)の値を100にする
デフォルトは50~60だったと思う
前回の光源の調査みたいに、顔に寄ったスクショがあると助かります