# Is it possible to make something like photoshop filters or etc. to change my 3D model view?

**URL:** https://discourse.threejs.org/t/is-it-possible-to-make-something-like-photoshop-filters-or-etc-to-change-my-3d-model-view/56546
**Category:** Questions
**Tags:** shaders
**Created:** [September 30, 2023, 11:56am UTC](https://discourse.threejs.org/t/is-it-possible-to-make-something-like-photoshop-filters-or-etc-to-change-my-3d-model-view/56546 "2023-09-30T11:56:05Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![s2567k](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/s2567k/32/40458_2.png) [@s2567k](https://discourse.threejs.org/u/s2567k)
#### Post date: [September 30, 2023, 11:56am UTC](https://discourse.threejs.org/t/is-it-possible-to-make-something-like-photoshop-filters-or-etc-to-change-my-3d-model-view/56546/1 "2023-09-30T11:56:05Z")

</div>

![image_2023-09-30_13-46-44](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/6/a/6a3ce559ea77b34f6f46341ccc2d1c9f3d009c49.png)  
I saw this example on [Total Data by Mathieu Boulet on Dribbble](https://dribbble.com/shots/3798024-Total-Data) but I don’t not is it possible to achieve behavior with threejs like that

---

<div class="post-metadata">

### Author: ![drcmda](https://avatars.discourse-cdn.com/v4/letter/d/91b2a8/32.png) [@drcmda](https://discourse.threejs.org/u/drcmda)
#### Post date: [September 30, 2023, 7:17pm UTC](https://discourse.threejs.org/t/is-it-possible-to-make-something-like-photoshop-filters-or-etc-to-change-my-3d-model-view/56546/2 "2023-09-30T19:17:52Z")

</div>

it would be pretty easy to do with webglrendertargets. your examples uses planes whose textures display extra renders of an alternative scene with the same camera.

it’s not a rectangle but the same principle

> **[Scene Transitions: Reveal (forked) - CodeSandbox](https://codesandbox.io/s/scene-transitions-reveal-forked-zfsvh4?file=%2Fsrc%2FApp.jsx)**
>
> Scene transitions exploration

another variation of it are portals, but they’re also just based on rendertargets

> **[Enter portals - CodeSandbox](https://codesandbox.io/s/9m4tpc)**
>
> Enter portals by drcmda using @pmndrs/assets, @pmndrs/branding, @react-three/drei, @react-three/fiber, @types/three, react, react-dom, react-scripts, three

in vanilla threejs you need to look up [THREE.WebGLRenderTarget](https://threejs.org/docs/index.html?q=webgl#api/en/renderers/WebGLRenderTarget)

- create one

```jsx
const buffer = new WebGLRenderTarget(width, height, options)

```

- render into it

```jsx
gl.setRenderTarget(buffer)
gl.render(specialScene, sameCameraAsMainScene)
gl.setRenderTarget(null)

```

- plug the rendertarget.texture into the `map` property of your material

```jsx
const m = new MeshStandardMaterial({ map: buffer.texture })
const g = new PlaneGeometry()
const mesh = new Mesh(g, m)

```

---

<div class="post-metadata">

### Author: ![s2567k](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/s2567k/32/40458_2.png) [@s2567k](https://discourse.threejs.org/u/s2567k)
#### Post date: [October 2, 2023, 9:29am UTC](https://discourse.threejs.org/t/is-it-possible-to-make-something-like-photoshop-filters-or-etc-to-change-my-3d-model-view/56546/3 "2023-10-02T09:29:06Z")

</div>

thank you so much !!! this is exactly what I want 💪 💪 💪
