Menu

Building an interactive 3D event badge with React Three Fiber
📰
0

Building an interactive 3D event badge with React Three Fiber

Vercel News·Paul Henschel·3 days ago
#NnsciTTr
#vercel#three#current#card#rigidbody#copy
Reading 0:00
15s threshold

In this post, we’ll look at how we made the dropping lanyard for the Vercel Ship 2024 site , diving into the inspiration, tech stack, and code behind the finished product. Link to heading Inspiration We’ve shared digital tickets for event attendance in the past, but this time, we wanted to take it one step further by creating a tangible experience. When Studio Basement made a video in Blender that depicted a virtual badge dropping down, we liked the idea of it so much that we started to wonder whether we could make it interactive and run it in the browser. Ultimately, we wanted a highly shareable element that rewards the user for signing up and makes it worth their time.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More