Torstai 17 08-2017 kalvot

1. Vizorin Patches-editori
http://patches.vizor.io

2. Käyttäjätilin luominen
• Aloita luomalla käyttäjätili
Patches-editoriin (eri tili
kuin se jonka teit Beta-
editoriin)

3. Omat projektit -näkymä
• Kun kirjaudut sisään, saavut
omalle projektisivullesi, jossa on
lista projekteistasi
• VR-esitykset voivat olla joko
julkisia tai yksityisiä
• Julkiset esitykset näkyvät myös
muille käyttäjille, jos he katsovat
omaa sivuasi
• Yksityiset esitykset voi avata jos
tietää tarkan URL-osoitteen

4. Uuden esityksen luominen
• “Create Public
Project”/“Create Private
Project” -painikkeella avautuu
uusi tyhjä esitys
Valmiit
objektit ja
“patchit”
Build / Program
valinnalla saa
visuaalisen
koodin näkyviin
ja pois näkyvistä

5. Liikkuminen “ala”patchiin ja sieltä pois
• Jos objektissa on pieni kynän
kuva, siitä voi avata
“ala”patchin eli objektin sisällä
olevan toisen visuaalisen
ohjelman
• Takaisin ylätasolle pääsee
klikkaamalla oikeassa
yläkulmassa olevaa polkua eli
root > jotain…

6. Vizorin valmiit “templatet”eli pohjat
• Avaa osoite
http://vizor.io/templates
• Käytämme
harjoitustehtävään “360
Photo Story” templatea

7. Templaten räätälöinti omiin tarpeisiin
• Klikkaa templatessa olevaa
kynäikonia, tällöin se avautuu
editointitilaan
• Kun “julkaiset” eli talletat
esityksen seuraavan kerran, siitä
tallentuu kopio omalle
käyttäjätilillesi

8. Kuvien vaihtaminen templateen (1)
• Klikkaa “Scene1:
Beginning” objektin
kynää, jolloin templaten
ensimmäinen ruutu
avautuu editointitilaan

9. Kuvien vaihtaminen templateen (2)
• Tämä on esityksen
alkunäkymä, tätä
kautta pääsee
vaihtamaan
taustakuvan ja
linkkinapin

10. Kuvien vaihtaminen templateen (3)
• Tämä on esityksen
alkunäkymä, tätä
kautta pääsee
vaihtamaan
taustakuvan ja
linkkinapin
• Texture-objektiin voi
vaihtaa oman kuvan
klikkaamalla siinä
olevaa kynää

11. Kuvien vaihtaminen templateen (4)
• Kynää klikkaamalla avautuu
latausvalikko
• Kuvien lataaminen omalta
koneelta tapahtuu ylälaidan
“Upload”-täbistä

12. Äänien vaihtaminen templateen (1)
• Äänet avautuvat templaten
“Audio control” patchistä kynää
klikkaamalla

13. Äänien vaihtaminen templateen (2)
• Musiikki- tai taustaääniraitojen
vaihtaminen tapahtuu Source-
napeista
• Vastaavasti esitykseen voi lisätä
kertojaäänet alhaalla olevista
Voice-napeista

14. Lisää ohjeita Vizorin tutoriaaleissa
• Omakohtainen oppiminen tapahtuu
helpointen tutoriaalien avulla
• http://blog.vizor.io/tag/tutorials/

15. Tehtävänanto
Kurssityö ryhmissä

16. Tarina
• Tarinan aihe on vapaa
• Tehtävänä on toteuttaa kuvallinen kertomus käyttäen pääasiassa 360
asteen still-kuvia, sekä ääniä ja kertojanääntä
• Tarinassa pitää olla vähintään noin 5 “kohtausta” tai 360-näkymää, jotka
on linkitetty toisiinsa
• Valinnaisesti on mahdollisuus käyttää 360-stillkuvien lisäksi joissain
kohtauksissa myös videota, animaatiota, tekstejä, sekä interaktiivisia
“hotspotteja”

17. Toteutus
• Käyttäkää Vizorille tehtyä valmista “360 Photo Story” templatea, joka
löytyy osoitteesta https://patches.vizor.io/templates
• Huom: Templatessa on vain kolme 360-näkymää (sekä alkukuva), teidän
täytyy monistaa lisää näkymiä sen mukaan, montako teidän esityksessä
on
• Seuratkaa tutoriaalia, jossa näytetään oma esityksen koostaminen
templaten avulla: http://blog.vizor.io/vizor-360-photo-story-template/
• Yksinkertaisimmillaan teidän tarvitsee vain vaihtaa omat kuvat, äänet, ja
tekstit valmiiseen templateen

18. VR-kertomus perusmuodossaan
• Kertomuksessa on vähintään viisi “kohtausta” tai 360-näkymää (still-kuvia) ja
niiden välillä linkit jotka vievät katsojaa eteenpäin tarinassa
• Jokaiseen kohtaukseen voi laittaa kaksi ääniraitaa
• Musiikki tai taustaääni
• Narraatio
• Lisäksi jokaiseen kohtaukseen voi laittaa tekstiplansseja (otsikko tai selostusteksti)
• Tekstit voi toteuttaa joko Vizorin omalla tekstieditorilla tai tuomalla ne kuvina
Photoshopista

19. Optiot: Valinnaisia kerronnan muotoja
• Voitte toteuttaa jonkin / jotkut kohtaukset 360-videona (still-kuvan sijaan)
• Kohtauksiin voi upottaa yhden tai usean videoplayerin (esim. jokin
hahmoista näkyy videoruudun muodossa)
• Kohtauksissa voi olla vuorovaikutteisia hotspotteja joista aukeaa jokin
kuva tai teksti, tai kuuluu jokin ääni
• Voitte lisätä tarinaan kohtauksia, jos tarina sitä vaatii
• On myös mahdollista lisätä kohtauksia joista palataan edelliseen
kohtaukseen, ja siten tehdä kerronnan rakenteesta monimutkaisempi

20. Tiedostomuodot kuville ja äänelle
• 360-stillkuvat JPEG-muodossa ja 4096 x 2048 -resoluutiossa
• 360-videot .MP4 tiedostomuodossa ja H.264 tiedostopakkauksella, bitrate
välillä noin 10 - 20 Mbit/s.
• Still-kuvat joko JPEG- tai PNG- muodossa (jälkimmäisessa voi olla
läpinäkyvä tausta)
• Upotettavat videot: MP4, H.264 ja resoluutio esim. 640 x 360 tai
vähemmän

21. Käsikirjoituksen tekeminen
1. Piirrä tarinan tärkeimmät vaiheet yksinkertaisina sarjakuvaruutuina (tikku-
ukoilla)
2. Kirjoita jokaisen ruudun alle kuvateksti, joka kertoo mitä kyseisessä
ruudussa tapahtuu
3. Sen jälkeen heitä piirrokset pois ja kirjoita tarina kuvateksteistä puhtaaksi