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.

3D, folding map view built with MKMapView and a few well organised _UIPortalViews... Used CATransformLayer and CATransform3D to create the 3D effect. All animatable with UIKit animation APIs too which is a nice bonus - UIViewPropertyAnimator doing the work here.

Seb Vidal

6,805 subscribers

80,165 Aufrufe • vor 1 Jahr •via X (Twitter)

Bildung Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Cosmin

Cosminvor 1 Jahr

🤯

Profilbild von Seb Vidal

Seb Vidalvor 1 Jahr

This may or may not be for Duet’s map view feature that we spoke about like 2 years ago 💀

Profilbild von UserInterface

UserInterfacevor 4 Jahren

Need Professional Video Production, Music Videos, Commercials, Graphic Design, or Photo Retouching? We will take your project from concept to completion. #services #creative #DMV

Profilbild von Levi Williams

Levi Williamsvor 1 Jahr

Insane 🤯

Profilbild von Seb Vidal

Seb Vidalvor 1 Jahr

Cheers Levi 💪🏽

Profilbild von Justin Allen

Justin Allenvor 1 Jahr

The zoom in that kinda breaks the folded map immersion. But other than that it’s neat!

Profilbild von Seb Vidal

Seb Vidalvor 1 Jahr

Yeah the angle is pretty aggressive, 45 degrees here. Could make it less for a “smoother” look :)

Profilbild von Krisztián Kemenes

Krisztián Kemenesvor 1 Jahr

Really nice!

Profilbild von Seb Vidal

Seb Vidalvor 1 Jahr

Thanks Krisztián! 🙏🏽

Profilbild von Steven Peterson 🏳️‍🌈

Steven Peterson 🏳️‍🌈vor 1 Jahr

This is spiffy, it’d be easier to get from section 2 to section 6 if you just folded the whole ring in half!

Profilbild von Seb Vidal

Seb Vidalvor 1 Jahr

Steven for SVP of hardware engineering!

Ähnliche Videos

Here it is side-by-side with the original clip and the 3D animation I used as reference

Here it is side-by-side with the original clip and the 3D animation I used as reference

Donk.tk

48,050 Aufrufe • vor 2 Jahren

📣3D Mode is LIVE on Soar Atlas! 🌍 Explore 1M+ maps 3D 🛰️ View the latest satellite imagery in 3D 📍 Annotate with markers, text, and 3D models 🎥 Record fly-throughs and share discoveries All inside your browser: Open any map → Click "View in 3D"

📣3D Mode is LIVE on Soar Atlas! 🌍 Explore 1M+ maps 3D 🛰️ View the latest satellite imagery in 3D 📍 Annotate with markers, text, and 3D models 🎥 Record fly-throughs and share discoveries All inside your browser: Open any map → Click "View in 3D"

Soar Atlas

79,057 Aufrufe • vor 3 Monaten

A very nice new feature of the Tesla built-in service menu. An interactive 3D map of the harnesses with connector pinouts.

A very nice new feature of the Tesla built-in service menu. An interactive 3D map of the harnesses with connector pinouts.

Oleg Kutkov 🇺🇦

43,223 Aufrufe • vor 1 Jahr

Yes, AI is here and 3D artists have to adapt. Here's one way I'm integrating AI with my 3D work, as a set extension. The BG is generated by Kling 3.0 and brought into my 3D scene so I can fully control the timing of the lights in the FG, which is 3D. Seedance 2.0 next!!

Yes, AI is here and 3D artists have to adapt. Here's one way I'm integrating AI with my 3D work, as a set extension. The BG is generated by Kling 3.0 and brought into my 3D scene so I can fully control the timing of the lights in the FG, which is 3D. Seedance 2.0 next!!

David Ariew

29,736 Aufrufe • vor 7 Monaten

With the new iOS 17 scroll view APIs, we can create a scroll animation like this with just a few lines of code. For more, check out the video👇

With the new iOS 17 scroll view APIs, we can create a scroll animation like this with just a few lines of code. For more, check out the video👇

Kavsoft

156,612 Aufrufe • vor 2 Jahren

