I built an Apple Vision Pro app... visionOS tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.พ. 2025
  • Learn the basics of VisionOS development for the Apple Vision Pro. I build a simple app from scratch using SwiftUI and RealityKit to build an app for Apple's new VR/AR platform.
    Upgrade to PRO fireship.io/pro
    VisionOS Docs developer.appl...
    Apple Vision Code Report • Zuck’s brutal takedown...

ความคิดเห็น • 521

  • @znap_in
    @znap_in 11 หลายเดือนก่อน +1145

    Finally after 6 months, jeff remembered his password for his second channel

    • @aeapplabs
      @aeapplabs 11 หลายเดือนก่อน +10

      I think he was taking some time off due to personal reasons.

    • @trplnr
      @trplnr 11 หลายเดือนก่อน +28

      @@aeapplabs Do you not understand the joke?

    • @vaisakh_km
      @vaisakh_km 11 หลายเดือนก่อน

      @@aeapplabs He was training in openai's new server for past few months....

    • @user-xl5kd6il6c
      @user-xl5kd6il6c 11 หลายเดือนก่อน +2

      @@trplnr Do you not understand a comment giving more info on to _why_ he hasn't been active on the 2nd channel?

    • @DavideDavini
      @DavideDavini 11 หลายเดือนก่อน +18

      Ah the Internet and social media. Let’s all be mean to each other for no reason whatsoever.
      You gotta love it.

  • @4RILDIGITAL
    @4RILDIGITAL 11 หลายเดือนก่อน +149

    It's not only fun to watch these devices evolve but also building on them. I'm also tempted to explore building a Vision OS app using Swift UI.

    • @brandongregori995
      @brandongregori995 11 หลายเดือนก่อน

      Don't do it, use Objective-C. It's so good

    • @denniskj
      @denniskj 11 หลายเดือนก่อน +1

      scam bot

  • @theboredguy6673
    @theboredguy6673 11 หลายเดือนก่อน +178

    There is so much content out there but the moment I see a fireship video I MUST watch

    • @TheAstroG
      @TheAstroG 11 หลายเดือนก่อน +5

      Actually True. His videos are really well structured.

  • @peterhuijsen
    @peterhuijsen 11 หลายเดือนก่อน +536

    API key visible at 6:35!!! Should replace it ASAP.

    • @beyondfireship
      @beyondfireship  11 หลายเดือนก่อน +580

      It's already dead, I figured I leaked it somewhere

    • @turconnipotente
      @turconnipotente 11 หลายเดือนก่อน +88

      well played@@beyondfireship

    • @antongrekov7710
      @antongrekov7710 11 หลายเดือนก่อน +22

      @@beyondfireship nice ip xD

    • @4louisMC
      @4louisMC 11 หลายเดือนก่อน

      For anyone who now wants to go look at it, Ill spare you the effort!
      API Key is "VRnG5AzGKvdEYZEw61stlg95GZyaVDmM"

    • @RiftWarth
      @RiftWarth 11 หลายเดือนก่อน +64

      ​@@beyondfireshipI slowed it down just to see if you left a "Hi, mom" message.

  • @awzsdrcfgybhjimklp
    @awzsdrcfgybhjimklp 16 วันที่ผ่านมา

    Thanks for the video, I got my Vision Pro about a year ago now and I am just now getting started with development for it. I am already a mobile app developer but trying to get one foot into Vision OS before running anything on my headset and this is a good start.

  • @CristianNazare
    @CristianNazare 11 หลายเดือนก่อน +6

    i loved how adding the image into the scene pushes everything down

    • @wlockuz4467
      @wlockuz4467 11 หลายเดือนก่อน +2

      I think that's because its wrapped in a vertical stack.

  • @aubreyxengland
    @aubreyxengland 11 หลายเดือนก่อน +284

    1. make a Flappy Bird clone for VisionOS
    2. call it “Farty Turd”, and charge $5 for it
    3. ???
    4. Profit

    • @nazarshvets7501
      @nazarshvets7501 11 หลายเดือนก่อน +13

      I wonder if they have "Blink Gesture" to make it really hard to play)))

    • @8bitsforyou
      @8bitsforyou 11 หลายเดือนก่อน

      ​@@nazarshvets7501 thats a part of game as we know the flappy bird is hard as hell, yk

    • @mikemadmiked1195
      @mikemadmiked1195 11 หลายเดือนก่อน +4

      Yooooo wtf I literally thought bout this idea instantly then came to he comment just see someone got ahead of me smart man 👍🏽👍🏽

    • @keyonlewis7574
      @keyonlewis7574 11 หลายเดือนก่อน +2

      If I do that I would just make it a 3d flappy bird

    • @mikemadmiked1195
      @mikemadmiked1195 11 หลายเดือนก่อน

      @@keyonlewis7574 that’s a good idea

  • @yolokas
    @yolokas 11 หลายเดือนก่อน +168

    Gotta change your api key! Its visible for a small moment at 6:35

    • @Kat21
      @Kat21 11 หลายเดือนก่อน +33

      that giphy api key is mine

    • @LuisSierra42
      @LuisSierra42 11 หลายเดือนก่อน +41

      He already killed it

    • @atemrandyasong5710
      @atemrandyasong5710 11 หลายเดือนก่อน +3

      Shit

  • @enterTheVFX
    @enterTheVFX 11 หลายเดือนก่อน +20

    Please make more content on how to build virtual worlds or games for visionOS!
    This was a great insight.

  • @Insignia_
    @Insignia_ 11 หลายเดือนก่อน +1

    You should make a series of tutorials on a specific subject, talking about the code and the choices made in the project. Explaining design decisions and discussing implementation should be fun.

  • @DR20005
    @DR20005 11 หลายเดือนก่อน +34

    I would love to see more Apple Vision Pro development!

  • @aboliguu1168
    @aboliguu1168 11 หลายเดือนก่อน +92

    Interesting! I have a slight suggestion on the audio tho. Can you put a high pass / low cut filter at like 80-100hz to your voice, because there is this really low bumping sound that gets somewhat annoying with headphones.
    Most people probably don’t notice the sub bumping sound, but removing it would make the audio easier to listen to with better sound systems.

    • @doitlikeclean
      @doitlikeclean 11 หลายเดือนก่อน +11

      Even that is usually too much for some voices, id say at a minimum start at 50, the lows are more important for Vox than you think but definitely 30-50 has to go

    • @jerbear7952
      @jerbear7952 11 หลายเดือนก่อน +11

      For anyone thinking this is pedantic, I can assure you it is real.

    • @aboliguu1168
      @aboliguu1168 11 หลายเดือนก่อน +4

      @@doitlikeclean Yeah, I agree that 100hz can be a bit much but he has pretty high voice so i think 80hz is still pretty safe bet, in case of paranoia about slightly thinner voice, 60hz.
      P.S I have a decade of audio experience so you don’t have to remind me about ”lows being more important than i think”

    • @ayitinya
      @ayitinya 11 หลายเดือนก่อน +2

      tell me you have good sound systems without telling me

    • @prohacker5086
      @prohacker5086 11 หลายเดือนก่อน +2

      I use 3.75 dollars mobile headphones, I turn volume down not to lose my hearing, filter or no filter

  • @arinahomuleba4165
    @arinahomuleba4165 11 หลายเดือนก่อน +3

    You api key is available for everyone who watches this video at timestamp 06:35. Just move frame by frame and you can catch it before it gets blacked out

  • @tylertuthill5121
    @tylertuthill5121 10 หลายเดือนก่อน

    Dude I've used all of the VR headsets out right now and this is the ONLY one that's worth buying for me. Just like the iPhone revolutionize the smartphone market when everyone else was making them too, this -is-revolutionizing VR and a key part you left out - Augmented Reality. Hopefully you can start looking for the good in things instead of the bad. Kindness and positivity goes a long way.

  • @seifenspender
    @seifenspender 11 หลายเดือนก่อน +9

    Fun tip: For optional binding in Swift you can just use
    `if let data`
    instead of
    `if let data = data`

  • @shapelessed
    @shapelessed 11 หลายเดือนก่อน +6

    I see Switf's JSON deserialisation goes with a similar concept of structs guarding the structure like in GO.

  • @batimius
    @batimius 11 หลายเดือนก่อน +1

    "...the GIF animations don't seem to play, but to be honest, I don't really care enough to figure out why" 10x developer mindset right there

  • @XEyedPeasX
    @XEyedPeasX 11 หลายเดือนก่อน +26

    You should change your API Key...

  • @Dacas5
    @Dacas5 11 หลายเดือนก่อน +5

    good to see you back. Would love some kubernetes content

  • @tdubasdfg
    @tdubasdfg 11 หลายเดือนก่อน +6

    I want tutorials on:
    -Music playback
    -Musical interfaces/objects
    -Programming/staging spatial audio effects

  • @stardrake691
    @stardrake691 11 หลายเดือนก่อน +4

    I’d like a video on how to document requirements and create a plan to complete the full project without just keep adding tasks that you didn’t know they had existed when you first started building it.
    I think there isn’t a fully fledged video on youtube like this and I struggle a lot with it.
    Maybe a tutorial for this channel.

    • @wlockuz4467
      @wlockuz4467 11 หลายเดือนก่อน +1

      +1

  • @LewiUberg
    @LewiUberg 10 หลายเดือนก่อน

    I tried VR in 1992 when I was 8. Even those boxy graphics had amazing wow factor 😅

  • @kidindia
    @kidindia 11 หลายเดือนก่อน +2

    My man I want to learn coding from you. let me know where to sign up. You have no BS - straight to the point approach. I love it

  • @GoldonPt
    @GoldonPt 11 หลายเดือนก่อน +4

    "I wanna do more tutorial videos" I'd love a fireship take on a *modern* react tutorial, never got to learning it since I got into svelte and vanilla is decent these days, would be cool I think

  • @MirkoRaimo
    @MirkoRaimo 11 หลายเดือนก่อน +2

    Sorry Jeff, you dropped this one. Here you are: 🏅

  • @takshshori3290
    @takshshori3290 8 หลายเดือนก่อน

    since you said for us to say what we'd like to see in the comments. PLEASE! learn how to develop for vision Os (specifically game dev) and make a playlist teaching us how. or guide us as to the best places to got to learn vision os dev! thanks

  • @joopie46614
    @joopie46614 11 หลายเดือนก่อน +2

    That split second API key view was definitely intentional

  • @7heMech
    @7heMech 11 หลายเดือนก่อน +651

    Am I the only one who's thinking it can't be safe to have an API key inside a client side app?

    • @StiekemeHenk
      @StiekemeHenk 11 หลายเดือนก่อน +108

      No? You'll always need some kind of key somewhere to interact with a server, could be yours or theirs, doesn't matter.

    • @BooleanDev
      @BooleanDev 11 หลายเดือนก่อน +246

      @@StiekemeHenkusually you use a server you control and authenticate the user with JWT or similar, but this is too complicated for a video (it allows for stuff like rate limiting and access control)
      any API key embedded in an app can and will be reverse engineered

    • @ItIsJan
      @ItIsJan 11 หลายเดือนก่อน +1

      ​@@StiekemeHenkkey is on the client -> people can extract it, use it to spam
      key is on your server and the client makes requests to your server -> you can filter requests and do ratelimiting before you run out of credits or similar

    • @StiekemeHenk
      @StiekemeHenk 11 หลายเดือนก่อน +11

      @@BooleanDev I am aware but a good built service already allows you to do all that jazz built in so it doesn't have to run through _another_ server and waste your cash. And if your service is public, without accounts, it matters even less.

    • @meorung05
      @meorung05 11 หลายเดือนก่อน +74

      @@StiekemeHenkyou are on a fast track to your very own CVE with that mentality my friend

  • @remsee1608
    @remsee1608 11 หลายเดือนก่อน +10

    Jeff, there is such thing as WebXR which lets you program AR/VR apps with JavaScript

  • @berealwithraya
    @berealwithraya 11 หลายเดือนก่อน

    Hey thanks for the awesome video! -- Up next: would love to see a media focused or e-commerce app in Swift for Apple Vision Pro. Also, integration of sensory data (let's get going with voice activation, responding to gestures; you know; the future we're building :D ).

  • @richlira
    @richlira 11 หลายเดือนก่อน +4

    I'm suscribed to Pro. And yes, a SwiftUI course would be good

  • @BrianKF
    @BrianKF 11 หลายเดือนก่อน

    Creating a fully immersive environment that has random actions take place (cars driving by, people walking by, etc).

  • @VaibhavShewale
    @VaibhavShewale 11 หลายเดือนก่อน +1

    damn, soon new channel storm is comming for headset

  • @robinspanier7017
    @robinspanier7017 11 หลายเดือนก่อน

    this suddenly makes me, a new gen web dev, feel like a 50+y old db admin

  • @S4ntia60
    @S4ntia60 11 หลายเดือนก่อน

    Apple vision the killer of responsive apps

  • @emilk2729
    @emilk2729 11 หลายเดือนก่อน

    I keep thinking about "The Jerk" movie from 1979 - when I see people keep wearing VR sets 😂

  • @alex.g7317
    @alex.g7317 11 หลายเดือนก่อน

    Bro started a video with “So me and my good friend Mark Zuckerberg” all nonchalant, and I’m already in shell shock 💀

  • @miguelhermar
    @miguelhermar 11 หลายเดือนก่อน +1

    More Coding Tutorials! 🎉 yess

  • @zeroeternity5686
    @zeroeternity5686 11 หลายเดือนก่อน

    I liked how he used zed right after the zed video

  • @erikporter
    @erikporter 11 หลายเดือนก่อน

    I too have the Oculus dev kit from way back when. Fun times!

  • @toututu2993
    @toututu2993 11 หลายเดือนก่อน

    My first VR experience is on Quest 2 is okay but it gets better once I played more decent games on it and it doesn't have to be first time trying it.
    You'll see VR/AR is even better once more apps come out and you get to try something amazing never in a million years can work on any 2d screen device and it works control better in vr/ar

  • @chrisray9653
    @chrisray9653 11 หลายเดือนก่อน

    Cool demo.

  • @fenthwik
    @fenthwik 11 หลายเดือนก่อน

    1:05 ‘I even have an original oculus dev Kit!’
    ~ shows oculus dev kit 2
    ok champ I’ll be over here playing dumpy going elephants on my DK1

  • @BandosLP
    @BandosLP 11 หลายเดือนก่อน

    Would be cool to get more content on Kafka and real-time data pipelines with Flink!

  • @skeptathought
    @skeptathought 11 หลายเดือนก่อน +10

    ive had the oculus developer, quest 2 and quest 3 for 1 week. Ive already used my vision pro in 10ish days more than all the others combined

  • @CoryTheSimmons
    @CoryTheSimmons 11 หลายเดือนก่อน +3

    It's pretty nice this is built into XCode/Swift. It looks like Meta pretty much forces you into becoming a Unity or Unreal dev.

    • @codetoil
      @codetoil 11 หลายเดือนก่อน +1

      No, Meta Quest supports OpenXR, so you don't need to use Unity or Unreal.

  • @manasnagelia
    @manasnagelia 11 หลายเดือนก่อน +1

    Making iOS apps using Swift would be a good tutorial

  • @GrowsDrummer
    @GrowsDrummer 11 หลายเดือนก่อน

    Here comes an Idea for a nice use case for AR, but it might be way too complex. Dungeons and Dragons or any other Tabletop game where you will be able to project a map or a grid on the table and being able to move players around.

  • @romafedor2590
    @romafedor2590 11 หลายเดือนก่อน

    Unreal on custom c++ classes with blueprints

  • @lilgohan
    @lilgohan 11 หลายเดือนก่อน

    Would like to see more vision content

  • @jasonjohnson4803
    @jasonjohnson4803 11 หลายเดือนก่อน

    So many puns and jokes, just in the 1st 30 seconds.. 😂

  • @dragonradius6664
    @dragonradius6664 11 หลายเดือนก่อน

    I didn’t know fire ship was a of vr user. Very based

  • @peterwan816
    @peterwan816 11 หลายเดือนก่อน

    "I should have never trusted musk..." hahaha XD got me laugh out loud XDDD

  • @devagarwal3250
    @devagarwal3250 11 หลายเดือนก่อน

    Jeff is back

  • @pavelbohovin8275
    @pavelbohovin8275 10 หลายเดือนก่อน

    Please make a short video how to use any 3rd-party API, to see the best way to send requests and process response

  • @dawid_dahl
    @dawid_dahl 11 หลายเดือนก่อน

    Thanks for the video! Please show how to work with physics.

  • @KarimElessawy
    @KarimElessawy 11 หลายเดือนก่อน +3

    watching this while about to sleep … slept like a baby right after !

  • @JJGlyph
    @JJGlyph 11 หลายเดือนก่อน +3

    I don't want code tutorials, I just want snarky but informative Fireship roasts.

  • @tdubasdfg
    @tdubasdfg 11 หลายเดือนก่อน

    Cheers to all the creators 🍻

  • @peglegkangaroo
    @peglegkangaroo 11 หลายเดือนก่อน +1

    Can you show us how to make an environment for the Apple Vision Pro

  • @Dheeidjdndbd
    @Dheeidjdndbd 11 หลายเดือนก่อน

    Apple Vision Pro app idea: AR running app where you’re chasing a prey animal down to the point of exhaustion to kill and eat like a caveman

  • @shalevforfor5550
    @shalevforfor5550 11 หลายเดือนก่อน

    Its that every item that you make you need to make something so people could build something in it so people will buy it

  • @Alex-xl4xe
    @Alex-xl4xe 11 หลายเดือนก่อน

    Yea, just another 2 years until we see another torture of "I built the same app with 10 different VR frameworks"

  • @hugoczerniawski166
    @hugoczerniawski166 11 หลายเดือนก่อน

    Great vid, as always 👌🏼💪🏼🤘🏻 I would love to see an ai agent coding session. Since it’s a hot topic 👽

  • @WOYGx1010
    @WOYGx1010 11 หลายเดือนก่อน

    This was an impressive vidro

    • @WOYGx1010
      @WOYGx1010 11 หลายเดือนก่อน

      However, your API key was visible for a second and I’m now going to use it to spam 1000 GIFs a day

  • @lex0800
    @lex0800 11 หลายเดือนก่อน

    i know its not a big thing in the United States but i have a pico 4 and it also has some pretty good pass through tech. Maby (if u can get ur hand on one) u could make a video about it.

  • @EOS-ci1po
    @EOS-ci1po 6 หลายเดือนก่อน

    i'm ready to build the apple vision pro app!! can you announce for me about mac pc spec?

  • @StiekemeHenk
    @StiekemeHenk 11 หลายเดือนก่อน +4

    Are the 3d items in the window view 3d?
    Can you put a 3d item "behind" the window but have it show on top?
    Like those 3d cards but they're actually flat.
    I've seen it in a couple of VR games and its a cool effect. Like a sort of portal.

  • @wwtapsable
    @wwtapsable 11 หลายเดือนก่อน

    original devkit is dk1, i had both, you showed a dk2 which is the second, its right in the name

  • @RobertFerentz
    @RobertFerentz 11 หลายเดือนก่อน

    I think you can do something rather interesting with the balls scene you made here. Create them further away and then 'throw' them at the user. Now you can make 2 game modes out of that, one where you dodge the balls and one where you catch them. It could be nice a workout and nostalgic experience for when we were nerds in school dodgeball.

  • @swaggythecat
    @swaggythecat 11 หลายเดือนก่อน +2

    Yes please more AVP app development videos!

  • @Pocketkid2
    @Pocketkid2 11 หลายเดือนก่อน

    As soon as the apple vision pro supports superhot I'll pick one up

  • @SogMosee
    @SogMosee 11 หลายเดือนก่อน

    make videos using aws rekognition, openai tts, and generate speech from text WITH word level timestamps, then create a ui that highlights each word as its being spoken, and automatically scrolls down the page

  • @kulemantu
    @kulemantu 11 หลายเดือนก่อน

    JavaScript giving Jeff the side eye rn 👀

  • @stableandhappy
    @stableandhappy 4 หลายเดือนก่อน

    Thanks ❤

  • @the_real_cookiez
    @the_real_cookiez 11 หลายเดือนก่อน +10

    Google glasses was ahead of its time lol

    • @toututu2993
      @toututu2993 11 หลายเดือนก่อน

      Google Glasses is trash. It's limited and true gimmick that even my $300 destroyed it completely in ashes in capabilities

  • @erickruhcardozo
    @erickruhcardozo 11 หลายเดือนก่อน

    Apple was just basically the first NFT of the history

  • @fellzer
    @fellzer 11 หลายเดือนก่อน +2

    ... 10 seconds into the video and I realized you've synthesized your voice.

  • @compositeboson123
    @compositeboson123 11 หลายเดือนก่อน +6

    app idea: 3d code editor

    • @StiekemeHenk
      @StiekemeHenk 11 หลายเดือนก่อน +3

      And have your tabs nest towards you instead of the right?
      Man's taking something...

    • @sanicspeed1672
      @sanicspeed1672 11 หลายเดือนก่อน +1

      Unlimited tabs, stack overflow, documentation, and keyboard with apples finger tracking 🔥🔥🔥

    • @turolretar
      @turolretar 11 หลายเดือนก่อน

      @@sanicspeed1672and a live feed from Zuck’s home to keep us happy

  • @AbsoluteGoddus
    @AbsoluteGoddus 11 หลายเดือนก่อน +1

    Please make you're own code editor. I would love to See one in you're stile. Also if possible make a Part two where you Programm your own compiled language

  • @orioljurnet
    @orioljurnet 11 หลายเดือนก่อน

    Hi Jeff! Regarding your comment about “more tutorials”, I was wondering if you’ll make something about AI apps with AWS Bedrock, Vertex AI or Azure’s OpenAI. All the process, models, inference endpoints, etc… BTW, great GREAT content man! Love all your videos!

  • @Mohamova
    @Mohamova 11 หลายเดือนก่อน +1

    7:05, dude we know this video got delayed at least 3 days because of the bug “you don’t care about”

  • @atmmh02
    @atmmh02 10 หลายเดือนก่อน

    Come for the tutorial, stay for the diatribe

  • @eleah2665
    @eleah2665 11 หลายเดือนก่อน

    There are enough Next courses. Anything with Remix would be great.

  • @viperbia
    @viperbia 11 หลายเดือนก่อน +1

    More Nuxt JS tutorials?? We haven't had those in a while

  • @Saturate0806
    @Saturate0806 11 หลายเดือนก่อน +7

    create ski googles that display speed and maybe a map over the tracks. Add a global time leader board per track. Try them out on a hill and make a video

    • @syed_mamoon99
      @syed_mamoon99 11 หลายเดือนก่อน

      "Wow why didn't think of this"
      Tell ChatGPT to make it for you.

  • @BrianShannon1
    @BrianShannon1 11 หลายเดือนก่อน +1

    PLEASE do a WEBXR Tutorial

  • @Steen3S
    @Steen3S 11 หลายเดือนก่อน +1

    Please make flappy bird in vr where you hands are the wings

  • @SzBenedek2006
    @SzBenedek2006 11 หลายเดือนก่อน

    Make a tutorial on how to make a simple OS. For example for the raspberry pi.

  • @blueSurfer
    @blueSurfer 11 หลายเดือนก่อน

    beyond fireship: you need a modern mac with apple silicon..
    Me: ...and for that i am out

  • @VictorGamerLOL
    @VictorGamerLOL 11 หลายเดือนก่อน

    jeff accidentally leaks his giphy api key lol

  • @krtirtho
    @krtirtho 11 หลายเดือนก่อน +3

    Where's React Native and Flutter for Quest and VisionPro?
    When 3d vision view landing on Chromium and Safari?
    When can I use JS to create cross-platform crappy VR apps?

  • @yosemiteairbear
    @yosemiteairbear 11 หลายเดือนก่อน

    4 minutes of nothing until the video actually started

  • @Slashscreen
    @Slashscreen 11 หลายเดือนก่อน

    You may wanty to reset that API key. Your black bar was off by a frame

  • @guitaripod
    @guitaripod 11 หลายเดือนก่อน +1

    Fyi, the network request code is ancient. Swift has async await now.

  • @dk9469
    @dk9469 11 หลายเดือนก่อน

    pls make a tutorial to build a cross plattform ios and android app

  • @Psycandy
    @Psycandy 11 หลายเดือนก่อน

    step 1: pay apple - step 2: code

  • @esnho
    @esnho 11 หลายเดือนก่อน

    Would be great to understand if Apple has integrated a framework for shared experiences, both remote or in presence

  • @alphod
    @alphod 11 หลายเดือนก่อน

    Do a Nlp model building tutorial

  • @js-gc2hk
    @js-gc2hk 11 หลายเดือนก่อน +1

    LUL leaked info.... IM IN 😂 ⌨️