Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jsyang/aframe-experiment2
VR experiments
https://github.com/jsyang/aframe-experiment2
Last synced: 4 months ago
JSON representation
VR experiments
- Host: GitHub
- URL: https://github.com/jsyang/aframe-experiment2
- Owner: jsyang
- License: gpl-2.0
- Created: 2016-10-13T14:14:01.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2016-11-02T07:16:22.000Z (about 8 years ago)
- Last Synced: 2024-06-22T19:39:41.773Z (6 months ago)
- Language: JavaScript
- Homepage:
- Size: 4.73 MB
- Stars: 17
- Watchers: 1
- Forks: 4
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Jim's AFrame experiments
---
## Experimentation Summary
[Bringing Light to WebVR with AFrame](https://medium.com/this-place/bringing-light-to-webvr-with-aframe-bf98ba2f49db)
## Getting started
In one terminal window:
```
npm i ; grunt
```
In another:
```
node server/index.js
```
### Duck Hunt
[See it on YouTube](https://www.youtube.com/watch?v=qLRu9_qdUpo)
1. On your *viewer device*, go to http://localhost:3000/duckhunt.html
2. On your *controller device*, go to http://localhost:3000/controller.html
3. Select the `gyronorm` controller mode
4. Select the `socketio` network mode
5. You need to align both the *viewer* and the *controller* in the same orientation,
if they get out of sync, you will need to long-press on the *controller* to reset it.
On your *viewer*, you need to face north as you re-sync.
---
## Learnings
- [Google W3C WebVR presentation](https://docs.google.com/presentation/d/1CSgOsiyn2PeLGlJCnrmmTYv9FLE_dmCaVKp7fZ-SF2I/edit?usp=sharing)
- Models with faces that have more than 3 vertices will not load in THREE.js loaders (which is what AFrame is using)
- Ctrl + Alt + I opens the AFrame Inspector which you can use to rearrange entities in the scene. You can
copy the resultant HTML
- Youtube Videos need to be downloaded as MP4 or [proxied to be viewable as textures](http://stackoverflow.com/questions/36298195/how-to-render-youtube-videos-as-a-texture-in-a-frame)
- [`` after `