I told an AI to build a 3D racing game. And it actually understood the entire idea. It created the terrain, racers, obstacles, collisions, different environments AND even the leaderboard. I barely touched the 3D workflow. This is what an all-in-one AI 3D Agent should feel like. The game's map keeps changing with: → Mountains → boulders → Rainforests → thorns & trees → Ice → slippery chaos → Cherry blossoms → roadblocks & cars And you can literally tackle other riders and make them fall. But be careful because the game resets when you get hit by a car or boulder. All built with Hi3D Agent. Most 3D AI tools just create 3D models but Hi3D goes next level by creating 3D games.

I told an AI to build a 3D racing game. And it actually understood the entire idea. It created the terrain, racers, obstacles, collisions, different environments AND even the leaderboard. I barely touched the 3D workflow. This is what an all-in-one AI 3D Agent should feel like. The game's map keeps changing with: → Mountains → boulders → Rainforests → thorns & trees → Ice → slippery chaos → Cherry blossoms → roadblocks & cars And you can literally tackle other riders and make them fall. But be careful because the game resets when you get hit by a car or boulder. All built with Hi3D Agent. Most 3D AI tools just create 3D models but Hi3D goes next level by creating 3D games.

Darshal Jaitwar

42,079 Aufrufe • vor 22 Tagen

Insane what you can create with three.js nowadays. I made a game-quality 3D experience in the browser with water ripples, smoke effects, a 3D paper menu, underwater UI, and a peeling footer. The whole thing is pure code and only 183 KB. Seriously, no loading screen needed. I combined and components with a few direct prompts: - Open the hamburger menu as a 3D paper overlay {threeui 3D paper} - Add a peel effect to the footer {canvasui peel} - When the cursor passes through the heading, turn the letters into smoke {canvasui liquid object} Inspired by the amazing site. Let me know if I should open-source it.

Insane what you can create with three.js nowadays. I made a game-quality 3D experience in the browser with water ripples, smoke effects, a 3D paper menu, underwater UI, and a peeling footer. The whole thing is pure code and only 183 KB. Seriously, no loading screen needed. I combined and components with a few direct prompts: - Open the hamburger menu as a 3D paper overlay {threeui 3D paper} - Add a peel effect to the footer {canvasui peel} - When the cursor passes through the heading, turn the letters into smoke {canvasui liquid object} Inspired by the amazing site. Let me know if I should open-source it.

Meng To

40,461 Aufrufe • vor 1 Monat

This is and example of a 3D map working in the GPU Canvas in Rive. The mesh uses an artboard as a texture with the map and zone interactions. The labels and icons are projected over the map.

This is and example of a 3D map working in the GPU Canvas in Rive. The mesh uses an artboard as a texture with the map and zone interactions. The labels and icons are projected over the map.

JcToon

10,230 Aufrufe • vor 4 Monaten

InstantSplat++ is now open source. It is a lightweight library that connects foundation models (VGGT, MASt3R, MAP-Anything, etc.) with the Gaussian splatting family. Given uncalibrated images, it optimizes a 3D scene in a few seconds. Try the demo and code here:

InstantSplat++ is now open source. It is a lightweight library that connects foundation models (VGGT, MASt3R, MAP-Anything, etc.) with the Gaussian splatting family. Given uncalibrated images, it optimizes a 3D scene in a few seconds. Try the demo and code here:

Zhiwen(Aaron) Fan

31,864 Aufrufe • vor 7 Monaten

The challenge of creating this scene was from a 3D environment to a 2D painted environment. We used the character to bait-and-switch out the backgrounds. #2d #3d #animation

The challenge of creating this scene was from a 3D environment to a 2D painted environment. We used the character to bait-and-switch out the backgrounds. #2d #3d #animation

THE LINE

697,940 Aufrufe • vor 3 Jahren

3D for Hana is here. The first canvas that combines 3D and 2D in real-time. Convert any shape to a 3D model in a non-destructive process. All systems (vectors, booleans, layouts, events, etc.) work together.

3D for Hana is here. The first canvas that combines 3D and 2D in real-time. Convert any shape to a 3D model in a non-destructive process. All systems (vectors, booleans, layouts, events, etc.) work together.

Spline

114,870 Aufrufe • vor 10 Monaten

