Skip to content

component

WebGL Depth Scan 02

By Hasan Wali

Details

Summary

Fire Scan Effect

Description

About this Component Add a dynamic fire-like scan effect to your images using WebGL. This component creates a moving scan animation with a glowing dot pattern and noise-based variation, giving it a rich and organic feel. It also reacts slightly to mouse movement, adding depth and interactivity. You can control everything — from scan speed and softness to dot density, noise, brightness, and color tint. Just upload your image and a matching depth map, and you’re ready to go. Perfect For: Creative hero sectionsPortfolio visualsProduct highlightsInteractive backgroundsExperimental UI designs Key Features: Fully responsive across all screen sizesWebGL-powered fire scan effectDepth map based movementGlowing dot grid with noise variationSubtle mouse interactionCustomizable scan speed and softnessAdjustable dot size, density, and softnessFull control over color tint (RGB)Brightness, opacity, and intensity controls How to Use: Upload your main imageUpload a matching depth mapAdjust scan, dot, and color settings Important Note This component requires a matching grayscale depth map for the best result. This component requires both a Depth Map generated from your original image for the effect to work correctly. The maps is not generated inside the component itself and must be created using a third-party depth map generator before use. You can create them using free tools and AI depth map generators available online. Once generated, simply upload the original image along with its matching maps into the component settings. Questions? Reach out at hasanwali6890@gmail.com Refund Policy All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.

Introduction

Fire Scan Effect

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400157168/148/188/238/289/2
  • All · #3848