Skip to content

feat(home): interactive 3D forge WebGL hero with real-time forging bursts (Issue #865)#1240

Open
Tusharkhadde wants to merge 2 commits into
SolFoundry:mainfrom
Tusharkhadde:feat/interactive-3d-forge-visualization
Open

feat(home): interactive 3D forge WebGL hero with real-time forging bursts (Issue #865)#1240
Tusharkhadde wants to merge 2 commits into
SolFoundry:mainfrom
Tusharkhadde:feat/interactive-3d-forge-visualization

Conversation

@Tusharkhadde
Copy link
Copy Markdown

@Tusharkhadde Tusharkhadde commented May 12, 2026

Summary

Implements an interactive 3D WebGL forge visualization for the homepage hero that represents bounties being forged in real time.

What’s Included

  • Added a new Three.js forge scene component:
    • frontend/src/components/home/ForgeVisualization.tsx
  • Integrated the forge visualization into the homepage hero:
    • frontend/src/components/home/HeroSection.tsx
  • Added dependencies:
    • three
    • @types/three

Forge Experience

  • Real-time forging cycle (periodic forge bursts)
  • Particle spark effects using GPU-friendly THREE.Points
  • Animated forge elements:
    • molten core pulse
    • hammer strike motion
    • dynamic fire lighting
  • Smooth camera motion + subtle orbit behavior
  • User interaction:
    • pointer-reactive camera parallax
    • click-to-forge burst trigger
  • Performance-oriented rendering setup:
    • requestAnimationFrame loop
    • bounded frame delta
    • pixel ratio clamp
    • resize handling + cleanup/disposal

Acceptance Criteria Mapping

  • 3D WebGL scene using Three.js
  • Real-time bounty creation visualization
  • Particle effects and smooth 60fps-oriented animation loop

Notes

  • Hero content/CTAs remain intact; visualization is layered as a non-blocking background.
  • Full frontend build currently reports pre-existing unresolved imports (lib/animations, lib/utils) in unrelated files; this PR does not introduce those issues.

COIN - USDC
NETWORK - ETHEREUM (ERC20)
WALLET - 0xc2b5f011776f69e866e17045f95b8f784e74b809

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

missing-wallet PR is missing a Solana wallet for bounty payout

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant