HomeWorksAbout
Get in touch
Email
neeldedkavala@gmail.com
Socials
LinkedInTwitter (X)Instagram

Frog's Panel

0 of 12 unlocked

Frog Pet

Show FrogToggle frog visibility on the page
Follow CursorFrog will follow your mouse around

Frog Skins

Tasks

Observer

You've explored the Works section and seen what I've built.

0/1

Storyteller

You took the time to read my story in the About section.

0/1

Roots

Returned to the beginning. Welcome back to the Home page.

0/1

Networker

You clicked on a social link. Let's connect!

0/1

Recruiter

Copied my email address. I look forward to your message!

0/1

Frog Whisperer

You petted the frog 5 times. It seems to like you!

0/5

Say My Name

Discovered the interactive title element. Nice find!

0/1

Fact Checker

Verified the experience stats by clicking on them.

0/1

Skill Hunter

Showed interest in 3 different skills. You're thorough.

0/3

Eagle Eye

Found the hidden clickable symbol. You have sharp eyes!

0/1

Initiator

Clicked the 'Get in Touch' button. Let's start something great.

0/1

Mood Setter

Wait... is there a theme toggle?

0/1

Danger Zone

Project
Apple Pencil Animation
Back to Works

Apple Pencil Animation

Creative Development2026

An elegant, procedural WebGL SVG drawing engine simulating Apple Pencil characteristics.

Apple Pencil Animation
Year2026
TypeCreative

Project overview

This project brings static SVG graphics to life using custom Three.js geometry extrapolation. A highly optimized physics-based simulation of an Apple Pencil elegantly draws organic curves, morphing its orientation perfectly in 3D space to simulate paper contact, complete with variable linear motion blur and localized shadowing constraints.

Tech stack

Three.js
GSAP
React
WebGL
Three.js
GSAP
React
WebGL
Three.js
GSAP
React
WebGL
The challenge

Handling complex sub-paths, auto-scaling various SVG resolutions entirely dynamically, and simulating realistic 3D shadowing using WebGL composite filters alongside Catmull-Rom curve parsing formed the bulk of this challenge. The rendering leverages native ACESFilmic mapping to perfectly reconstruct the pencil’s tactile aluminum materials.

Key features
01

Procedural SVG Extrusion to 3D Bezier Paths

02

Catmull-Rom Curve Length Adaptive Segmentation

03

Real-time Soft Variable Blur Shadows (SVG Sprites)

04

Dynamic PMREM Studio Lighting Implementation

See All Works