As a web designer and developer as well as ex-Flash animator I decided to start a blog here just to keep people updated about my journey in programming.
Another test: https://www.cablecenter.org/vr/holiday2017/
A-Frame had similar issues with png files taking on the colour of the background behind the image but Kevin Ngo ( @andgokevin ) sent me some code that changed the transparency. I'm not sure how it works but work it does. Kevin deserves a lot of credit. I have never seen anyone work as hard as he does. If I have a question he usually responds within hours. I ask questions on their Slack channel as well as other places and somehow he seems to be almost everywhere. So, I think Mozilla is lucky to have him working there.
<a-camera look-controls wasd-controls="fly: true"></a-camera>
How did I add fog?
<a-scene fog="color: #a6b7d0; near: 0; far: 65;">
Code snippet for hands and Vive/Oculus teleport?
<a-entity hand-controls="left" ui teleport-controls></a-entity> <a-entity hand-controls="right" ui teleport-controls></a-entity>
In the header, I include the component like so:
I included the direct link because the version at GitHub from the documentation did not work for me (I think it's Vive only). You can add controllers but as of right now I think it hard codes the controller type but the way I'm doing it with hands allows for both. I think a physical representation of say, Oculus controllers when you're using Vive controllers is awkward.
Also, feel free to grab me and pick me up. I'm the cartoon with glasses.