Three.js/WebGL dev — interactive 3D eye component (video-in-iris, blink)
Worldwide
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- IntermediateExperience Level
- Remote Job
- Ongoing projectProject Type
Skills and Expertise
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
- USAColumbus11:14 AM
- $2.2K total spent1 hire, 1 active
- 82 hours
Explore similar jobs on Upwork
How it works
Create your free profileHighlight your skills and experience, show your portfolio, and set your ideal pay rate.
Work the way you wantApply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
Get paid securelyFrom contract to payment, we help you work safely and get paid securely.
About Upwork
- 4.9/5(Average rating of clients by professionals)
- G2 2021#1 freelance platform
- 49,000+Signed contract every week
- $2.3BFreelancers 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