# \#customtransitions

**URL:** https://discourse.threejs.org/tag/customtransitions/1126.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Izubizu Slider - WebGL JavaScript Slider for Images, Videos](https://discourse.threejs.org/t/izubizu-slider-webgl-javascript-slider-for-images-videos/90802)

<div class="topic-metadata">

**Author:** [@Tibi](https://discourse.threejs.org/u/Tibi)\
**Replies:** 2\
**Last updated:** [April 10, 2026, 6:58am UTC](https://discourse.threejs.org/t/izubizu-slider-webgl-javascript-slider-for-images-videos/90802 "2026-04-10T06:58:52Z")

</div>

I’d like to share Izubizu Slider, a WebGL media slider built with Three.js and custom GLSL transitions. It supports both images and MP4 videos, per-slide transition selection, animated text captions, flowmap distortion, …

---

## [Particles Transition](https://discourse.threejs.org/t/particles-transition/89134)

<div class="topic-metadata">

**Author:** [@Tibi](https://discourse.threejs.org/u/Tibi)\
**Replies:** 0\
**Last updated:** [January 14, 2026, 1:58pm UTC](https://discourse.threejs.org/t/particles-transition/89134 "2026-01-14T13:58:22Z")

</div>

New experiment that I want to share :slight\_smile: a reminder that images are made with pixels :slight\_smile: Build a Three.js particle image transition powered by a GPGPU (FBO) simulation, with \[uProgress\] controlling…

---

## [\< Our brand-new website \> ohzi.io 🧊 lots of shaders and cool effects](https://discourse.threejs.org/t/our-brand-new-website-ohzi-io-lots-of-shaders-and-cool-effects/31480)

<div class="topic-metadata">

**Author:** [@tinotibaldo](https://discourse.threejs.org/u/tinotibaldo)\
**Replies:** 16\
**Last updated:** [June 10, 2025, 3:11pm UTC](https://discourse.threejs.org/t/our-brand-new-website-ohzi-io-lots-of-shaders-and-cool-effects/31480 "2025-06-10T15:11:51Z")

</div>

Hi there, this is the link https://ohzi.io We’re about to release our new website build almost entirely with ThreeJS. We have used A LOT of different techniques when building it and paid a lot of attention to it being…

---

## [How to create RenderTarget transition using Shaders?](https://discourse.threejs.org/t/how-to-create-rendertarget-transition-using-shaders/66324)

<div class="topic-metadata">

**Author:** [@iHast](https://discourse.threejs.org/u/iHast)\
**Replies:** 5\
**Last updated:** [June 24, 2024, 8:09pm UTC](https://discourse.threejs.org/t/how-to-create-rendertarget-transition-using-shaders/66324 "2024-06-24T20:09:37Z")

</div>

Hello, everyone! I’m studying Three.js, specifically WebGLRenderTarget, to create a website with impressive transitions between scenes. I’ve reached a point where I can switch between scenes, but now I’m facing a new c…

---

## [How to create a texture transition like in the example?](https://discourse.threejs.org/t/how-to-create-a-texture-transition-like-in-the-example/66498)

<div class="topic-metadata">

**Author:** [@iHast](https://discourse.threejs.org/u/iHast)\
**Replies:** 10\
**Last updated:** [June 7, 2024, 6:55pm UTC](https://discourse.threejs.org/t/how-to-create-a-texture-transition-like-in-the-example/66498 "2024-06-07T18:55:12Z")

</div>

I’m studying Three.js and I found this website: https://fibrotexusa.com/ Can you give me a hint of how to do the texture transition of the TetrahedronGeometry like in this website? I had the visual feeling that is a cha…

---

## [Why the scene don't update?](https://discourse.threejs.org/t/why-the-scene-dont-update/66385)

<div class="topic-metadata">

**Author:** [@iHast](https://discourse.threejs.org/u/iHast)\
**Replies:** 2\
**Last updated:** [June 4, 2024, 12:00pm UTC](https://discourse.threejs.org/t/why-the-scene-dont-update/66385 "2024-06-04T12:00:55Z")

</div>

I’m learning Three.js and I want to know how to create scene transition using click events as a trigger. Like in this project: https://ohzi.io/ I used this project made by Mr. Robot as a base to create something close t…

---

## [3D Amsterdam portfolio](https://discourse.threejs.org/t/3d-amsterdam-portfolio/60802)

<div class="topic-metadata">

**Author:** [@Dayonel](https://discourse.threejs.org/u/Dayonel)\
**Replies:** 2\
**Last updated:** [January 29, 2024, 10:02am UTC](https://discourse.threejs.org/t/3d-amsterdam-portfolio/60802 "2024-01-29T10:02:00Z")

</div>

I have been experimenting during the last couple of months and I have finally built my portfolio using threejs and svelte. The idea was to highlight the stunning architecture of Amsterdam, a city that never ceases to…

---

## [Dream Scape Esque Scrolling Portfolio Site](https://discourse.threejs.org/t/dream-scape-esque-scrolling-portfolio-site/55264)

<div class="topic-metadata">

**Author:** [@Mason\_Wong\_BCL](https://discourse.threejs.org/u/Mason_Wong_BCL)\
**Replies:** 4\
**Last updated:** [August 22, 2023, 9:14pm UTC](https://discourse.threejs.org/t/dream-scape-esque-scrolling-portfolio-site/55264 "2023-08-22T21:14:22Z")

</div>

https://masontywong.com The theme is Dream Scape but with holograms. Nothing is suppose to be in your face flashy and it’s overall a calming site. It showcases my work and has transitions through each page. You can also…

---

## [Any resources on WebGL ink drop/water paint transition effect?](https://discourse.threejs.org/t/any-resources-on-webgl-ink-drop-water-paint-transition-effect/44504)

<div class="topic-metadata">

**Author:** [@panda\_warrior](https://discourse.threejs.org/u/panda_warrior)\
**Replies:** 0\
**Last updated:** [November 9, 2022, 2:48pm UTC](https://discourse.threejs.org/t/any-resources-on-webgl-ink-drop-water-paint-transition-effect/44504 "2022-11-09T14:48:16Z")

</div>

I’m looking for resources or any hints on how to create this “ink drop” transition effect found on witchernetlix and https://www.cloudcastles.gg/. You can see in the image above two images are being transitioned (the …

---

## [Calcs for dynamic positioning of 3Dobjects based on h / w + scrH / scrW](https://discourse.threejs.org/t/calcs-for-dynamic-positioning-of-3dobjects-based-on-h-w-scrh-scrw/30981)

<div class="topic-metadata">

**Author:** [@D13](https://discourse.threejs.org/u/D13)\
**Replies:** 2\
**Last updated:** [October 19, 2021, 9:46pm UTC](https://discourse.threejs.org/t/calcs-for-dynamic-positioning-of-3dobjects-based-on-h-w-scrh-scrw/30981 "2021-10-19T21:46:45Z")

</div>

So… let me try and explain this best I can. I have a grid of instances. They are scaled to… whatever size they are scaled to. Scale can change. I need to find out how many of the objects can fit within the viewport / sc…