Coding at Home: June 22nd, Augmented Reality AND WWDC2020!

Join us today, WWDC2020 Day (like Christmas Day, but for developers), for some more live coding at 1pm, Irish time!

WWDC2020

Today’s the big day, the kick off of WWDC 2020. We’ll get the big keynote, of course, at 6pm, Irish time, followed by the Platforms State of the Union at 10pm.

They’re always inspiring events to watch, especially if you’re a budding programmer looking for a good, meaty set of problems to solve. Maybe some that you never even realized you could tackle. Like with our Reality Composer work, when we added elements to a book’s cover. Or when we built our own app out of a Swift Playground.

I’ve posted my own wish list for WWDC, but I’m sure there will be plenty of surprises to play with when it’s all said and done.

Today’s session

While we try to keep from bursting, we’ll keep coding in our Augmented Reality Swift Playground today!

We’ll use those actions and start to play with proximity: when the user and their iPad gets close to our models we’ve added to the scene, we’ll be able to run code to react.

We’ll see you today at 1pm for some more coding!

Coding at Home: June 19th, Augmented Reality Swift Playgrounds

Join us today at 1pm for some more coding and augmented reality!

Today’s session

We’re going to continue working on our augmented reality playground today.

We tinkered with some old Swift syntax yesterday; we added an array, we looped through it. For some of it we had to venture off the beaten track, but we’ll review it today.

Today we’ll play some more with these built in actions. These actions are a fairly advanced Swift concept, and you’ve done well on our exercises so far.

In other news

We also posted a lesson for those of you interested in taking your coding that step further: https://ed.ted.com/on/7J6g9Gbi

The video introduces you to Xcode, the tool you use, on your Mac, to build iPhone, iPad, AppleTV, Mac, and Apple Watch apps.

We build a simple app together to show you some of the features of Xcode with a practical goal in mind.

If you have access to a Mac, I highly recommend checking out the video and trying your hand. If you’ve been with us this far, you’re well able for app development!

We’ll see you at 1pm!

Coding at Home: June 18th, Augmented Reality Swift Playgrounds

Join us today to work through some more Swift programming and augmented reality at 1pm, Irish time!

Welcome back, Swift Playgrounds!

So it’s been a while, but we’re back in Swift Playgrounds!

Using the Augmented Reality playground from the Challenges section of “More Playgrounds”, we eased back in to calling functions and creating variables yesterday.

Much of the code we wrote on the second page was similar to the code we were writing in our Lights, Camera, Code series. We have a scene and we need to add our Models to the scene.

These beautiful, pre-built models have some great functionality already baked in, like the ability to animate by just calling their animate() method.

Today’s session

In today’s session we’re going to remind ourselves of a few techniques in Swift to display more models in our scene and shake off some of that rust. The combination of the work we’ve done with Swift and the augmented reality work we did in Reality Composer for these last few sessions are going to go together really nicely!

In other news

If you want to see some of the work other students have done, we have a special preview of one reality file… This student made a domino game for you to play in the comfort of your own home.

I recommend a large, open space, because you’ll be moving around a lot!

Try it out (if you’re on an iPhone or iPad… otherwise, clicking this link will download the reality file for you to play around with):

See you at 1pm!

Coding at Home: Augmented Reality in Swift Playgrounds!

Join us today at 1pm for a bunch more work with Swift Playgrounds and augmented reality!

Today’s Session

We’re back to Swift today!

We’ve done a lot with Reality Composer that last few sessions, now we’re going to dive back into the playgrounds and try our hand at writing some code to build and augmented reality scene!

This is an intermediate playground, so we’ll take our time and ease back into coding after a few days away!

I can’t wait to see what we create!

See you at 1pm, Irish time.

Coding at Home: June 16th, Improving Image Anchors for Reality Composer

Happy Bloomsday!

Join us today at 1pm for some more fun with Reality Composer.

Recap

Yesterday we went over adding an image anchor for a Reality Composer scene. We picked a new book, showed you how to take a picture and trim it to be a good target image.

We also built a series of scenes so we wouldn’t see our assets while we fished around, looking for our image anchor in the real world.

Once we found it we showed a tab we could tap on to get more info about the main character.

This way we can export our experience and share it with friends.

From that character page we then added an arrow to navigate back to the previous scene.

Today’s session

Today we’ll look at what makes a good image anchor and what doesn’t. We’ll give you some tips and tricks for making sure your image gets recognized. And we’ll also look at what’s happening, with our image anchor.

So catch up with us and we’ll play around with some more augmented reality!

