This repo contains the files that I created when I was learning A-Frame on Codecademy. This repo has also been created to help me learn how to use Git!
This folder is for the first section of the Codecademy course. Here, I learnt about the primitive types, like <a-box>
, <a-sphere>
, <a-cylinder>
, <a-plane>
and <a-sky>
, which are basic shapes (or meshes) that can be inserted.
You can have parent and child entities. For example, you could create a box which has a circle inside it.
There are few components the types can contain: Position - this must be included to allow the shape to be shown on the screen. Formatted x y z. Unit is metres.| Color - can be as word, Hex or RGB| Width| Length| Height| Radius| Rotation - the way the shape is rotated - x y z rotation in degrees.| Scale - defines shrinking, stretching or skewing transformation of an entity - 3 scaling factors for x y. Bear in mind that the value you need to change may be affected if you rotated first. If inputting a negative value, this is reflection |
This will be added to as there's not much in it at the moment. It's basically about creating the VR environment, such as by adding textures to shapes and audio.
Shows an example environment that's already been created (hence why it is 'out of box')
This is just me messing with the background. Uses an image of the railway I used to go to (https://upload.wikimedia.org/wikipedia/commons/d/df/LlynclysSouth01.jpg). While it's a lovely image, it's not the best for continuity!
This contains the solar system VR scene which is part of the Codecademy course. Contains 8 planets and the sun, in amongst the stars!
The background sound in this scene is from https://www.nasa.gov/wav/123163main_cas-skr1-112203.wav