aframevr / aframevr/aframe

Rotation of sphericalEnvMap for reflections is linked to camera rotation.

Open
#3,123 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
17.6k
Forks
4.4k
PR merge metrics
No merged PRs in 30d

Description

Description: The sphericalEnvMap property of the standard material, used for reflections, doesn't reflect properly. It seems to inherit position and rotation from the camera, the problem here being the rotation; the map should not rotate, as that is not how reflections work.

  • A-Frame Version: 0.7.0
  • Platform / Device: PC / Windows 7 / Google Chrome Version 61.0.3163.100 (Official Build) (64-bit)
  • Reproducible Code Snippet or URL: check a codepen here.

Note(s): I'm by no means a full-fledged web developer, I work as a 3D artist and got interested in the possibilities of A-Frame for the visualization industry. I have some knowledge of css/html and less knowledge of js, therefore I can only hope this is the right way to report a bug, and I'd really like to thank you for the so promising and amazing framework that is A-Frame!

The equirectangular panorama in the snippet comes from here: https://goo.gl/Lu8y3X.

Contributor guide

Open the contributing guide

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 CodePen and trace how the standard material's sphericalEnvMap reflection is affected by camera position and rotation. Confirm that rotating the camera does not rotate the reflection map, then verify the behavior in the provided reproduction.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, three.js
Domain
computer-graphics, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.