{"id":21247,"date":"2020-05-26T11:58:12","date_gmt":"2020-05-26T18:58:12","guid":{"rendered":"https:\/\/www.tynker.com\/blog\/?p=21247"},"modified":"2023-06-15T12:01:20","modified_gmt":"2023-06-15T19:01:20","slug":"the-ar-blocks","status":"publish","type":"post","link":"https:\/\/www.tynker.com\/blog\/the-ar-blocks\/","title":{"rendered":"Tynker Toolbox: The AR Blocks"},"content":{"rendered":"\n

AR brings coding to life! AR, short for Augmented Reality<\/em><\/strong>, is a way of adding computer-generated effects to real-life photos and videos. And, as an added bonus, AR projects will get you moving around, too! Here\u2019s a look at what\u2019s possible with AR.<\/p>\n\n\n\n

Check out Wipe Away<\/strong>, a timed game where you have to touch on-screen blocks with your hands to win! 
<\/p>\n\n\n

\n
\"A
Ready for a serious coding challenge? Check out the video tutorial for Wipe Away!<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

Here\u2019s an AR version of Space Invaders <\/strong>where you can knock a ball around. Watch it bounce off my head!
<\/p>\n\n\n

\n
\"An<\/figure>\n<\/div>\n\n\n

To get familiar with the AR blocks, let\u2019s make a Photobooth<\/strong>, where you can take a selfie with a costume of your own design. Here\u2019s what it might look like:
<\/p>\n\n\n

\n
\"Demonstration<\/figure>\n<\/div>\n\n\n

You can customize your own photobooth with stickers, animations, and more. 
<\/p>\n\n\n\n

Let\u2019s start coding one! Follow along by logging in at tynker.com <\/strong>(or open the app), then create a blank project in Tynker Workshop (+Create Project > Blank Project<\/strong>). Then, because it\u2019s a Tynker Extension, the AR blocks must be enabled to use. You have two options. 
<\/p>\n\n\n\n

Option #1:<\/strong>  <\/strong>Search for an AR command, like turn video on<\/strong>, then use it in your project. The AR extension will be automatically enabled. 
<\/p>\n\n\n\n

Option #2<\/strong>: You can also click More <\/strong>at the bottom of the coding palette, then choose AR <\/strong>and Add<\/strong>. <\/p>\n\n\n\n

\n

Table of Contents<\/p>\n