aframevr / aframe-school Goto Github PK

View Code? Open in Web Editor NEW

102.0 13.0 30.0 21.53 MB

🎒 Interactive workshop and lessons for learning A-Frame and WebVR.

Home Page: https://aframe.io/school/

License: MIT License

HTML 11.66% CSS 71.67% JavaScript 16.67%

aframe webvr

aframe-school's Introduction

aframe-school

Interactive workshop and lessons for learning A-Frame and WebVR. Based around Glitch.

Can either be self-led or be used as part of a hands-on event (e.g., tutorial or workshop). If you are holding an event, you can present the A-Frame Presentation Kit as a primer beforehand.

GO TO SCHOOL

Grabbing the School

If you're having trouble accessing the School online and need to download the School locally (e.g., the Internet connection at your event is poor):

Download the School (.ZIP)
Start a local web server in the same directory as the School (e.g., run python -m SimpleHTTPServer in a terminal). Alternatively, run the provided mongoose.exe on Windows or mongoose.app on MacOS.

Working on the School

The School is built using reveal.js. All of the pages of the School are maintained in a single markdown file, content.md. Use ------ to separate sections and --- to separate subsections.

aframe-school's People

Contributors

Stargazers

Watchers

aframe-school's Issues

Fira Sans font not available

I installed Firefox 53.0.3 (64-bit) and Chromium 57.0.2987.98 (from the Debian repository).
Both do not have the font "Fira Sans". The text on the slides is not visible.

In the end I fixed it for me by removing the 'font-family:"Fira Sans",Helvetica,sans-serif;' line via the developer editor.

Remix glitch links on Readme.md are broken

swamp-hero Glitch needs new A-Frame api to animate

https://glitch.com/edit/#!/swamp-hero?path=index.html:6:17 (inherited from lesson 12.1 https://glitch.com/~aframe-school-gltf-model) points to https://aframe.io/releases/0.5.0/aframe.min.js. Animation does not work. Editing this to https://aframe.io/releases/0.6.0/aframe.min.js fixes it.

Solution should also reflect the default file path. It's currently https://rawgit.com/aframevr/aframe/b395ea0/dist/aframe-master.min.js whilst throughout the school we've been using https://aframe.io/releases/...

No certification but still an icon as a badge to proudly share on social networks

The materials end with "You've graduated from the A-Frame School and now have a virtual uncertified degree in WebVR." which is fun and make perfect sense.

Yet... in order to spread the word it would be good to have a simple icon like the AFrame logo + "Completed the AFrame school!" visual and text linking back to https://aframe.io/aframe-school/ + suggested hashtag . I don't think people have a big incentive to "cheat" on that so there is no real risk.

All docs links are for 0.5.0

Going through the A-Frame school every link to the docs is for the 0.5.0 version.
Once you get on the 0.5.0 (such as https://aframe.io/docs/0.5.0/primitives/a-torus-knot.html) there is no quick way to get to the same page in 0.9.0
Clicking link "documentation for the current 0.9.0 version" brings to Introduction page.
Using the dropdown version selection on the left brings to Introduction page.

@ngokevin if i do a PR updating content.md will it be reviewed and merged?
I am asking since this repo isn't too active

"Remix Lesson" and "View Result" open in the same tab and breaks the typical workflow

Arguably but typically checking and example or modifying it is done for few minutes then going back to the school materials. Would be good to open the link in a new tab by default.

Translation to Russian

The translation to Russian has completed.
https://github.com/victorivanovspb/aframe-school-ru
https://victorivanovspb.github.io/aframe-school-ru/#/

You may add link into README.md:

<a href="https://victorivanovspb.github.io/aframe-school-ru/#/">Русский</a>

How can get Spanish version?

Pls tell me where is it
Tnks

Animation mixer on page 12.1 doesn't work with a-frame version provided

Glitch remix provided on page 12.1 includes a-frame v 0.5.0 which doesn't work with animation-mixer component. Including gltf model works fine but on page 12.2 when including animation mixer component it doesn't do anything.

I wasn't able to find reason why it won't work and it's especially confusing when you compare it to a solution file where it works perfectly fine, however this includes different version of a-frame then exercise file.

Exercise file
Solution file
a-frame school lesson

Edit: Related to issue#11

I would be happy to help with this but I'm not sure how.
Thanks

Consider Thimble over CodePen

https://thimble.mozilla.org is a great, free alternative to CodePen.

Thimble does what CodePen Projects does, allows you to have multiple files.
Thimble lets you upload assets.
Thimble has tutorial mode support.
Thimble shows the full HTML whereas CodePen's HTML panel is just for the <body>, and the <head> is in settings. For CodePen, it's easy to run into issues putting the <script> tag in the wrong place.
Thimble has one-click publishing a whole project that hosts the page not within an I-Frame. This would let it work on WebVR Polyfill and better for entering VR.
Personally, prefer the Thimble default UI with the code panel having vertical space.

Only downside is I can't find embed support on Thimble yet, but we can work around that.