top of page
Coded VR Environments

Using HTML, Node.js and Javascript

Frame 24.png

Stepping Squares, Virtual Environment  

Virtual Reality

Creating VR Environments 

With society becoming increasingly more dependent on digital technology, online platforms have the ability inspire growth and trigger change. There have been huge developments in the way information is communicated. The two-dimensional digital world we know has the potential to take on new forms that will communicate content better. This project enabled me to explores this in more depth. 

Project Overview

Role: Designer and Developer

Timeline: 5 months

Development scale: Independent project

Go live: August 2021

Screenshot 2021-05-02 at 15.41.26.png

Still from Virtually Immersed

Project Overview

3D Digital Platform 

This project uses Virtual Reality to highlight a different way to experience a online platform. Its aimed to be a exploration in 3D environments can show information, imagery and content by using technology in new ways.

 

The end goal was to have a series of outcomes (made through code) that interact with the viewer in new ways and to communicate through our largest visual communicator, the internet.

Frame 50.png

Three-dimensional Landing Page Showcasing the Final Series

Background Research

Communicating ideas and concepts

The developing concept of making the settings three-dimensional lead me to research and explore the different methods/mediums surrounding virtual reality.

 

I took inspiration from Olafur Elission Your Uncertain Archive, the environments made by developers on the platform Three.js and lessons gained from relatives who work in code.

Screenshot 2021-04-29 at 15.01.37.png

Olafur Eliasson - Your Uncertain Archive

Material Enquiry

Communicating different languages

To create a virtual environment this project made use of JavaScript libraries such as three.js, Node.js, HTML, sound layering and image rendering platforms like Blender. The process of creating in alternative platform opens up new creative possibilities in this style of visual communication.

Screenshot 2021-05-03 at 13.48.35.png

Javascript used to create Stepping Squares

Screenshot 2021-04-30 at 15.57.46.png

Still from the Layered Sound file on Stepping Squares

Final Environments 

Communicating ideas and concepts

The final outcomes of this project consisted of three coded VR environments. Each acts as a doorway into a virtual experience, aiming to start a conversation with the viewer around imagined, immersive and unordinary digital experiences.

Explore each below.

bottom of page