View source for GMU:Critical VR Lab I WS21/Katarina Bankovic

<span style="color:#000000;">'''do you want to see my cat? // </span><span style="color:#000000;">[</span><span style="color:#000000;">re</span><span style="color:#000000;">]</span><span style="color:#000000;">contextualization of a personal short story in unity'''</span>

<span style="color:#000000;">Back in High School I wrote a short story from a black </span><span style="color:#000000;">'''cat’s point of view'''</span><span style="color:#000000;">. She was living with an artist stuck in a heavy art block. This cat’s human completely forgot about his pet and let it starve. Miserable creature would leave through the window, be kicked by crowds of humans on the street, yelled at by the butcher and finally would end up in an alley full of dogs. There she would barely make it, and drag her bloody and ruined body back on the window of hers human apartment. The gory sight of his cat, would bring the artist out of his </span><span style="color:#000000;">'''art block'''</span><span style="color:#000000;"> and he would shout his cat’s name in joy. Cat </span><span style="color:#000000;">is </span><span style="color:#000000;">once again happy, not because she </span><span style="color:#000000;">is</span><span style="color:#000000;"> slowly healing, but because </span><span style="color:#000000;">'''she </span><span style="color:#000000;">is </span><span style="color:#000000;">finally noticed'''</span><span style="color:#000000;">. The cat heals and the painting is finished. Once again, artist doesn’t look at his cat. </span><span style="color:#000000;">The cat leaves through the window, this time searching for the dogs.</span>

<span style="color:#000000;">'''The loop'''</span><span style="color:#000000;"> is present in both the story and the ‘game’.</span>


<div style="color:#000000;">I had many ideas regarding this story. From turning it into a stop-motion animation to making a short live-action film. I knew different types of used media would transform my story, by complying with the constraints and rules that exist within. </div>

<span style="color:#000000;">At the end, I have chosen </span><span style="color:#000000;">'''Unity Engine'''</span><span style="color:#000000;">. </span><span style="color:#000000;">I let the story[game] creation guide my learning process and exploration inside the engine. The story influenced what I learned, yet, my own limits and engine’ possibilities shaped the story into this ‘narrative game’.</span>

<div style="color:#000000;">[[Image:KataImage1.png]][[Image:KataImage4.png]][[Image:KataImage2.png]]</div>


