Welcome to the #ARVRinEDU tweetchat! I'm your guest host Gabe and I'm excited to be with you for a hands-on, beginner friendly WebXR workshop. Intro yourself + check out this video and link! The more the merrier - can we get some retweets? https://t.co/5STBZTiNSu See More 👇
Welcome to the #ARVRinEDU tweetchat! I'm your guest host Gabe and I'm excited to be with you for a hands-on, beginner friendly WebXR workshop. Intro yourself + check out this video and link! The more the merrier - can we get some retweets? https://t.co/5STBZTiNSu See More 👇
#ARVRinEDU STEP 1: Position, Scale, Color --- In your project, find the shape elements on lines 11-14 and start changing some of the values for the position, scale, + color and see what happens. Make sure to keep the values inside quotation marks. See instructions below the code
Welcome to the #ARVRinEDU tweetchat! I'm your guest host Gabe and I'm excited to be with you for a hands-on, beginner friendly WebXR workshop. Intro yourself + check out this video and link! The more the merrier - can we get some retweets? https://t.co/5STBZTiNSu See More 👇
Absolutely. This tweetchat here is kind of a condensed version of much more fleshed out, scaffolded free online projects I have up at a site called Frame Academy: https://t.co/eb4IWcwG6z#ARVRinEDU
#ARVRinEDU STEP 2: Let's add shapes. To do this, we use HTML elements. They need an opening tag like and a closing tag like . Closing tag has a slash. See Step 2 notes for a list of shapes! Put attributes like position inside opening tag, as w/ the other shapes.
#arvrinedu@gabrieljbaker very easy to manipulate the HTML coding, the photospheres have to be added in the assets box ? Can you try other coding languages in this editor ? thanks or is strictly for hyper text markup language ? Thanks.
#arvrinedu@gabrieljbaker so do the photospheres have to be added to the assets to add them ? It his editor strictly for HTML or other coding languages as well ? Thanks
#ARVRinEDU STEP 3: Time for photospheres! Add an element inside your element (where your shapes are), and then give a src attribute. Look in the Step 3 notes to find sample photospheres to play with. Copy+paste one of their URLS for the src. :)
#ARVRinEDU STEP 4: Time for 3D models. :) Use the element and just like with photospheres, give it a src attribute and use the link for one of the example models provided on the sample asset page. Play around with a few, and adjust scale + position as needed. #glTF
#glTF is a 3D model format that is gaining broad adoption from both large companies and indie designers. It's specifically designed to be good for "run-time" environments like the web, with fast loading and rendering. Any @Sketchfab model can be downloaded as glTF! #ARVRinEDU
I've tried to code on mobile before, and it's tough, to say the least haha! Miraculously enough Glitch works on mobile, but with so little real estate it's a real challenge. @DavidJLockett seems to do well with iPads #arvrinedu
Check out this innovative way to use Twitter for Online Learning. Really great use of a twitter chat. @gabrieljbaker I can't wait to make my own workshop with this method. @JeredBorup#ARVRinEDU
Welcome to the #ARVRinEDU tweetchat! I'm your guest host Gabe and I'm excited to be with you for a hands-on, beginner friendly WebXR workshop. Intro yourself + check out this video and link! The more the merrier - can we get some retweets? https://t.co/5STBZTiNSu See More 👇
Loved the #ARVRinEDU Workshop. @gabrieljbaker you are a rock star. This was a fun no stress way to learn and I'm looking forward to really unpacking it when I have more time.
#ARVRinEDU Step 5: There's an easy way to find the right position, rotation, + scale value for elements. Open your site + press control-shift-i to pull up the A-Frame inspector to visually set up a scene! Bonus, see my element + make a new one! https://t.co/skCQfipVYN
Phew. Alright #ARVRinEDU folks, I know this was a whirlwind tour, and I apologize for trying to cram so much into just an hour. Open to any thoughts, questions, bugs you ran into about WebXR. I think it's a really powerful vehicle for learning coding + design - creation!
A3. Just participated in #ARVRinEDU and learned a new skill i'm going to bring to the classroom. A great example of how making new connections can help you grow as a teacher. #edumagic#ISTETEN