[ { "title": "Portfolio Website", "tagline": "Making my own portfolio website", "mainImage": "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/portfolio_title.png", "imgGallery": [], "description": "I made this website myself because I needed a new one and wanted to try some fun ideas with it. :) \n \n The cube space is built with THREE.js, the physics are handled by Rapier3D. The project cubes are dynamically created from a JSON that contains the project data like titles, descriptions, images and/or video links. It is hosted using GitHub pages and you can check out the full repo on my GitHub account:", "team": ["Vi Schreiber"], "year": "2026", "projectLink": ["https://github.com/schreibmachine/portfolio"] }, { "title": "Audio Graph", "tagline": "AudioGraph = auditory photograph; \n a moment of sound. \n A nighttime audiovisual radio experience", "mainImage": "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/audiograph_title.png", "imgGallery": [ "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/audiograph_beforethenight_frameless.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/audiograph_screenshot.png"], "description": "AudioGraph is an interactive, late-night listening experience inspired by the strange intimacy of radio after midnight. The project turns a virtual radio receiver into a space for discovering “audio photographs” — fragments of sound that capture fleeting moods, memories, and moments. \n \n The application can only be accessed between 10 p.m. and 3 a.m., encouraging users to engage with it in the quiet hours when radio feels most personal. At night, a glowing globe becomes active: rotating it lets users tune into hidden sound pieces scattered across its surface. Finding them isn’t straightforward - just like with an old radio, signals fade in and out, and only careful adjustment reveals clear audio. \n \n Visually minimal and intentionally lo-fi, the project focuses on atmosphere rather than spectacle, drawing from memories of unreliable kitchen radios, late-night callers, and the freedom of off-hour programming. One of the discoverable stations includes an hour-long custom late-night show, blending interviews, music, and storytelling. \n \n AudioGraph explores radio not just as technology, but as a medium of intimacy, nostalgia, and nighttime wandering - a small world of sounds waiting to be tuned in.", "team": ["Vi Schreiber"], "client": "Creative Technologies (m.a.) \n as the final project for Creative Coding 2", "year": "2023", "videoLinks": [ "https://www.youtube.com/embed/zFE25LIjcnA"] }, { "title": "VESTALE", "tagline": "Consumed by the [simulated] fire.", "mainImage": "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/vestale_title.png", "imgGallery": [ "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/vestale_Sketch.jpg", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/vestale_wip_igittDickePartikel.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/vestale_wip_rendercompare.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/vestale_frame412_blackBG.png"], "description": "With this project I explored particles and rendering them with Houdini - The goal was to create a fire simulation encasing another object. \n \n I wanted to find a statue in order to combine a particle simulation with an object. I checked the ScanTheWorld archive and found a statue of a Vestale, a high priestess of Rome, guarding the holy hearth of the city...", "team": [ "Vi schreiber" ], "client": "Creative Technologies (m.a.) \n as the final project for Procedural Generation and Simulation", "year": "2023", "videoLinks": [ "https://www.youtube.com/embed/hZAwXnQTgMY" ] }, { "title": "Project R.E.A.L.", "tagline": "Investigating the feasibility, narrative possibilities, and perception of 'impossible' spaces with non-Euclidean elements in a virtual reality setting", "mainImage": "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/pREAL_title.png", "imgGallery": [ "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/pREAL_Eschersketch_edited1.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/pREAL_Screenshot1.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/pREAL_Screenshot2.png" ], "description": "... Do you know the unreal feeling when exploring lost places, e.g. an abandoned mall? \n ... Have you ever wondered what lies beyond the scaffolding of our reality? \n ... Do you own a HTC Vive Pro ™ and are willing to explore a prototypical application? \n If you answered yes to any of these questions, may I present you with the Project: R.E.A.L.: \n an experimental application which allows you to safely explore what is known as a 'backroom'. Project: R.E.A.L. let's you noclip through our reality and travel into one 'level' of the backrooms. \n \n This level, which looks like a broken memory of an abandoned mall, is still rather unexplored and staying oriented may be a real challenge. A peculiar feature of the level are the portals. \n They connect places within the level, changing - or even reversing - the direction of everything around you. Additionally, there seems to be a powerful entity at the heart of the level, but so far it's not clear whether it is peaceful or hostile ... \n \n ------------------------ \n \n The main focus of the project was the implementation of portals for VR and exploring these as a possible alternative method of locomotion. The idea was that the visitors of this space always move in a circle inside a VR roomscale setup. The roomscale area of approx. 2m x 2m is separated into four parts for the level design with walls, doors and other level elements like escalators placed along the middle of these sections. The visitors will be either transported by escalators or by the aformentioned portals. The portals connect two different parts of the world and also change the orientation of gravity or 'down'.", "team": [ "Vi schreiber" ], "client": "Creative Technologies (m.a.) \n as the Orientation Project (first project)", "year": "2022", "videoLinks": [ "https://www.youtube.com/embed/dRCJuzDuP2E", "https://www.youtube.com/embed/HoJeIfYFKGM", "https://www.youtube.com/embed/i18JTDQALxI" ] }, { "title": "HKW Moabeat", "tagline": "Creating a music piece and reactive graphics for the web", "mainImage": "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/HKWm_title.png", "imgGallery": [ "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/HKWm_screenshot_myShader1.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/HKWm_screenshot_myShader2.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/HKWm_screenshot_myShader3.png"], "description": "HEIZKRAFTWERK MOABEAT explores the visuals and soundscapes of inhuman, but man-made, industrial structures. \n \n A core memory that drove me to this topic was when I was biking through Treptower Park and heard the ungodly noises that were made by the Heizkraftwerk Klingenberg on the other side of the Spree. \n I originally wanted to tape its sounds, but it has since been upgraded to using gas instead of coal, so the sounds are gone... \n Luckily (not for our climate of course, but for this project), the Heizkraftwerk Moabit still uses coal, so it still sounds just like HKW Klingenberg used to sound! So I made a little field trip & recorded various sounds from there with my smartphone.", "team": [ "Vi Schreiber"], "client": "Creative Technologies (m.a.) \n as the final project for Theoretical Backgrounds for Audio and Graphics", "year": "2022", "videoLinks": [ "https://www.youtube.com/embed/YMMXQ9Ge0B0"], "projectLink": [ "https://schreibmachine.github.io/hkwmoabeat.github.io/"] }, { "title": "takeanumberandhaveaseatplease.com", "tagline": "Absurd waiting room simulator \n and my first web project", "mainImage": "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/TANAHASP_title.png", "imgGallery": [ "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/TANAHASP_sketch_idea1.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/TANAHASP_Screenshot1.png" ], "description": "takeanumberandhaveaseatplease.com is a playful web experience built around the concept of deliberate uselessness. Visitors are invited to “take a number” and enter a virtual waiting room, where they receive a randomly generated ticket displayed on a small piece of paper held on screen. Their only objective is to wait until their number is called by the system. \n \n Once the users click 'Take a number', they will be taken into the waiting room. They will be assigned a randomly generated number, which is 'printed' onto the piece of paper held by a hand in the lower right corner. The user 'wins' if they wait until their number is called by the waiting number system in the upper left corner. The minimum possible wait time is 28 hours & the maximum possible wait time is around 16583 hours (1.9 years). The mean value lies at a waiting time of approx. 346 days.", "team": [ "Vi schreiber" ], "client": "Creative Technologies (m.a.) \n as the final project for Creative Coding 1", "year": "2022", "credits": "Credits: \n Pixel Font: \n 'Mobile Font' created by Anke Arnold (www.anke-art.de) \n \n Background Music: \n 'Local Forecast (Elevator)' by Kevin MacLeod (incompetech.com) \n \n 'Bell' Sound Effect: \n by user 'SPANAC', found on https://www.freesoundslibrary.com/ding-dong-sound-effect/", "videoLinks": [ "https://www.youtube.com/embed/ott_0kDkCyg" ], "projectLink": ["https://github.com/schreibmachine/takeanumberandhaveaseatplease"] }, { "title": "REMOTE (b.a.)", "tagline": "Umsetzung einer Spielszene in VR mit Fokus auf einem experimentellen Workflow zur Einbindung von volumetrischen Videos.", "mainImage": "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/remote_title.png", "imgGallery": [ "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/remote_201027_CryoLab_whole_sketch-reColor.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/remote_maya_Screenshot1.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/remote_unreal_Screenshot1.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/remote_Rendering_1.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/remote_Rendering_5.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/remote_unreal_ingame2 _edited" ], "description": "In my artistic-technical bachelor thesis REMOTE I worked on the implementation of a virtual reality game scene in which players can explore a part of a space station in VR and explore several volumetric videos. This prototype was designed as a vertical slice of a much larger game concept / story. All assets used in the application - with the exception of sky (stars) and saturn - have been created for the prototype by hand, either with Prof. Jan Berger (photogrammetry) or modelled, textured and implemented by me. \n \n A minimalist gameplay and the explorable environment support the immersive encounter with the captured 3D footage of real people. The integration of 'moving' photogrammetry posed a particular technical challenge and the core theme of the work. \n \n In the thesis I have present my experimental workflow and explain what processes I used to achieve the shown results. Furthermore, I tried to evaluate the applicability of the workflow and the involved steps and give an outlook on things that could be improved. \n You can read my thesis by following the link:", "team": [ "Vi schreiber" ], "client": "Bachelor thesis and project", "year": "2021", "credits": "Special Thanks to \n Prof. Jan Berger for his exceptional support and advice", "videoLinks": [ "https://www.youtube.com/embed/9q_H_k3uChk" ], "projectLink": [ "https://drive.google.com/file/d/13pWuzx3KGbQFvDEV17ZXCM9LJg-0ZzIN/view?usp=sharing"] }, { "title": "VR COOP", "tagline": "Climb together! \n as the tiny and the GIANT", "mainImage": "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/vrcoop_title.png", "imgGallery": [ "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/vrcoop_block-ideation.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/vrcoop_WIPScreenshot.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/vrcoop_Postcard_Front_What.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/vrcoop_Postcard_Front_Coverpic.png" ], "description": "VR COOP is a cooperative VR experience built around communication, scale, and shared problem-solving between two players. Each player inhabits a different role: one is a giant who constructs climbable structures, while the other plays a tiny character who climbs them. Progress depends entirely on cooperation - new building platforms only become available once the smaller player unlocks them by being there. \n Because verbal communication is intentionally limited within the experience, players rely heavily on body language and gestures to guide each other. As they build, climb, and negotiate their next steps, each session naturally creates its own small narrative shaped by collaboration and improvisation. \n \n Designed as a focused gameplay slice, VR COOP explores how physical presence, scale differences, and cooperative mechanics can create meaningful interaction in virtual reality, turning simple movement and construction into a shared social experience centered on teamwork and communication. \n \n We developed VR COOP in the summer semester 2020 in the midst of the COVID-19 pandemic and hence created the game excerpt working completely remote.", "team": [ "Vi schreiber", "Jorge Reissner", "Jose Antonio Guerrero Fernandez", "Sarah Laube", "Warja Rybakova"], "client": "Game Design (b.a.) \n as the 6th semester game project (Project C)", "year": "2020", "credits": "Special Thanks \n to RootMotion for giving us access to their FinalIK Unity Asset! <3", "videoLinks": [ "https://www.youtube.com/embed/8dZOr5M31yg" , "https://www.youtube.com/embed/avYlzfRIKFo"] }, { "title": "TRAINSTATION", "tagline": "INTO THE VOID \n A Spatial Projection Mapping Experience", "mainImage": "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/Trainstation_title.png", "imgGallery": [ "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/TRAINSTATION_Bild_RenderTest1.jpeg", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/TRAINSTATION_Bild_RenderTest2.jpeg", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/trainstation_ObjectsAll_Screenshot.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/trainstation_Screenshot_interactiveScene1.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/trainstation_Screenshot_interactiveScene4.png"], "description": "During my Game Design studies I took several courses around 3D content creation with Autodesk Maya. \n The project TRAINSTATION is the combined final result of two of these courses - '3D Technik' and '3D Content Tools', both of which were held by Prof. Jan Berger. \n \n '3D Technik' is focussed on practicing and learning techniques of hard-surface modelling. \n The final project for this course was meant to be a reconstruction of any U-Bahn station in/around Berlin (to be able to take reference photos as needed) and then make it playable in Unity. I chose the station U Warschauer Straße, because of it's charming wear and tear which also presented me with a challenge to recreate this. The 3D model of the trainstation consists of the entrance hall, where the transition to track 3 is blocked off, the covered tracks and their open continuation which amounted to approx. 85m. \n \n The topic of '3D Content Tools' was the creation of simple plugins or scripts in AutoDesk Maya. In this course we learned the basics of Maya's Embedded Programming Language, MEL, and were to come up with a useful script to implement. \n Since I simultaneously had the task of recreating a train station with lots of possibly generatable features, it made sense to combine both projects. This was my first venture into the (sometimes fiddly) world of programming for Maya, so I tried to stick to a simple concept: a fence generator.", "team": [ "Vi schreiber" ], "client": "Game Design (b.a.) \n as the final project for two Autodesk Maya courses", "year": "2019", "videoLinks": [ "https://www.youtube.com/embed/U8Su_uAzqyo", "https://www.youtube.com/embed/_MR84cRaUiQ", "https://www.youtube.com/embed/wDguejqrzRA" ] }, { "title": "Q3", "tagline": "INTO THE VOID \n A Spatial Projection Mapping Experience", "mainImage": "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/q3_title.jpg", "imgGallery": [ "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/q3_playtest.jpg", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/q3_finalSetup.jpg", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/q3_playing4.JPG", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/q3_coolCloseUp.jpg"], "description": "Q3 - ENTER THE VOID places players inside a 2 m³ cube surrounded by projections on four sides, turning physical space into the main game interface. Using a VR tracker, players move the virtual environment by pushing toward the cube’s walls, with movement speed increasing near the edges. Controls and level selection happen naturally as players explore the space. \n \n The installation features four distinct levels, each built around a different spatial challenge. RABBITHOLE is a fast-paced racing experience testing balance and reflexes, ORIENTATION presents a maze of tunnels that challenges navigation skills, STUCK sends players flying through abstract obstacle fields requiring precision, and MANDALA guides players through shifting viewpoints focused on pattern recognition. Across all levels, players follow or chase geometric shapes that lead them through each environment. \n \n Inspired by artists like James Turrell, the project uses neon color palettes and wireframe visuals to maximize depth and contrast in projected space, creating an immersive experience designed to make players forget the world outside the cube.", "team": [ "Vi schreiber" , "Anna Schiffels", "Uliana Schoeller", "Moritz Steinbeck", "Mikka Wild"], "client": "Game Design (b.a.) \n as the 4th semester game project", "year": "2018", "videoLinks": [ "https://www.youtube.com/embed/t2xDjn87_IQ", "https://www.youtube.com/embed/-_6wKBoZsQA", "https://www.youtube.com/embed/YPyP0ZnK-qs", "https://www.youtube.com/embed/w2ekJMsG9H8" ] }, { "title": "T/LT", "tagline": "Tilt it to win it! \n My first 3D game made with Unity", "mainImage": "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/tilt_title.png", "imgGallery": [ "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/tilt_Screenshot1.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/tilt_Screenshot3.png", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/tilt_Playtesting.jpg", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/tilt_HiveFive.JPG"], "description": "T/LT is a 3D physics-puzzle game that introduces players to its mechanics gradually across five levels. The core gameplay revolves around tilting platforms to set two spheres in motion, guiding each to its respective goal. Success depends on mastering momentum, timing, and spatial reasoning, making each level a small but satisfying challenge. \n \n For this project we emphasized clean, polished design: the game system was intentionally kept simple to allow focus on level design, visual quality, and smooth interaction. Each level combines engaging puzzles with careful attention to physics-based mechanics, creating an intuitive yet rewarding player experience while the development was a great learning opportunity for us. \n \n The game prototype was showcased at HIVE FIVE at HTW, a public exhibition for student projects from Game Design.", "team": [ "Vi Schreiber", "Ole Pecherz", "Uliana Schoeller", "Rebecca Zimmer"], "client": "Game Design (b.a.) \n as the 3rd semester game project", "year": "2018", "videoLinks": [ "https://www.youtube.com/embed/LB1JkJstCho" ] }, { "title": "MIRROR.INK", "tagline": "meditative mirror magic \n My first game prototype made in Unity", "mainImage": "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/mirrorInk_title.png", "imgGallery": [ "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/mirrorInk_levelStart.PNG", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/mirrorInk_Level_04.PNG", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/mirrorInk_makingOf1.jpg", "https://pub-9135e3be629b4521bdb9cd61fffd66e1.r2.dev/mirrorInk_makingOf2_tile.jpg"], "description": "This game prototype presents the first three levels of a scalable puzzle system built around a simple but distinctive mechanic: players control a mirrored axis to guide falling drops into target areas with precision. The closer the alignment, the more intricate and visually pleasing the resulting ink pattern becomes, directly linking gameplay accuracy to visual reward. \n \n The project's visual identity is inspired by the pottery technique mocha diffusion, where acidic pigment reacts with alkaline clay to produce organic branching patterns. To capture this effect authentically, over one hundred real ink reactions were created, filmed, and integrated into the game as animated assets. Even the menu typography was produced using the same process, giving the project a cohesive handcrafted aesthetic. \n \n The result is a minimalist puzzle experience that blends tactile, analogue textures with digital interaction, creating a system that can easily be expanded with additional mechanics and levels. \n \n The project MIRROR.INK was awarded 2nd place at the Deutsche Multimediapreis in 2017 in the 21 - 25 age category in Dresden.", "team": [ "Vi Schreiber", "Anna Schiffels", "Moritz Steinbeck"], "client": "Game Design (b.a.) \n as the 2nd semester game project", "year": "2017", "videoLinks": [ "https://www.youtube.com/embed/4-XPGjaDMEc"] } ]