- Plataforma
- YouTube
- Duración
- 4:10
- Idioma hablado
- inglés estadounidense
- Visitas
- 2,2 mil
- Corte mediano
- 2.75s
- Rostro en pantalla
- 61%
- Fotogramas oscuros
- 61%
Transcripción de Codex Helped Me Put the World Cup on My Desk
Transcrito por un modelo de voz a partir del audio de la pieza, no redactado por la marca. Pulsa cualquier línea para saltar a ese momento.
- 0:00Watching the World Cup is great, but I always thought it would be so awesome if the game could happen on top of my desk.
- 0:06So I built an AR match dashboard that turns my desk into a little World Cup command center.
- 0:11I can still watch the game on the broadcast, but I can view the stats right here to add a little excitement.
- 0:18And today, I'm going to show you how I built it.
- 0:24Soccer is a spatial game.
- 0:25Players have positions, attackers have directions, momentum moves from one side to the other all the time,
- 0:31which I can all view on the broadcast.
- 0:34But when you want some extra context during a match,
- 0:37that usually means digging through pages, player stats, roles, numbers.
- 0:41It's not really intuitive and it kind of separates you from the game.
- 0:44I wanted to make that context feel more immersive,
- 0:48a match dashboard that I can look down on and view all the stats while looking at the field.
- 0:53To make this work, I needed to solve two problems.
- 0:56First, the AR view had to be stable on my desk.
- 0:59I explored a few platforms, but I settled on building an iOS app and viewing it from my iPad,
- 1:05simply because the stable AI capabilities it provides, and I also didn't own a Vision Pro.
- 1:11Building AR apps for iOS is great because it provides accurate spatial tracking and
- 1:16various features that you need to build an AR application, and it exposes them through simple
- 1:22APIs. Second, I need to fetch the game data, store it, and broadcast it as real-time data.
- 1:28For this, I use SportMonks API and Superbase. Superbase fetches the game data using edge
- 1:34functions, and I store it in my tables, and I also broadcast them over Superbase real-time.
- 1:41I started by chatting with Codex to get the first version of the iOS AR scene working.
- 1:46iOS has amazing surface detection and general AR capability,
- 1:50so creating a nice saga field that looks stable on my desk was fairly easy.
- 1:56Then it was time to add the backend.
- 1:59I, as in Codex, wrote the super-based edge functions that caused the SportMonks API,
- 2:04pulls in all the match data, players data, all the stats,
- 2:07clean it up, and store it in the tables so that our app can read it.
- 2:12And after that, I added a entry screen, a dashboard where I can browse all the games from the finals tournament.
- 2:18I can pick a match, tap it, and it'll open it up on my desk and play back the entire game at 60x speed.
- 2:26And yes, it still hurts to watch Japan lose against Brazil on my desk.
- 2:34What I love about this experience is you can get closer into the scoreboard or players.
- 2:39you can tilt it, the way it looks more dynamic and exciting,
- 2:43and you have all the freedom to make it your own.
- 2:47A normal app makes you scroll.
- 2:48This is what makes you go into the actual game.
- 2:51Honestly, the whole reason why I wanted to create this project
- 2:54was because I wanted to do something cool with AR and World Cup that was going on,
- 2:59and of course, Super Bass.
- 3:00And I'm really glad with the quality that it turns out.
- 3:04And I think it just shows the potential of what you can create using AI, AR, Superbase,
- 3:11all these cool technologies that we have today.
- 3:13So here's what works right now.
- 3:15The app can load soccer match data from Superbase and present it inside this AR experience.
- 3:22And that's how FIRE got with this project.
- 3:24But I'm sure there's other ways we could make the experience richer.
- 3:27Maybe there's an API that provides real-time player positions
- 3:30and we could actually move the player markers around.
- 3:33Maybe there's other advanced stats that we should be displaying.
- 3:36Maybe there's a better way of visualizing some of the stats to, I don't know, appear on the field or something.
- 3:43Possibilities are endless.
- 3:44And with the help of these tools, AI and Superbase and other tools that are appearing,
- 3:51the boundary of entry is only getting lower.
- 3:55Anybody can build awesome AR apps that was hard to build just a few years ago.
- 4:01So if you have the passion for it, you should just start building.
- 4:05And let's all sit back, relax, and enjoy how the World Cup plays out.
56 líneas · 735 palabras
More from Supabase
All of Supabase →The rest of their work we have taken apart.
Cut at the same speed
Films whose median shot runs closest to 2.75s.
69M views1X
NEO The Home Robot Order Today
9:53271 frames2.8s cut25% face
1.8M views1X
NEO The Home Robot | Order Today
9:53271 frames2.8s cut24% face
103K views1X
NEO The Home Robot | Design
0:5836 frames2.8s cut0% face
90K viewsVercel
You can just ship things.
1:2446 frames2.8s cut4% face
Launch77K viewsRunway
Gen-4.5 is now available for all Runway plans. Runway Gen-4.5 is the...
0:3824 frames2.8s cut0% face
2K viewsGitHub
How a GitHub lawyer uses Copilot CLI to verify AI outputs
1:3855 frames2.8s cut44% face
601 viewsPinterest
Pinterest | Get a Taste
0:3020 frames2.8s cut30% face
9.2M viewsApple
Apple Watch — Dear Apple — Apple
2:38146 frames2.7s cut49% face
Launch640K viewsElevenLabs
Introducing 11ai - the AI personal assistant that's voice-first and s...
1:0642 frames2.8s cut62% face
Launch507K viewsAdobe
Adobe Photoshop (beta) x Adobe Firefly: Announcing Generative Fill | Adobe
1:0140 frames2.8s cut0% face
2K viewsSiamak from Campfire
Campfire - Hangout & play!
1:0840 frames2.8s cut0% face
LaunchWarp
Introducing Warp 2.0: The Agentic Development Environment
2:2748 frames2.8s cut63% face
Lit and framed like this
Closest on how much of the running time has a face in it and how dark the frames are.
408K viewsLacoste
The new Lacoste campaign I Life is a Beautiful Sport
1:1159 frames1.1s cut61% face
2.2M viewsAlex Slater
Alex Slater - We fixed flight booking.
1:0748 frames1.8s cut63% face
Launch25K viewsFarza
I’m still not sure if this is my new “company” or anything like that....
2:07202 frames1.8s cut63% face
53K viewsNotion
The most meaningful things are never built alone. AI shouldn't change...
0:3027 frames1.4s cut63% face
200K viewsJon Lai
a16z @speedrun request for startups: GUIs for Agents we’re still in ...
1:4271 frames1.6s cut59% face
128K viewsMidjourney
We're bumping up the number of styles in our style explorer by anothe...
1:34105 frames0.6s cut56% face
310 viewsSkydio
How Winston-Salem PD Collapsed Emergency Response Times with Skydio and Prepared
3:34142 frames4.5s cut59% face
76K viewsFarza
Usage is through the roof. Working on keeping product up + reliable....
2:00182 frames2.0s cut66% face
73K viewsSuperhuman Mail
The next evolution of Superhuman AI
7:44175 frames5.2s cut58% face
1.8M viewsGawx Art
All Artists Are Thieves
9:02306 frames1.9s cut54% face
Ferdinand Dabitz
There is so much to be said about the bank charter, the approval and how we’re re-thinking clearing for the AI era. But first, I wanted to take 2 minutes to talk about why “Augustus”.
0:5050 frames0.7s cut58% face
515 viewsContra
AI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026)
3:15162 frames3.1s cut66% face
More social
Same category, other makers, most watched first.
622M viewsBase44
Your ideas, your apps—Base44
0:5651 frames1.1s cut6% face
538M viewsBase44
Turn any idea into an app with Base44
0:5538 frames2.2s cut50% face
154M viewsBase44
Build Your Website with One Sentence | Base44
0:4835 frames0.9s cut31% face
81M viewsNike Football
Rip The Script | Nike Football
6:00310 frames1.1s cut60% face
75M viewsPetSmart
PetSmart | "Pickup in...STORE!"
0:1511 frames1.4s cut64% face
69M viewsApple
Apple Education: Ready for every learning opportunity
1:4687 frames1.3s cut40% face
64M viewsBland
Phone calls suck. So, we bought a giant telephone car, raised $65,00...
1:4854 frames4.3s cut81% face
39M viewsFigma
Oh wait there’s more: we’re building 3D Transforms, here’s a preview ...
1:0423 frames4.0s cut78% face
36M viewshims
Getting Help is Simple, With Hims
0:3023 frames2.0s cut70% face
36M viewsFigma
Made in Figma (2025) Like this ❤️ we designed it for you
0:3872 frames0.5s cut7% face
35M viewsApple
Hello, MacBook Neo
3:50291 frames67.5s cut1% face
34M viewsBase44
Build it your way with Base44.
0:5133 frames1.9s cut0% face