javascript - Wie ändere ich die Zoommitte in THREEjs?

Question

Ich habe eine Anforderung
das ist, eine Animation zu schreiben, die Lichtstrahlen von einer Lichtquelle aussendet, die einer Taschenlampe ähnelt

Meine Idee ist, dass sich die Lichtquelle und der Startpunkt der Lichtsäule an derselben Position befinden und die Lichtemission nur in Z-Richtung der Lichtsäule skaliert wird

Wie im Bild gezeigt!

Aber während des tatsächlichen Betriebs habe ich es herausgefunden. . Die Vergrößerung in THREEJS besteht darin, in alle Richtungen relativ zu seinem eigenen Mittelpunkt zu vergrößern (wenn die Z-Richtung gestreckt wird, wird sie auch auf beiden Seiten gestreckt), anstatt eine Seite zu fixieren und nur in eine Richtung zu vergrößern, wie ich dachte. . . Daraus ergab sich auch mein schlichtes Bedürfnis. . . Schwierig umzusetzen

Bitte beantworten Sie Ihre Zweifel. . . So ändern Sie es, sodass der Kegel nur in einer Z-Richtung vergrößert werden kann. . .

Answer 1

自问自答。。
LINK