MiniMax Design’s 3D Director is a lifesaver for a 3D newbie No wrestling with complex 3D tools Just keep chatting to create,storyboards and motion previews H3 prompts + a full workflow are built in Plus, annual users get 20% off both H3 and image gen

MiniMax Design’s 3D Director is a lifesaver for a 3D newbie No wrestling with complex 3D tools Just keep chatting to create,storyboards and motion previews H3 prompts + a full workflow are built in Plus, annual users get 20% off both H3 and image gen

Amalia

544,907 Aufrufe • vor 1 Monat

A mash up of some 3d work over the past month or so for todays #30DayMapChallenge. It's a mix of work brand stuff, personal experiments and some abstract art exploration thrown in for fun. I also updated my website with some projects from this year if you want to see more 3d map fun! #3d #map

Craig Taylor

33,745 Aufrufe • vor 2 Jahren

dude Astra with a 3D model generator is fucking insane i gave it access to the 3D AI Studio MCP and told it to make Rocket League it generated the assets itself and built this:

dude Astra with a 3D model generator is fucking insane i gave it access to the 3D AI Studio MCP and told it to make Rocket League it generated the assets itself and built this:

Jan

237,687 Aufrufe • vor 1 Monat

Here's an example of what you can create with Foldspace! Foldspace is a new plugin for #AfterEffects that enables artists to create, edit, and animate curved 3D surfaces. It's still a work in progress. #motiondesign #animation #WIP

Here's an example of what you can create with Foldspace! Foldspace is a new plugin for #AfterEffects that enables artists to create, edit, and animate curved 3D surfaces. It's still a work in progress. #motiondesign #animation #WIP

Motion Princess

13,746 Aufrufe • vor 9 Monaten

View Transitions with CSS linear() to create a light flicker effect on theme change 💡 [data-theme='light']::view-transition-group(root) { animation-timing-function: var(--flicker); } jus' set a custom timing function on the default animation 👨‍🍳 bonus: drag switch ✨

View Transitions with CSS linear() to create a light flicker effect on theme change 💡 [data-theme='light']::view-transition-group(root) { animation-timing-function: var(--flicker); } jus' set a custom timing function on the default animation 👨‍🍳 bonus: drag switch ✨

jhey ʕ•ᴥ•ʔ

113,597 Aufrufe • vor 11 Monaten

More and more users are turning their 360 footage into fully explorable 3D Gaussian Splats with View it here: This reconstruction started from a simple capture and is now a fully explorable 3D Gaussian Splat rendered in the FreeGaussian viewer, complete with point cloud reconstruction and high-fidelity spatial detail. More and more creators are discovering that their existing footage can become immersive 3D scenes. And they’re doing it for free with FreeGaussian

More and more users are turning their 360 footage into fully explorable 3D Gaussian Splats with View it here: This reconstruction started from a simple capture and is now a fully explorable 3D Gaussian Splat rendered in the FreeGaussian viewer, complete with point cloud reconstruction and high-fidelity spatial detail. More and more creators are discovering that their existing footage can become immersive 3D scenes. And they’re doing it for free with FreeGaussian

Over the Reality 🌐

14,845 Aufrufe • vor 5 Monaten

3D extrusion shader in Figma. Draw content inside a frame with the shader applied and it'll be transformed into 3D live as you're drawing. Stack with other shaders and animate to create 3D animations. Clone this file to grab the shader!

3D extrusion shader in Figma. Draw content inside a frame with the shader applied and it'll be transformed into 3D live as you're drawing. Stack with other shaders and animate to create 3D animations. Clone this file to grab the shader!

Piers Cowburn

47,457 Aufrufe • vor 3 Monaten

I'm getting a new office space in November. I went today and took pictures and a 3D scan with some app on my phone. I gave all the files to Codex and told it to render it while I got on a call. Here you can see the clean render, and the 3D scan as well! Wild times.

I'm getting a new office space in November. I went today and took pictures and a 3D scan with some app on my phone. I gave all the files to Codex and told it to render it while I got on a call. Here you can see the clean render, and the 3D scan as well! Wild times.

Aaron Francis

22,318 Aufrufe • vor 25 Tagen