Three.js/WebGL dev — interactive 3D eye component (video-in-iris, blink)

Posted 4 weeks ago

Worldwide

Summary

I'm a music-video director (VisionOfFury). I need ONE custom interactive component built — not a whole website (I'm building the rest myself). Just the hard 3D piece. THE COMPONENT — a full-screen 3D wolf eye that doubles as the site's navigation. Think Lyrical Lemonade's site (a brand object with a video playing inside that changes) — but ours is a 3D wolf eye, the video is fisheye'd inside the iris, and the eye blinks or rolls to change what's inside. It should: • track the mouse and look around in all directions (real 3D eyeball) • play swappable content inside the iris, fisheye/lens-warped, masked to the iris — usually a video, but the iris is a "portal" that can also show other scenes (I provide each) • BLINK on command (small change — e.g. next video) AND EYE-ROLL on command (the eye rolls away and back to reveal a different "world" inside — used to switch sections) • reveal red brand lettering ("veins" on the lower eye) when it looks up • sit on a night sky; edges blend into the stars (gradient, no hard rectangle); work on mobile (gyro/auto-drift) INTERACTION MODEL: NOT a scroll/zoom/fly-through 3D site. The eye is a locked full-screen view; navigation = blinking/rolling between states. So I mainly need clean mouse-tracking + blink() + roll() + a way to swap the iris content on the closed/rolled frame. THE LOOK: I'll provide target eye artwork (amber iris, red "VisionOfFury" veins, wolf fur), a reference blink animation, the night sky, sample videos, and a full spec. You're NOT locked to my flat image — use it as texture/reference or build a proper 3D eye that nails the look. Propose your approach. DELIVERABLE: a self-contained, reusable Three.js/WebGL component (React or framework-agnostic JS) + clean source + README + demo page. I own the code and integrate it. NOT in scope (I handle these): the rest of the site, pages, forms, payments, backend, deploy. TO APPLY, please include: 1. 1–2 links to LIVE interactive 3D/WebGL work you've personally shipped (not templates). 2. A fixed-price quote + timeline for just this component. 3. One line on how you'd build the iris content + blink/eye-roll, and your approach to the 3D eye. Spec + assets ready to send.

  • $750.00

    Fixed-price
  • Intermediate
    Experience Level
  • Remote Job
  • Ongoing project
    Project Type
Skills and Expertise
Mandatory skills
Three.js
WebGL
JavaScript
Activity on this job
  • Proposals:15 to 20
  • Last viewed by client:3 weeks ago
  • Interviewing:
    2
  • Invites sent:
    0
  • Unanswered invites:
    0
About the client
Member since Oct 21, 2025
  • USA
    Columbus11:14 AM
  • $2.2K total spent
    1 hire, 1 active
  • 82 hours

Explore similar jobs on Upwork

HTML
Microsoft Outlook
Office 365
HTML5
Front-End Development
Responsive Design
Wix
Web Development
Information Architecture
UX & UI Design

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo