Share MeshStandardMaterial with environment Map accross multiple Scenes?

[cream]

Hi @Fyrestar!

An update on progress:
We got awesome performance increase (we are developing “mobile first”) by rendering Scene 1 containing complex model / animation into a renderTarget.texture and applying it to a plane placed inside Scene 2 as background.

This tutorial was very usefull: Three.js Render Targets

All we have to do now is properly fit the plane to the camera / device-screen, I hope this will nail it (thanks again for finding it):

Functions to calculate the visible width / height at a given z-depth from a perspective camera

These two functions will give you the visible height and width in your scene at a given distance from a PerspectiveCamera. It’s useful if you want to create an object that is the full width / height of the scene, or want to place objects at screen edges etc. Here’s the code (ES6): const visibleHeightAtZDepth = ( depth, camera ) => { // compensate for cameras not positioned at z=0 const cameraOffset = camera.position.z; if ( depth < cameraOffset ) depth -= cameraOffset; else depth += c…

… and tweak the background-plane texture / material as it looks a bit dull (low color / contrast) at the moment.

We will post the result and a short solution description as soon as we are 100% sure this approach meets our needs.

One more thing:
As we’re now using only one renderer, we can also use the same reflection-material / environment map in both scenes.