WIFI: Taiste public DigitjaRiski pw: digitjariski
Mitä tarvitaan? Päällimmäisenä dependencyjen listalla roikkuu node:
https://nodejs.org/en/download/
https://docs.npmjs.com/getting-started/installing-node
Asennetaan reactVR:
npm install -g react-vr-cli
Luodaan uusi projekti:
react-vr init PROJECT_NAME
Sirrytään luotuun projektiin ja käynnistetään:
cd PROJECT_NAME
npm start
Selaimella:
http://localhost:8081/vr
Taika löytyy index.vr.js-tiedstosta.
Jaetaan workshop kolmeen osaan.
- Katsotaan tarvittavien pakettien asennus
- Käydään läpi miten luodaan perus viewi, image ja text -elementtejä
- Google Cardboard vaatii https-yhteyden. Luodaan lokaali certit ja proxytetaan lokaali https-yhteys.
Pidetään osien välissä pienet 10min tauot ja katsellaan vähän miten on mennyt.
Paina nappia ja voilá: Pysäkin aikataulut.
VR-näkymän aktivointi esimerkiksi Google Cardboardin kanssa vaatii keskusteluyhteyden ssl/tls:n yli. Siis aika tehdä https-certit!
Lataa Android-puhelimellesi Chrome Canary Play Storesta.
Chromessa:
chrome://flags/#enable-webvr
npm install -g http-proxy
openssl req -x509 -newkey rsa:4096 -keyout key.pem -out cert.pem
- Tee koodiin parannuksia ja tyylittelyviilauksia! https://help.github.com/articles/creating-a-pull-request/
- Napeista omat komponenttinsa
- Dynaamisesti luodut suosikkinapit
- Kuvaa oma 360° panoraamakuva
- 3D-visuaalisaatioita
data.foli.fi on auki latailuille ja ihmettelyille.
- git@github.com:taiste/react-vr-workshop.git Voi vielä ehkä muuttua
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D
https://help.github.com/articles/creating-a-pull-request/
- Bindaus javascriptissa
- Toastin teko
Taiste Oy