# My threejs demo Miscellany

**URL:** <https://discourse.threejs.org/t/my-threejs-demo-miscellany/91772>\
**Category:** Showcase\
**Tags:** animation, textures, materials, geometry\
**Created:** [May 21, 2026, 7:30am UTC](https://discourse.threejs.org/t/my-threejs-demo-miscellany/91772 "2026-05-21T07:30:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![YuFengjie97](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/yufengjie97/32/68168_2.png) [@YuFengjie97](https://discourse.threejs.org/u/YuFengjie97)\
**Post date:** [May 21, 2026, 7:30am UTC](https://discourse.threejs.org/t/my-threejs-demo-miscellany/91772/1 "2026-05-21T07:30:29Z")

</div>

## Online Link preview

[yufengjie’s threejs-demo](https://yufengjie97.github.io/three-demo/)

## Screenshot

 ![屏幕截图 2026-05-21 130941](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/9/9/9936a7ff7934b931d5b689540789df431a19e110.jpeg)  
 ![屏幕截图 2026-05-21 134208](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/0/c/0c8ceda44a81310c6db21a23bda26b557c2e57a6.jpeg)  
 ![屏幕截图 2026-05-21 134146](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/3/0/3021f1f7a1ca28bc3c80efa7759726436ceaa7d2.jpeg)

## Introduction

Here’s a collection of demos I wrote using Three.js, including vertex offset animations, custom shaders, WebGL, WebGPU, TSL, audio visualizations, InstancedMesh, and so on.

## Technology Stack

- react
- react-three-fiber
- typescript
- tsl
- webgl
- webgpu

---

<div class="post-metadata">

**Author:** ![MrYang614](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mryang614/32/34021_2.png) [@MrYang614](https://discourse.threejs.org/u/MrYang614)\
**Post date:** [May 25, 2026, 7:25am UTC](https://discourse.threejs.org/t/my-threejs-demo-miscellany/91772/2 "2026-05-25T07:25:10Z")

</div>

这些效果真好看啊，万剑归宗

---

<div class="post-metadata">

**Author:** ![MrYang614](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mryang614/32/34021_2.png) [@MrYang614](https://discourse.threejs.org/u/MrYang614)\
**Post date:** [May 26, 2026, 3:27am UTC](https://discourse.threejs.org/t/my-threejs-demo-miscellany/91772/4 "2026-05-26T03:27:06Z")

</div>

被折叠了，你说了什么，兄弟