Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

I built a post-run recap design studio in SwiftUI Live animated map, 2D and 3D rendering, full customization. Here's how everything works 👇

JC Builds

1,802 subscribers

37,931 Aufrufe • vor 4 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

20 Kommentare

Profilbild von JC Builds

JC Buildsvor 4 Monaten

The flyover is one MKMapCamera, assigned every frame. No game engine or shaders were needed. The chase-cam "trick" was aiming the heading at a point ~60m down the route and low-pass smooth it. This gives the effect that it's looking AHEAD of the runner (not at them) so the road fills most of the view. "Turning Speed" in my settings panel is literally just the low-pass responsiveness.

Profilbild von JC Builds

JC Buildsvor 4 Monaten

Every style is the same route data, but a different renderer: - 3D: a SceneKit scene, scrubbed offscreen with SCNRenderer - 3D Map: a live MKMapView flythrough - Map: one MKMapSnapshotter shot + per-frame overlay at 60fps Three renderers using only one route and one settings struct.

Profilbild von JC Builds

JC Buildsvor 4 Monaten

I found the hard part to be turning live MapKit flythrough into an exportable mp4 MapKit wouldn't render tiles off-screen. So... - pre-fly the whole route once to warm the tile cache - scrub the camera frame by frame - capture with drawHierarchy(afterScreenUpdates: true) - feed CVPixelBuffers into AVAssetWriter

Profilbild von TheIndieBuilder

TheIndieBuildervor 4 Monaten

This is really cool!

Profilbild von JC Builds

JC Buildsvor 4 Monaten

Thank you!

Profilbild von David T Kramaley

David T Kramaleyvor 4 Monaten

nice hack for tile caching, how's frame accuracy on longer routes? 👍

Profilbild von JC Builds

JC Buildsvor 4 Monaten

As far as I know, it should work for longer routes, but need to give it a shot this weekend!

Profilbild von bro

brovor 4 Monaten

Looks so cleannn! Is this recording the run or importing from ie: Strava?

Profilbild von JC Builds

JC Buildsvor 4 Monaten

This is recording the run (but ports runs to Strava if the user signs in)! I plan to create a way for users to pull their run data from other apps like Strava and Apple Activities, so they can animate old runs!

Profilbild von Nick Venturi

Nick Venturivor 4 Monaten

now i actually have to start running just to use this

Profilbild von JC Builds

JC Buildsvor 4 Monaten

Haha appreciate it, definitely encouragement for me too!

Profilbild von Michael

Michaelvor 4 Monaten

Looks rad! Where can we get it?

Profilbild von JC Builds

JC Buildsvor 4 Monaten

Thanks! It’s called “carve” on the App Store. New version with animations shipping Monday!

Profilbild von Paul Tweets

Paul Tweetsvor 4 Monaten

I was kind of hoping for some Wii Miis jumping up and down to cheer you on

Profilbild von JC Builds

JC Buildsvor 4 Monaten

lol I’m working on a character for the runner, didn’t even think about spectators! I like where your heads at!

Profilbild von Parth Antala

Parth Antalavor 4 Monaten

Love it! 😍

Profilbild von JC Builds

JC Buildsvor 4 Monaten

Thanks, it was a fun process!

Profilbild von PomoFocus

PomoFocusvor 4 Monaten

Good Job

Profilbild von JC Builds

JC Buildsvor 4 Monaten

Thanks!

Profilbild von John Kent

John Kentvor 4 Monaten

nice one! i built a version of this too, never released though

Ähnliche Videos

🛡#Live3D #Live2D #Live2DWIP🛡 Collaborating with Moshie Studio ✦ Live2D & Stream Assets , I built this pseudo-3D hand entirely in Live2D It supports full 360° X-axis rotation, finger grasping, and a fake outline effect. So in a way… this is a pseudo-2D inside pseudo-3D inside 2D ☝🤓

🛡#Live3D #Live2D #Live2DWIP🛡 Collaborating with Moshie Studio ✦ Live2D & Stream Assets , I built this pseudo-3D hand entirely in Live2D It supports full 360° X-axis rotation, finger grasping, and a fake outline effect. So in a way… this is a pseudo-2D inside pseudo-3D inside 2D ☝🤓

📐Hephaestus📏Live2D匠人魂