<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<span style="color:#000000;">'''video documentation// '''</span>[https://vimeo.com/693086564 https://vimeo.com/693086564]<span style="color:#000000;"> </span>

<span style="color:#000000;">'''game prototype// '''</span>[https://play.unity.com/mg/other/catstory3v https://play.unity.com/mg/other/catstory3v]<span style="color:#000000;"> </span>

<span style="color:#000000;">'''w</span><span style="color:#000000;">orkflow//'''</span>

<span style="color:#000000;">'''[3d models]'''</span><span style="color:#000000;"> all characters were created by me using </span><span style="color:#000000;">'''Tilt Brush'''</span><span style="color:#000000;"> on Steam and VR headset; all locations were created by me using </span><span style="color:#000000;">'''MagicaVoxel '''</span><span style="color:#000000;">free software; only feet models were downloaded.</span>


<div style="color:#000000;">'''Tilt Brush > Blender > Mixamo > Unity'''</div>

<span style="color:#000000;">I modeled half of each character in </span><span style="color:#000000;">t-pose in </span><span style="color:#000000;">Tilt Brush, exported it as an fbx file </span><span style="color:#000000;">and imported into Blender. All materials were preserved and in Blender I mirrored the characters and exported the final model as fbx. Then I used Mixamo to export t-pose rigged character and all the animations and import it into Unity.</span>

<div style="color:#000000;">[[Image:KataImage8.png]][[Image:KataImage9.png]][[Image:KataImage7.png]]</div>


<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

[[Image:KataImage6.png]]<span style="color:#000000;">'''M</span><span style="color:#000000;">agicaVoxel > Unity'''</span>

<div style="color:#000000;">Modeled locations were exported from MagicaVoxel as obj files directly into Unity project folder and all the materials were preserved.</div>


<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<span style="color:#000000;">magicavoxel// </span>[https://www.voxelmade.com/magicavoxel/ https://www.voxelmade.com/magicavoxel/]

<span style="color:#000000;">'''[animations] '''</span><span style="color:#000000;">all character animations were done using </span><span style="color:#000000;">'''Mixamo'''</span><span style="color:#000000;"> and </span><span style="color:#000000;">'''Bolt plug-in'''</span><span style="color:#000000;"> for Unity; animations of feet were done by adding rigidbody and sphere collider component to these objects while also adding </span><span style="color:#000000;">'''Physics Material with bounciness'''</span><span style="color:#000000;"> to the sphere collider.</span>


<div style="color:#000000;">'''Mixamo > Unity(Bolt)'''</div>

[[Image:KataImage3.png]]

<div style="color:#000000;">[[Image:KataImage5.png]]</div>

<span style="color:#000000;">'''[</span><span style="color:#000000;">audio] '''</span><span style="color:#000000;">as the main theme for the whole game, public domain song R</span><span style="color:#000000;">'''ockin’ Robin by Bobby Day'''</span><span style="color:#000000;"> was used. It connects all three levels and creates the looping ambiance. In each level, this song is mixed with different sounds connected to the context of the level (this was done using </span><span style="color:#000000;">'''Audacity'''</span><span style="color:#000000;">): in the first level, the song is coming form an old radio / in the second, the song is heard from somewhere far away, while the noise of the street crowd is overwhelming / in the third, song is coming from one of the apartments, yet we can also hear every-day sounds coming from the building.</span>

<span style="color:#000000;">added sounds source // </span>[https://freesound.org/ https://freesound.org/]<span style="color:#000000;"> </span>


<div style="color:#000000;">Other sounds include barking and growling that are enabled with a trigger script and box collider added to the characters of Butcher and Dog; </div>

<div style="color:#000000;">also narration sound(done by me), enabled with the script and followed by subtitles.</div>


<span style="color:#000000;">(</span><span style="color:#000000;">audio </span><span style="color:#000000;">scripts]</span>

<div style="color:#000000;">[[Image:KataImage10.png]][[Image:KataImage11.png]]</div>


<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<span style="color:#000000;">'''[the game]'''</span><span style="color:#000000;"> consists of three levels, or three main scenes from my short story. To change between these levels a script was used that enabled this with trigger.</span>

<span style="color:#000000;">'''[lights)'''</span><span style="color:#000000;"> environmental light comes from skyboxes and is present in all three levels, directional light is used in first and second level and for the street lights, ceiling lights and for the second level I used point light with enabled halo effect.</span>


<div style="color:#000000;">'''[resources]'''</div>

<div style="color:#000000;">audio: </div>

[https://freesound.org/ https://freesound.org/]<span style="color:#000000;"> </span>

[https://freesound.org/people/GowlerMusic/sounds/262267/ https://freesound.org/people/GowlerMusic/sounds/262267/]<span style="color:#000000;"> </span>

[https://freesound.org/people/MrAuralization/sounds/269703/ https://freesound.org/people/MrAuralization/sounds/269703/]<span style="color:#000000;"> </span>

[https://freesound.org/people/PTSPProductions/sounds/189558/ https://freesound.org/people/PTSPProductions/sounds/189558/]

[https://freesound.org/people/Juan_Merie_Venter/sounds/327666/ https://freesound.org/people/Juan_Merie_Venter/sounds/327666/]

[https://freesound.org/people/InspectorJ/sounds/336598/ https://freesound.org/people/InspectorJ/sounds/336598/]

[https://freesound.org/people/InspectorJ/sounds/345560/ https://freesound.org/people/InspectorJ/sounds/345560/]

[https://freesound.org/people/Claudius/sounds/505286/ https://freesound.org/people/Claudius/sounds/505286/]

[https://freesound.org/people/150025/sounds/324696/ https://freesound.org/people/150025/sounds/324696/]

[https://freesound.org/people/Robinhood76/sounds/195414/ https://freesound.org/people/Robinhood76/sounds/195414/]

[https://freesound.org/people/KenzieVaness/sounds/352050/ https://freesound.org/people/KenzieVaness/sounds/352050/]

[https://freesound.org/people/scriptique/sounds/50817/ https://freesound.org/people/scriptique/sounds/50817/] 

<span style="color:#000000;">f</span><span style="color:#000000;">eet models: </span>

[https://sketchfab.com/yakaras https://sketchfab.com/yakaras]<span style="color:#000000;"> </span>

[https://sketchfab.com/mamasneakers https://sketchfab.com/mamasneakers]<span style="color:#000000;"> </span>

[https://sketchfab.com/kenprol https://sketchfab.com/kenprol]<span style="color:#000000;"> </span>

[https://sketchfab.com/WirtualneMuzeaMalopolski https://sketchfab.com/WirtualneMuzeaMalopolski]<span style="color:#000000;"> </span>

[https://sketchfab.com/pbr-scans https://sketchfab.com/pbr-scans]<span style="color:#000000;"> </span>

[https://sketchfab.com/12342423534 https://sketchfab.com/12342423534]<span style="color:#000000;"> </span>


<div style="color:#000000;">'''(tutorials)'''</div>

<span style="color:#000000;">changing scene on trigger// </span>[https://www.youtube.com/watch?v=uC9Sru-3G0s&t=83s https://www.youtube.com/watch?v=uC9Sru-3G0s&t=83s]<span style="color:#000000;"> </span>

<span style="color:#000000;">publishing// </span>[https://www.youtube.com/watch?v=L82geOfpQCQ&t=198s https://www.youtube.com/watch?v=L82geOfpQCQ&t=198s]<span style="color:#000000;"> </span>

<span style="color:#000000;">start menu// </span>[https://www.youtube.com/watch?v=zc8ac_qUXQY https://www.youtube.com/watch?v=zc8ac_qUXQY]<span style="color:#000000;"> </span>

<span style="color:#000000;">magicavoxel to unity// </span>[https://www.youtube.com/watch?v=qKPnEi99aZQ&t=88s https://www.youtube.com/watch?v=qKPnEi99aZQ&t=88s]<span style="color:#000000;"> </span>

<span style="color:#000000;">skyboxes// </span>[https://www.youtube.com/watch?v=anYBZzxy1FA&t=60s https://www.youtube.com/watch?v=anYBZzxy1FA&t=60s]<span style="color:#000000;"> </span>

<span style="color:#000000;">audio// </span>[https://www.youtube.com/watch?v=ln4ilSVR1Ug https://www.youtube.com/watch?v=ln4ilSVR1Ug]


<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>

<div style="color:#000000;"></div>