https://github.com/d3adrabbit/scanningeffectwithdepthmap

https://github.com/d3adrabbit/scanningeffectwithdepthmap

threejs tsl webgpu

Last synced: 5 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/d3adrabbit/scanningeffectwithdepthmap
• Owner: d3adrabbit
• Created: 2025-03-20T13:33:23.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-31T03:32:50.000Z (about 1 year ago)
• Last Synced: 2025-07-24T18:50:50.006Z (11 months ago)
• Topics: threejs, tsl, webgpu
• Language: TypeScript
• Homepage: https://tympanus.net/Development/ScanEffect/effect1/
• Size: 10.8 MB
• Stars: 98
• Watchers: 3
• Forks: 19
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# WebGPU Scanning Effect with Depth Maps

A WebGPU-powered visual experiment that explores a scanning effect using a depth map and procedural masking, rendered with custom shaders and animated in real time.

![Image Title](https://tympanus.net/codrops/wp-content/uploads/2025/03/scaneffect_featured.jpg)

    

[Article on Codrops](https://tympanus.net/codrops/?p=90674)

[Demo](https://tympanus.net/Development/ScanEffect/)

## Installation

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

```

## License

[MIT](LICENSE)