97,661 Aufrufe • vor 9 Monaten

🏀 I built this PoC using a single 2D broadcast video: applied pitch detection, player positioning, and movement tracking to reconstruct the play in 3D and map it onto a real basketball court in XR.

🏀 I built this PoC using a single 2D broadcast video: applied pitch detection, player positioning, and movement tracking to reconstruct the play in 3D and map it onto a real basketball court in XR.

Stijn Spanhove

36,957 Aufrufe • vor 10 Monaten

Wow this blew up! Here's a quick tutorial on how you can easily recreate this in 2d and 3d!

Wow this blew up! Here's a quick tutorial on how you can easily recreate this in 2d and 3d!

Dhruvin

85,566 Aufrufe • vor 1 Jahr

I recreated a Britney Spears music video in 3D. Here's how 👇

I recreated a Britney Spears music video in 3D. Here's how 👇

Framer 🇱🇹

17,919 Aufrufe • vor 6 Monaten

Motion Design in Ad Studio. Now live. Animated typographical ads without the motion graphics studio, built for founders and small teams. Start with a screenshot or brand kit, get a storyboard, render a 15-second motion ad in minutes. Motion design that used to need a production house now takes some imagination and a click. ✉️ Comment "Motion Design" and we'll dm you the link.

ImagineArt

524,612 Aufrufe • vor 3 Monaten

Here's a look at the body customization! 💙✨Compared to 2D customizables, ours allows for a wider range of movement in 3D! I love how expressive the body physics are with just face tracking! 🩷-^u^- Only 16 days until the update launches! 🫶

Here's a look at the body customization! 💙✨Compared to 2D customizables, ours allows for a wider range of movement in 3D! I love how expressive the body physics are with just face tracking! 🩷-^u^- Only 16 days until the update launches! 🫶

Pastell & Palette🤍 3D Customizable Model!

15,426 Aufrufe • vor 3 Monaten

I just recorded a deep dive into Pi's architecture. It's a minimalist AI coding agent with a beautiful design. Here's how it actually works 👇

I just recorded a deep dive into Pi's architecture. It's a minimalist AI coding agent with a beautiful design. Here's how it actually works 👇

Alejandro AO 🤗

82,612 Aufrufe • vor 4 Monaten

Holy shit... someone just killed the entire 2D animation pipeline. It's called AutoSprite and it turns ONE character image into fully animated sprite sheets in seconds. No frame-by-frame drawing. No rigging. No animation experience. Here's how it works: 👇

Holy shit... someone just killed the entire 2D animation pipeline. It's called AutoSprite and it turns ONE character image into fully animated sprite sheets in seconds. No frame-by-frame drawing. No rigging. No animation experience. Here's how it works: 👇

Sukh Sroay

184,407 Aufrufe • vor 6 Monaten

Cursor Design is real now. And we open-sourced it for everyone. Point. Comment. Mark. Edit. Capture and remix. Let AI design everything for you. Take control anytime. This is how a real AI design studio works:👉

Cursor Design is real now. And we open-sourced it for everyone. Point. Comment. Mark. Edit. Capture and remix. Let AI design everything for you. Take control anytime. This is how a real AI design studio works:👉

Open Design

308,735 Aufrufe • vor 3 Monaten

Opus 5.5 in the age of personal software 🤯 I just moved: 2 empty walls, plus the art & plants I carried over. I gave Claude a few pics of where I sit, and it built a 2D + 3D model of the room with everything at real size. Here's a glimpse: before I hung anything, and after.

Opus 5.5 in the age of personal software 🤯 I just moved: 2 empty walls, plus the art & plants I carried over. I gave Claude a few pics of where I sit, and it built a 2D + 3D model of the room with everything at real size. Here's a glimpse: before I hung anything, and after.

Dan Fein

16,176 Aufrufe • vor 17 Tagen

One of the features which has been in the works since last year is fetch(). The combo of fetch+rive's 2d rendering api+gpu canvas means we can build a world class Mapbox/etc library (which will be publicly available) for adding perfectly anti-aliased 2D and 3D maps to your HMI, web, Android/iOS projects with complete styling control. And of course it works natively in our editor so you can design Artboards for POI styles, etc. Lots more supporting features coming around this too (like a new scripting language with native support for deadlock free threading). Here's a quick video showing how it interpolates seamlessly between Rive's Vector Renderer (2D) and Rive's GPU Canvas (3D), can you even see it?

