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

Поділитися
Вставка
  • Опубліковано 17 лют 2024
  • 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.apple.com/documenta...
    Apple Vision Code Report • Zuck’s brutal takedown...

КОМЕНТАРІ • 517

  • @ToffeeMoney
    @ToffeeMoney 3 місяці тому +1131

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

    • @aeapplabs
      @aeapplabs 3 місяці тому +11

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

    • @trplnr
      @trplnr 3 місяці тому +27

      @@aeapplabs Do you not understand the joke?

    • @vaisakhkm783
      @vaisakhkm783 3 місяці тому

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

    • @user-xl5kd6il6c
      @user-xl5kd6il6c 3 місяці тому +1

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

    • @DavideDavini
      @DavideDavini 3 місяці тому +18

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

  • @peterhuijsen
    @peterhuijsen 3 місяці тому +528

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

    • @beyondfireship
      @beyondfireship  3 місяці тому +570

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

    • @ercant.6183
      @ercant.6183 3 місяці тому +88

      well played@@beyondfireship

    • @antongrekov7710
      @antongrekov7710 3 місяці тому +22

      @@beyondfireship nice ip xD

    • @4louisMC
      @4louisMC 3 місяці тому

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

    • @XstahSie
      @XstahSie 3 місяці тому +63

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

  • @aubreyxengland
    @aubreyxengland 3 місяці тому +264

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

    • @nazarshvets7501
      @nazarshvets7501 3 місяці тому +13

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

    • @MusaAlif-dead
      @MusaAlif-dead 3 місяці тому

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

    • @mikemadmiked1195
      @mikemadmiked1195 3 місяці тому +3

      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 3 місяці тому +1

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

    • @mikemadmiked1195
      @mikemadmiked1195 3 місяці тому

      @@keyonlewis7574 that’s a good idea

  • @4RILDIGITAL
    @4RILDIGITAL 3 місяці тому +148

    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.

  • @theboredguy6673
    @theboredguy6673 3 місяці тому +175

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

    • @TheAstroG
      @TheAstroG 3 місяці тому +5

      Actually True. His videos are really well structured.

  • @yolokas
    @yolokas 3 місяці тому +166

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

  • @CristianNazare
    @CristianNazare 3 місяці тому +5

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

    • @wlockuz4467
      @wlockuz4467 3 місяці тому +2

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

  • @enterTheVFX
    @enterTheVFX 3 місяці тому +20

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

  • @aboliguu1168
    @aboliguu1168 3 місяці тому +91

    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.

    • @ssserotonin1373
      @ssserotonin1373 3 місяці тому +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 3 місяці тому +10

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

    • @aboliguu1168
      @aboliguu1168 3 місяці тому +4

      @@ssserotonin1373 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”

    • @Jman33333
      @Jman33333 3 місяці тому +2

      Good comment and suggestion, sound is important

    • @ayitinya
      @ayitinya 3 місяці тому +2

      tell me you have good sound systems without telling me

  • @DR20005
    @DR20005 3 місяці тому +33

    I would love to see more Apple Vision Pro development!

  • @XEyedPeasX
    @XEyedPeasX 3 місяці тому +26

    You should change your API Key...

  • @JackSalzman
    @JackSalzman 3 місяці тому +32

    Fun fact, if you turn on pointer control inside of the Apple Vision Pro, we can see where you’re looking and it makes it so that it’s harder for the viewer to notice the low quality rendering in the places where you’re not looking.

  • @shapelessed
    @shapelessed 3 місяці тому +5

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

  • @Insignia_
    @Insignia_ 3 місяці тому +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.

  • @erikporter
    @erikporter 3 місяці тому

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

  • @tdubasdfg
    @tdubasdfg 3 місяці тому +5

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

  • @Dacas5
    @Dacas5 3 місяці тому +5

    good to see you back. Would love some kubernetes content

  • @seifenspender
    @seifenspender 3 місяці тому +9

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

  • @arinahomuleba4165
    @arinahomuleba4165 3 місяці тому +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

  • @GoldonPt
    @GoldonPt 3 місяці тому +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

  • @richlira
    @richlira 3 місяці тому +3

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

  • @stardrake691
    @stardrake691 3 місяці тому +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.

  • @StiekemeHenk
    @StiekemeHenk 3 місяці тому +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.

  • @7heMech
    @7heMech 3 місяці тому +652

    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 3 місяці тому +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 3 місяці тому +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 3 місяці тому +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 3 місяці тому +12

      @@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 3 місяці тому +74

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

  • @chrisray9653
    @chrisray9653 3 місяці тому

    Cool demo.

  • @LewiUberg
    @LewiUberg 2 місяці тому

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

  • @miguelhermar
    @miguelhermar 3 місяці тому +1

    More Coding Tutorials! 🎉 yess

  • @remsee1608
    @remsee1608 3 місяці тому +10

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

  • @KidIndia
    @KidIndia 3 місяці тому +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

  • @tylertuthill5121
    @tylertuthill5121 2 місяці тому

    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.

  • @toututu2993
    @toututu2993 3 місяці тому

    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

  • @Baebae1947
    @Baebae1947 3 місяці тому

    This is great, do you have any recommendations for books that follow this sort of teaching style?

  • @serychristianrenaud
    @serychristianrenaud 3 місяці тому +1

    Thanks

  • @S4ntia60
    @S4ntia60 3 місяці тому

    Apple vision the killer of responsive apps

  • @omhmpp
    @omhmpp 3 місяці тому

    Good stuff 👍

  • @lilgohan
    @lilgohan 3 місяці тому

    Would like to see more vision content

  • @hugoczerniawski166
    @hugoczerniawski166 3 місяці тому

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

  • @krtirtho
    @krtirtho 3 місяці тому +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?

  • @jonahsim
    @jonahsim 3 місяці тому

    love it 😻

  • @MirkoRaimoOfficial
    @MirkoRaimoOfficial 3 місяці тому +2

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

  • @tdubasdfg
    @tdubasdfg 3 місяці тому

    Cheers to all the creators 🍻

  • @peglegkangaroo
    @peglegkangaroo 3 місяці тому +1

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

  • @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

  • @esnho
    @esnho 3 місяці тому

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

  • @sysesc
    @sysesc 3 місяці тому

    Thank you for creating balls app.

  • @romafedor2590
    @romafedor2590 3 місяці тому

    Unreal on custom c++ classes with blueprints

  • @manasnagelia
    @manasnagelia 3 місяці тому +1

    Making iOS apps using Swift would be a good tutorial

  • @dawid_dahl
    @dawid_dahl 3 місяці тому

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

  • @carpebios4246
    @carpebios4246 3 місяці тому

    Great, I want to see how you can make a ball that bounce through the room en change color when je touch it!

  • @Armetron
    @Armetron 3 місяці тому

    Planning on making more coding tutorials, interesting. How about a tutorial/lesson about Java Spring Boot?

  • @BandosLP
    @BandosLP 3 місяці тому

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

  • @zeburgerkang
    @zeburgerkang 3 місяці тому

    yea boi I have a DK2 as well!

  • @WOYGx1010
    @WOYGx1010 3 місяці тому

    This was an impressive vidro

    • @WOYGx1010
      @WOYGx1010 3 місяці тому

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

  • @orioljurnet
    @orioljurnet 3 місяці тому

    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!

  • @lex0800
    @lex0800 3 місяці тому

    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.

  • @jp46614
    @jp46614 3 місяці тому +1

    That split second API key view was definitely intentional

  • @GrowsDrummer
    @GrowsDrummer 3 місяці тому

    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.

  • @VaibhavShewale
    @VaibhavShewale 3 місяці тому +1

    damn, soon new channel storm is comming for headset

  • @skeptathought
    @skeptathought 3 місяці тому +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

  • @rayalavan
    @rayalavan 3 місяці тому

    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 ).

  • @Capjuancode
    @Capjuancode 3 місяці тому

    Please explain how to detect the environment like finding the table in the space.

  • @batimius
    @batimius 3 місяці тому +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

  • @BrianShannon1
    @BrianShannon1 3 місяці тому +1

    PLEASE do a WEBXR Tutorial

  • @BrianKF
    @BrianKF 3 місяці тому

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

  • @dragonradius6664
    @dragonradius6664 3 місяці тому

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

  • @devagarwal3250
    @devagarwal3250 3 місяці тому

    Jeff is back

  • @RobertFerentz
    @RobertFerentz 3 місяці тому

    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.

  • @zeroeternity5686
    @zeroeternity5686 3 місяці тому

    I liked how he used zed right after the zed video

  • @viperbia
    @viperbia 3 місяці тому +1

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

  • @uiedbook7755
    @uiedbook7755 3 місяці тому +2

    You gotta trust markos

  • @AnonymousAccount514
    @AnonymousAccount514 3 місяці тому

    awesome

  • @uiedbook7755
    @uiedbook7755 3 місяці тому +1

    Yup 👍

  • @rickyyy2006
    @rickyyy2006 2 місяці тому

    Hi sir, just want to know if buying a Vision Pro is going to allow me to build and test Vision Pro applications?
    On Apple website, it says need a Vision Pro development kit. Thanks a lot

  • @wwtapsable
    @wwtapsable 3 місяці тому

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

  • @adamwarvergeben
    @adamwarvergeben 3 місяці тому

    Have you seen the XReal Ultra yet? It's like Vision Pro just as an actual sun glass

  • @KarimElessawy
    @KarimElessawy 3 місяці тому +3

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

  • @CoryTheSimmons
    @CoryTheSimmons 3 місяці тому +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 3 місяці тому +1

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

  • @MegaLietuvislt
    @MegaLietuvislt 3 місяці тому +1

    Would it be possible to do this in a mac VBox?

  • @SalarPro
    @SalarPro 3 місяці тому +1

    FIRE

  • @eleah2665
    @eleah2665 3 місяці тому

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

  • @AustinDaniels
    @AustinDaniels 3 місяці тому

    For a coding tutorial, could you explain how you made your AutoGPT in your ChaosGPT video using ffmpeg? 😅😭

  • @red9090
    @red9090 3 місяці тому +1

    How do I center a div in Apple Vision Pro?

  • @LauS0
    @LauS0 3 місяці тому +1

    3:40 You can build native apps on Meta they don't have to be in game engines

  • @Pocketkid2
    @Pocketkid2 3 місяці тому

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

  • @the_real_cookiez
    @the_real_cookiez 3 місяці тому +10

    Google glasses was ahead of its time lol

    • @toututu2993
      @toututu2993 3 місяці тому

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

  • @HELLBOI009
    @HELLBOI009 3 місяці тому

    i have a question can we make an carboard vr app that can access camera and we can see floating icons on that camera view?

  • @SogMosee
    @SogMosee 3 місяці тому

    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

  • @lepex8359
    @lepex8359 3 місяці тому

    Lets see how long its gonna take to get a vr cross plattfrom framework

  • @swaggythecat
    @swaggythecat 3 місяці тому +2

    Yes please more AVP app development videos!

  • @SzBenedek2006
    @SzBenedek2006 3 місяці тому

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

  • @vannelo
    @vannelo 3 місяці тому

    The part where you include the Balls() method to the view is missing, can you add it?

  • @fellzer
    @fellzer 3 місяці тому +2

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

  • @kulemantu
    @kulemantu 3 місяці тому

    JavaScript giving Jeff the side eye rn 👀

  • @peterwan7945
    @peterwan7945 3 місяці тому

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

  • @Hobnockers
    @Hobnockers Місяць тому

    Does Apple Vision Pro come with a default app to load or import 3d models and PBR-materials? A default 3d viewer?

  • @Steen3S
    @Steen3S 3 місяці тому +1

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

  • @almirchowdhury9557
    @almirchowdhury9557 3 місяці тому

    make videos on full immersion vr devlopment with unity

  • @alphod
    @alphod 3 місяці тому

    Do a Nlp model building tutorial

  • @emilk2729
    @emilk2729 3 місяці тому

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

  • @manishgautam2424
    @manishgautam2424 3 місяці тому

    yes