lume / lume/three-projected-material

How to create a light rectangular projection?

Open
#4 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
10
Forks
0
PR merge metrics
No merged PRs in 30d

Description

![Image](https://github.com/user-attachments/assets/b0d1d140-355c-4dee-a783-ac224ab1bdec)
https://threejs.org/examples/?q=light#webgl_lights_spotlight
The example is a circular projection, how to achieve rectangular projection?

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked Three.js spotlight example and inspect this repository's projection-material entry point to understand how the current circular projection is produced. Done means defining and implementing a rectangular projection behavior that matches the attached reference, with a reproducible example or test.

Written by the indexing model from the issue text.

Assessment

Tech stack
three.js, typescript
Domain
computer-graphics
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.