How to create a rectangular projection?

[wenrenqiang]

three.js示例

The example is a circular projection, how to achieve rectangular projection?

[Fennec]

Try setting the shadow.focus property spotLight.shadow.focus.

[wenrenqiang]

This is a trapezoid, not a rectangle

[Fennec]

Fair enough . I’ll be sure to think harder before wasting everyone’s time next time

In the meantime, here are a few things you can try:

1. Center the projector’s position.
2. Use a square (1:1) plane as the shadow receiver.
3. Write a custom projection shader.

Hope this meets your expectations

[prisoner849]

@wenrenqiang

This is a trapezoid, not a rectangle

Be more specific, describing the desired result.

As an option, you can put SpotLight far enough, and reduce its angle property: How to add caustics on top of .glb model just like convexseascapesurvey.com/virtual-experience/? - #9 by prisoner849