cBridges851 / A-Frame

The projects made while I've been learning aFrame

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

A-Frame Repo

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!

Shapes Folder

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.

Components

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 |

Building Scenes Folder

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.

OutOfBoxEnvironments.html

Shows an example environment that's already been created (hence why it is 'out of box')

llynclys.html

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!

Solar System Folder

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

About

The projects made while I've been learning aFrame


Languages

Language:HTML 97.4%Language:JavaScript 2.6%