One of the features which has been in the works since last year is fetch(). The combo of fetch+rive's 2d rendering api+gpu canvas means we can build a world class Mapbox/etc library (which will be publicly available) for adding perfectly anti-aliased 2D and 3D maps to your HMI, web, Android/iOS projects with complete styling control. And of course it works natively in our editor so you can design Artboards for POI styles, etc. Lots more supporting features coming around this too (like a new scripting language with native support for deadlock free threading). Here's a quick video showing how it interpolates seamlessly between Rive's Vector Renderer (2D) and Rive's GPU Canvas (3D), can you even see it?

Luigi Rosso

10,729 Aufrufe • vor 7 Tagen

👟 3D photo studio 100% AI 🧵 You can now turn any flat image into a full 3D model and run a professional photoshoot. No physical studio required! Here is the full tutorial using Magnific 3D scenes and Nano Banana Pro 👇🧵

👟 3D photo studio 100% AI 🧵 You can now turn any flat image into a full 3D model and run a professional photoshoot. No physical studio required! Here is the full tutorial using Magnific 3D scenes and Nano Banana Pro 👇🧵

Anna Kondratenko 👩🏻‍💻

21,341 Aufrufe • vor 5 Monaten

We just changed how design works in Base44. One prompt now gives you something that looks like a full design team built it. Here’s what it creates:

We just changed how design works in Base44. One prompt now gives you something that looks like a full design team built it. Here’s what it creates:

Base44

23,282 Aufrufe • vor 6 Monaten

The Design OS for your coding agents $ npx skills add superdesigndev/superdesign-skill - Design w/ full codebase context - Infinite canvas exploration - Built in prompt library Here is how it works 🧵👇

The Design OS for your coding agents $ npx skills add superdesigndev/superdesign-skill - Design w/ full codebase context - Infinite canvas exploration - Built in prompt library Here is how it works 🧵👇

Jason Zhou

67,981 Aufrufe • vor 8 Monaten

I built a free tool that shows how night-time lights have changed anywhere on Earth. Here's how it works and why it's useful for monitoring conflict, disasters, development and growth. 👇

I built a free tool that shows how night-time lights have changed anywhere on Earth. Here's how it works and why it's useful for monitoring conflict, disasters, development and growth. 👇

Benjamin Strick

41,639 Aufrufe • vor 7 Monaten

Here's how I animated this skating sequence! #SolarisSupercupSeries 1) Animate a cube in 3D space to figure out where the camera will be! 2) Parent rig to cube and do rough poses with 2D drawings on top! 3) MORE KEYFRAMES 4) Add grease pencil FX!

Here's how I animated this skating sequence! #SolarisSupercupSeries 1) Animate a cube in 3D space to figure out where the camera will be! 2) Parent rig to cube and do rough poses with 2D drawings on top! 3) MORE KEYFRAMES 4) Add grease pencil FX!

Raymond Luc

31,444 Aufrufe • vor 8 Monaten

Been pushing Rive's new 3D and shader support to see what's possible 🚀 Using AI + scripting, I was able to: • Import 3D models • Generate cameras and lights • Create custom shaders (wireframe, AO, sketch, toon) • Build materials • Project animated textures onto 3D geometry • Place 2D components directly in 3D space It's pretty wild to see how quickly Rive is evolving into a true all-in-one platform for interactive design.

Been pushing Rive's new 3D and shader support to see what's possible 🚀 Using AI + scripting, I was able to: • Import 3D models • Generate cameras and lights • Create custom shaders (wireframe, AO, sketch, toon) • Build materials • Project animated textures onto 3D geometry • Place 2D components directly in 3D space It's pretty wild to see how quickly Rive is evolving into a true all-in-one platform for interactive design.

Sanu Sagar

18,218 Aufrufe • vor 4 Monaten

Agent-Based Bidding I built a system where autonomous AI agents compete in real-time auctions (basename ens.eth) using x402. Here's how it works 👇 1/10 🧵

Agent-Based Bidding I built a system where autonomous AI agents compete in real-time auctions (basename ens.eth) using x402. Here's how it works 👇 1/10 🧵

Ash

38,588 Aufrufe • vor 11 Monaten