Coding at Home: June 15th, Reality Composer and Image Anchors Again

Join us today at 1pm for more with Reality Composer and image anchors!

Last week

We had so much crammed into Friday’s session that it might have been a little overwhelming.

So we’re going to cover some of that same stuff again today.

Today’s session

On Friday we used a book cover as our anchor. That meant taking a photo of the front of our book and importing it into Reality Composer to use as our image anchor. We had to set the size we expected our image to be in real life so RealityKit had an easier time recognizing it.

We also built a small table of contents viewer that navigated to different scenes.

That’s a lot of moving pieces!

Like the book we picked say, “Don’t Panic.”

We’ll go over all of it again today, nice and slow, to make sure we get it.

See you at 1pm!

Coding at Home: June 12th, Reality Composer and Augmenting a Book Cover

Join us today at 1pm for our augmented reality session!

You’ll need a book handy, or something else you can get a good picture of and use as your image anchor.

Recap

For yesterday’s session we built some images in Keynote specifically for purposes of printing out to use as augmented reality anchors.

We were able to create a mini-school tour of different departments for each logo for the different discipline.

Today’s Session

That may have been a bit unfair, especially to those of you following along at home, live. We built the images in Keynote with you, but we already had them printed out and ready to go!

So today, I want you to make sure you have a book lying around.

We’re going to build an AR experience off the cover of your favorite book. (Or whatever book is handy.)

So come join us at 1pm, Irish time!

Coding at Home: June 11th, Reality Composer, Add an Image Anchor

Join us today on YouTube Live for our stream at 1pm, Irish time!

(For a note on our new streaming location, you can read the somewhat excruciatingly boring story of our streaming woes here.)

Recap

Our session yesterday was a little bit plagued by technical issues, it turns out, if you were watching on Twitch.

But what we went through, besides saying, “We can’t see anything!” a lot, was the very beginning of creating an AR scene that will use an image as its anchor.

Today’s session

Because yesterday was such a shambles we’re going to repeat most of what we did today.

image anchors

We’ll demonstrate creating some good images for anchors to use in our AR scenes. I used Keynote yesterday, and I’ll show you a good way to get shapes. Print out the shapes, take a screenshot of your slide, and that’s what we’ll transpose a virtual object onto in our AR experience.

So join us today and we’ll get creating some amazing augmented reality scenes!

Coding at Home: June 10th, Anchoring Images in Reality

Come hang out with us today on Twitch at 1pm!

Recap

We finished up our Lunar Lander game yesterday with a little demo of how you’d hook this game up in Xcode. We won’t be going any further (yet) with Xcode, but if you want to check it out, I put the source code for yesterday’s demo up at https://github.com/mhanlon/LunarLander.

If you don’t feel like you’re ready for it just yet, don’t worry, we’ll get to Xcode soon enough!

Today’s session

We’re going to try out something new today…

We’ll learn how to use an image anchor.

If you’ve watched the Harry Potter movies, or maybe you’ve read the books and imagined what the Daily Prophet must have looked like with its moving pictures, well, this is the sort of thing we can do with image anchors.

With an image anchor we can attach our augmented reality content to a particular pattern found in the real world.

For starters, we’ll talk about some strategies for making good anchor images.

I love this part of augmented reality and can’t wait to show you how to stick content to your own images!

See you at 1pm!

Coding at Home: June 9th, Lunar Lander, Where to Go from Here

Come on our Reality Composer adventure today at 1pm on Twitch!

Recap

Yesterday we had kind of a rocky feed, but we added a landing pad for our rocket and detected when our ship collided with the pad. Not too shabby.

You can re-watch yesterday’s session here: https://youtu.be/zIcCp8J6Grg

Today’s session

For today’s work we’re going to finish off our lunar lander game (for now) with a little bit of groundwork for what might come next.

In the image above I’ve added a Boost button, because maybe I’m a little frustrated, as a player, with the boost buttons being in augmented reality. I don’t want to have to hunt for them when I just want to keep my rocket from crashing.

Xcode icon

We’ll hook up some actions and triggers that will allow us to write code to recognize things that happen in our AR scene. Like a fuel gauge, for example. Each time we boost the rocket we spend some fuel. In a real game we would want to keep track of how much fuel we have left.

We’ll spend the first part of the session working through some additions to the Reality Composer project on the iPad.

The second half (or so) will be a little demo of what’s possible. You can follow along, if you have a Mac and Xcode installed.

We’ll be running a session, soon, where we introduce you to Xcode and the next logical step in your development, as a coder. But this will be just the start of dipping our toes in.

See you at 1pm!