- Plattform
- YouTube
- Länge
- 4:10
- Gesprochene Sprache
- Englisch (Vereinigte Staaten)
- Aufrufe
- 2211
- Median-Schnitt
- 2.75s
- Gesicht im Bild
- 61%
- Dunkle Bilder
- 61%
Transkript von Codex Helped Me Put the World Cup on My Desk
Von einem Sprachmodell aus dem Ton des Films transkribiert, nicht von der Marke geschrieben. Klicke auf eine Zeile, um an diese Stelle zu springen.
- 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 Zeilen · 735 Wörter
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