RC9_Portfolio_xREF by YINGXUAN TANG

AD RC9 Team Name | UCL

CONTENTS INITIAL PROJECTS CHAPTER 1 TERM 1 WORK - ARCRAFT - MAZE

AUGMENTED SPACE CHAPTER 2 UNDERSTAND AND EXPLORE THE CHARACTERISTICS OF AUGMENTED SPACE

2.1 Augmented Reality Exploration

- Background: Augmented Space and Immaterial Architecture - AR Test

2.2 Augmented Reality Device Exploration

- Technical Exploration

- Self Made Mr Device

- Technique Device

- Theoretical & Technical Inspirations

- Introduce Two Versions of the Platform PLATFORM - AREFUGE

CHAPTER 3 PLATFORM & SYSTEM DESIGN - AREFUGE - ARefuge Overview

- Algorithm Adjustment - WFC - User Experience

PLATFORM - XREF CHAPTER 4 PLATFORM & SYSTEM DESIGN - XREF - xREF Platform - Overview

- Digital Layer

4.1 xREF Platform Design

- Platform Structure

- Logic of User-Generated-Content

4.2 xREF Platform Design

- Logic of User Experience

4.3 xREF Platform Design

- Logic of User Interface

- Experience Storyboard

- Workflow

- Multi-Users Collection

URBAN LAYER CHAPTER 5 IMMATERIAL ARCHITECTURE AS THE AUGMENTED URBAN LAYER - Metaverse & Space Internet - Experience & Social Aspect

- Look Forward To The Future

INITIAL PROJEECTS TERM 1 | ARCRAFT HAOYA CHEN, YULING GUO - CONCEPT

- APP OVERVIEW

- INTERACTIVE SYSTEM

INTRODUCTION & BACKGROUND App Concept

In the 1900s, architects designed with the traditional hand drawings before the computer invented. During that period, the learning of the drawings and design required lots of practice. Later with the invention of computer-aided design, the design process began to change, 3D digital models and digital drawings became ubiquitous. In the next age, the trend of AR will bring benefits to the design process, starting from this point, we focus on exploring how AR can affect the design process and achieve the zero learning curve

Designers were all experts in drawings.

Previous architectural design is purely hand drawing.

Parametric design was popular with the public.

Computer was used in architectural design.

A new method of design with AR.

AR could benefit to the design process.

WORKFLOW App Overview

Workflow Interaction and gestures

1. add geometry 2. subtract geometry 3. change size 4. recover change

①

②

③

④

AR CRAFT INPLACE App Experience

Shape the form with Hololens, our app will transfer the form to vector points, then you can draw lines to affect vectors with different directions

LIBRARY & COMPONENT App Experience

Users can either choose from the library or upload their own component

SHAPE 1

AD RC9 ARfuge | UCL

VIRTUAL OVSERVER TERM 1 | HAONAN WANG, YINGXUAN TANG - 1 PLAYER EXPERIENCE PROCESS - 2 MAZE GENERATION SYSTEM - 3 MAZE DESIGN

This App is a maze game, which provides player self choose site and maze element. We create a 3D maze generation system and embed it into a virtual environment. It provides the player with an opportunity to reshape and reobserve the surrounding environment through the game.

ALGORITHM ADJUSTMENT Wave Function Collapse

Wave Function Collapse (WFC) by @exutumno is a new algorithm that can generate procedural patterns from a sample image. WFC could base on a sample map and generate more maps that look like the original map, by re-using small snippets from it. It comes in two forms – adjacent and overlapped. It can be run in 2d or 3d, even on hexagonal or irregular grids.

The input pattern is subdivided into a grid of size NxN. The overlap model extracts all possible NxN patterns. This means that the library generated by the overlap method will have more members than the library generated by the simple tiling model.

ALGORITHM ADJUSTMENT Wave Function Collapse: 2D to 3D

WFC behaves similarly in 3D as it does in 2D. Referring to "Infinite Cities", each face of each individual Tile is labeled with its corresponding number and the algorithm will then organize them into a complete generation. The link rules make the corresponding numbers match each other. It can ensure that at least one path can directly connect two fixed points after being generated. We designed a maze component according to the link rules. When the rules change, the design of the components will also change.

1 PLAYER EXPERIENCE PROCESS Select Site to Set Boundary

Here is the flow chart of the game experience.First, load the game and select the generation site and the maze component. Here, you also can upload the self-scan model as maze generation site. After that, you could set the maze boundary, start point and endpoint.

Select generating site

Upload self-scan model site

Select maze component

Set maze boundary and start/end point

Next, push the “Generate” button, you can take experience in your maze.Here you can walk on different surface and observe the environment from different angles. Finally, when you finish the journey, you can have the chance to re-observe how the virtual space was change by your behaviour.

Generate maze

Walk on different surface

Observe the environment

Re-observe the virtual space you generat

2 MAZE GENERATION SYSTEM Rules Design and Interface Design

Components Design

We design components with different forms based on the connection rules of the maze system and divide components into two categories, the opened and enclosed. and increase the diversity of components to make space more complex and interesting while ensuring maze always has a path.

3 Maze Design Open 3D Maze

Enclosure 3D Maze

3 Maze Design Enclosure 3D Maze

We also introduced architectural space elements in some of the components, loading them and generating a maze space to visit.

Summary The player can generate unique maze form and path, and combine them with the corresponding model with the reality in the app, and observe and rewrite the space environment around in the virtual world, this is the effects and interactions that our little game hope to create.

CHAPTER 2 | AUGMENTED REALITY EXPLORATION - Background: Augmented space and Immaterial Architecture - AR Test - Initial AR Virtual Test - Build augmented layer and entity - Theoretical & Technical Inspirations - Summary

BACKGROUND

Augmented Space & Immaterial Architecture Augmented Reality hardware and software are highly developed and in recent years. Although the current AR glass hasn’t been fully commercialized, we believe the personal AR equipment will be the main digital device in the future. Microsoft Hololens 2 released in 2019, it delivers a breakthrough combination of hardware, mixed reality and Artificial Intelligence to offer the immersive mixed reality experience. Keiichi Matsuda’s Hyper reality is a good example to integrate the augmented layer with reality, creating a dynamic and interactive urban context. In searching for immaterial architecture, we are thinking of a way to extend and augmented the physical world.

AD RC9 Team Name | UCL

AR TEST

Initial AR Virtual Test

AR can give immateriality to the reality material.Ordinary materials can have different immaterial properties in the context of AR, and may also carry different information. Users can also interact with objects to switch their own immaterial properties. AR like a material with both material and immaterial properties. Digital twin allows the real-time interaction between digital and physical world. It achieves the information transfer from data to virtual impression and builds the foundation of immersive experience of AR overlays.

AR layer covered the room with virtual information. The state of the space (visually) was dynamically, while the real space would not have any change.This made the boundary between AR and VR was very blurred

AD RC9 Team Name | UCL

AR TEST

Initial AR Virtual Test

AR layers with different contents and information can be vertically stacked in the same physical space. By adjusting the height of AR layer, the vertical spatial changes can be simulated, just as different floors are built in the same physical space, which provides the possibility for creating and exploring “buildings” in augmented space. AR Layers are flexible to change according to users’ preference, in this case, the physical could be ornamented with virtual decorations and AR layer release physical world

AD RC9 Team Name | UCL

AR TEST

Build Augmented Layer and Entity

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

AD RC9 Team Name | UCL

2 System Generating Rules Prefab Design : Low Poly Style

CHAPTER 2.1 | UNDERSTAND AND EXPLORE THE CHARACTERIS - Augmented Reality Device Exploration - Technical Exploration - Technique Device - Self Made MR Device

STICS OF AUGMENTED SPACE

AUGMENTED REALITY DEVICE EXPLORATION Technical Exploration

Create Self-made "HoloLens" to explore Augmented Space HoloLens is usually the first choice for developers and designers to explore Augmented Spaces, but due to hardware limitations, the rendering distance and scale of HoloLens are not satisfactory, especially when exploring architectural and urban scale XR. Therefore, through research and testing, members of RC9-Team4 tried to simulate a homemade "HoloLnes" by splintering ZED Camera, Leap Motion and Oculus display. This device has a good rendering distance and very convenient modification and debugging mode, without generating Apk. AR design content and script can be modified in real time.

ZED Camera Information.

Demo.

1. AR Content projectiontest 2. generate evironment Spatial Map 3. get the Spatial Point-Cloud 4. analyse environent data

AUGMENTED REALITY DEVICE EXPLORATION Technique Device

Use Leap Motion to simulate the hand action and gestures, to introduce more body interaction with digital environment.

1. test in Rhino & Grasshopper 2. test in Unity

Demo.

1. Device modules 2. Assemble devices

Test.

AUGMENTED REALITY DEVICE EXPLORATION Self Made MR Device

Combine the ZED Camera, Leap Motion Module and Oculus together to build an XR headset. Plug-in ZED SDK and Leap Motion SDK with Oculus SDK in Unity Platform create an XR software develop environment. The self-made XR Headset has a better rendering quality and distance(nearly 100m) than HoloLens, and easy to Debug and adjust.

THEORETICAL & TECHNICA Inspiration

1957

Situational International

1960-1974

Archigram: Instant City

1976-1982

Bernard Tschumi: Event & Space

Augm

1990s-2000s

mented Reality Context

2002

Lev Manovich: The Poetics of Augmented Space

2014

Commercialization of AR

2020-2021

Our Early Research

In searching for immaterial architecture, we are thinking of a way to extend and enhance the physical world. Clues could be found in the history of architecture. From situational international to Archigram, Instant City takes the urban experience as a mobile part and brings it to different locations to provide an Instant experience. Tschumi’s theory emphasizes the correlation between space and events. Space is composed of a series of events. In the current Augmented Reality boom, the timeliness and interactivity of mixed reality can intuitively show the correlation between events and space. The instant and dynamic is the main state of the mixed reality world.

AD RC9 Team Name | UCL

THEORETICAL & TECHNICA Inspiration

1. Instant City, Peter Cook, Archigram

INSTANT CITY

From situational international to Archigram, Instant City takes the urban experience as a mobile part and brings it to different locations to provide an Instant experience. In the augmented world, the physical constrains could be released by the virtual elements, these instant concept is possibly to be achieved associated with augmented reality context. 2 Instant City, Peter Cook, Archigram

3. Bernard Tschumi, Event & Space

EVENT & SPACE

4. Bernard Tschumi, Event & Space

Tschumi’s theory emphasizes the correlation between space and events. Space is composed of a series of events.

AD RC9 Team Name | UCL

THEORETICAL & TECHNICA Inspiration

1. Lev Manovich, Augmented Space

2. Keiichi Matsuda, Hyper Reality

3. Keiichi Matsuda, Hyper Reality

AUGMENTED SPACE Keiichi Matsuda’s Hyper reality is a good example to integrate the augmented layer with reality, creating a dynamic and interactive urban context. It echoes the concept of Lev Manovich, that material and immaterial architecture should be treated as a whole.

AD RC9 Team Name | UCL

SUMMARY

Summary From Previous Studies

①

③

From the perspective of theory, technology, testing and initial demo, the IMMaterial Architecture we envisioned will be a diverse platform full of possibilities, bringing information layer, experience layer, decoration layer and other applications to the physical world.The virtual world and

②

④

the material world complement each other to form a mixed reality platform, which is timely and interactive and connected by a series of events.Continuing the previous theory and practice, we will express our understanding of immaterial architecture through the design platform

①

②

③

④

AD RC9 Team Name | UCL

SUMMARY

Summary From Previous Studies

xREF Version 1

The Version 1 of the xREF platform is an initial study of the immaterial world, focus on how to generate the augmented space and platform system, it also covers the topic of multi-user and multi-author open-source content. Based on the Wave Function Collapse to encourage users creating their own modular design.

AD RC9 Team Name | UCL

SUMMARY

Summary From Previous Studies

xREF Version 2

The Version 2 of the xREF platform is further developed from the Version 1, connecting event space and augmented layers. This platform version offering the immaterial platform system, enrich the content which includes the User-Generated-Content, gallery hall, online shopping platforms and social media. Users can either explore their interest on this platform or upload and create their own event sapce.

AD RC9 Team Name | UCL

CHAPTER 3 | PLATFORM & SYSTEM DESIGN - AREFUG - ARefuge Overview - Algorithm Adjustment - WFC - User Experience - Workflow & Experience - Multi-User

AD RC9 Team Name | UCL

APP OVERVIEW Workflow & UI

AREFUGE - MULTIUSER WORKFLOW The app starts with scanning the site and browsing our platform library or upload user’s own components, they can choose the style mode and material for their components. Once users decided on components and style, the can generate and enter the AR space for further exploring.

AD RC9 Team Name | UCL

AREFUGE PLATFORM OVERVIEW Workflow & Framework

TEAM 4

AD RC9 Team Name | UCL

ALGORITHM ADJUSTMENT

Wave Function Collapse: component prototype

The creative limit of WFC depends on whether different Tiles and the connection rules between them are logical. Extract non-repeated elements from each surface of a single box, and label each side of them with a corresponding serial number. The rules of connection will determine whether they form a box or another shape. If the rules and tiles are continuously expanded in this process, the generated results will be more diverse.

AD RC9 Team Name | UCL

ALGORITHM ADJUSTMENT

Wave Function Collapse: Component prototype

Start with the complete cube frame decompose it to get the prototype prefabricated parts. Then place them in the enclosing box and use “Rules painting” on the prefabricated parts.

Generate the structure (which has a larger top cover and less ground cover to ensure that its structure allows the user to see both the AR space and the surrounding reality)

AD RC9 Team Name | UCL

ALGORITHM ADJUSTMENT

Wave Function Collapse: Barrier Configuration

Generate structures while avoiding obstacle points in the environment, so that when users walk in, their view is not completely blocked.

AD RC9 Team Name | UCL

SYSTEM GENERATION RULES Prefab Design: Decoration Style

AD RC9 Team Name | UCL

SYSTEM GENERATION RULES Prefab Design: Noise Ball Style

AD RC9 Team Name | UCL

SYSTEM GENERATION RULES Prefab Design: Low Poly Style

AD RC9 Team Name | UCL

OPEN PLATFORM SYSTEM App Platform

In this package called “Malevich’s World”, for example, the designer designed a qualitativist-style package according to the open source space generation rules and uploaded it to the platform.

The system will analyze and disassemble the package and organize the prefabs according to the rules, and when the user clicks “Generate”, the same type of digital space can be generated.

AD RC9 Team Name | UCL

OPEN PLATFORM SYSTEM App Platform

①

②

1. content library 2. selected style

AD RC9 Team Name | UCL

USER EXPERIENCE

Scan Site & Generate Space

First, we will get the spitial map of the environment and the corresponding data to analyze. 1. collect enviromental point cloud 2. collect environmental depth data 3. generate spatial bounding box 4. analyse environmental data

STEP

①

②

③

④

After analyzing data from the enviroment, users can choose a style from our library to generate their virtual sapce.

STEP

1. choose a style 2. genrate virtual sapce 3. add light for virtual space

①

②

③

④

AD RC9 Team Name | UCL

USER EXPERIENCE Modify Texture

After generateing the space, users can also make modification, like change color and texture for their AR sapce.

STEP 1. change partial color 2. add texture 3. change whole color

①

②

③

Users can also make other modification and application for their space like make screenshot for social or customize their own stylish space and unpoad to the library.

STEP

①

②

③

1. add new structure 2. take photos of current space 3. modify own spatial style and upload as a pachage

AD RC9 Team Name | UCL

USER EXPERIENCE Modify Texture

Not only change color and texture, users can also change geometry form, and make modification based on their preferred geometry.

STEP 1. change geometry 2. add texture 3. change texture

①

②

③

Users can select the geometry style from libaray , like they can choose “Quantum Break“ which is designed as a poly line style with many fragments.

STEP

①

②

1. change geometry 2. add color 3. add fragments

③

AD RC9 Team Name | UCL

USER EXPERIENCE Multi-user

Multi-user

In the same environment a n d i n t h e s a m e t i m e, from one user's vision to the others. They all active in their own world. They enter dif ferent digital environments ,which all generated by ARefuge.

AD RC9 Team Name | UCL

USER EXPERIENCE Multi-user

The mixed tower is appearing and the user is stand on the ground f loor. In fac t, they can e x p er i en cce f ro m t h e ground to the top floor in the virtual world.

Each user only see their own world, but maybe the system is different. It can extract all the package s and mix them together, to generate a Crazy and Unimaginable space which floats on the physical reality.

AD RC9 Team Name | UCL

CHAPTER 4 | PLATFORM & SYSTEM DESIGN - XREF - xREF Platform - Overview - Digital Layer

AD RC9 Team Name | UCL

xREF PLARFORM Platform Overview

xREF is a platform which makes space extended, interactive, and instant. Users can simply investigate different event spaces by clicking the space panel in the Internet hall. And the new event space will pop up immediately for you to take experience. xREF is a platform offering an open-source library for users to generate their own event space. Mainly user-generated content enables users can either design or interact with the environment in the immersive mixed reality context.

AD RC9 Team Name | UCL

xREF PLARFORM Digital layer

We believe that in the context of augmented reality, architecture is possibly not constrained in the physical outcome, but become an immaterial state that focuses on experience. Due to digital technology, it can be a layer of real urban space ---- digital layer. In this state, immaterial architecture allows users to participate, experience, and customize their own style of instant augmented space. Maybe one day in the future, you will often hear that "virtual overlay is complete, are you ready to experience?"

AD RC9 Team Name | UCL

xREF PLATFORM Digital layer

1. Digital Layer When digital technology is combined with reality, the virtual layer will cover the real layer as a new immaterial layer.

6. Immaterial Architecture under Urban Scale

2. Digital Space Hall

When it comes to the urban scale, users can export and experience their immaterial architecture in different urban space even at home, and the reality can be considered as the vertical material foundation for immaterial spatial experience.

This project proposes an Digital Augmented Internet Hall which are the structural visualization of digital carrier for every object under the AR context, so the spatial structure is customizable and dynamic to meet user’s different preference.

5. Various Style

4. Interact with Panel

3. Space Panel

Different panel corresponds to different spaces, so there are various space style for immaterial architecture.

User can click the panel to preview the space content to decide if they would like to experience the space.

Immaterial architecture is carried by an Internet hall, where each space has a space panel port, port links different space, so users can enter every space by choosing panels.

AD RC9 Team Name | UCL

100

CHAPTER 4.1 | xREF PLATFORM DESIGN - Platform Structure - Platform Design - Space Modular - Action Modular - Different Combination of Space & Behavior

AD RC9 Team Name | UCL

101

PLATFORM STRUCTURE Platform Design

102

AD RC9 Team Name | UCL

103

PLATFORM STRUCTURE Platform Design

We have split up the different types of prototype spaces and put the tiles into bounding boxes. Mix the tiles and use Wave Function Collapse rules to colour the different connections until all the connections are coloured and ready for further space generation.

104

AD RC9 Team Name | UCL

105

PLATFORM STRUCTURE Platform Design

106

AD RC9 Team Name | UCL

107

PLATFORM STRUCTURE Platform Design

The platform supports users to create and upload various tiles with different styles, and we design a series of tiles with one style to generate our default space.

108

Tiles style 1

AD RC9 Team Name | UCL

109

PLATFORM STRUCTURE Space Module

110

AD RC9 Team Name | UCL

111

PLATFORM STRUCTURE Action Module

The platform prepare different types of action modules for users in different situations, every space generation could freely combine with different types of action units, and become individual event space.

112

AD RC9 Team Name | UCL

113

PLATFORM STRUCTURE

Different combination of space and behaviour

In this space, the behaviour of break is chosen as an interactive method to connect with the space. So users can click walls to break the enclosure of this space.

114

In this space, the behaviour of observing is chosen as the interactive method with the space. So the system can visualize this space by growing ivy on the viewpoint.

AD RC9 Team Name | UCL

115

116

CHAPTER 4.2 | xREF PLATFORM DESIGN - Platform Structure - Logic of User-Generated-Content - Logic of User Experience

AD RC9 Team Name | UCL

117

118

AD RC9 Team Name | UCL

119

As the digital space is dynamic, so the system provides users with an open-source platform where designers choose their tiles and change relative parameters to customize their own stylish space, and finally package and upload to the system for users to experience

choose preferred tiles

120

change proportion of tiles

change preferred action

change color

AD RC9 Team Name | UCL

121

122

AD RC9 Team Name | UCL

123

124

AD RC9 Team Name | UCL

125

contents will be organized as a package and represented as a panel

126

AD RC9 Team Name | UCL

127

panel will be uploaded and stored to the digital space of the platf

128

form

AD RC9 Team Name | UCL

129

130

AD RC9 Team Name | UCL

131

The experience space is presented in the form of a hall, and the content uploaded by different users is connected in series. The experiencer can explore different UGC content in the hall of the augmented space.

132

AD RC9 Team Name | UCL

133

134

AD RC9 Team Name | UCL

135

136

AD RC9 Team Name | UCL

137

As the user moves in the space, the form of the hall will be continuously generated following the user, and the key information panel attached to the hall space will also be updated.

138

AD RC9 Team Name | UCL

139

AR EXPERIENCE

Logic of User Experience

CHAPTER 4.3 | xREF PLATFORM AR EXPERIENCE - Logics of User Interface - Workflow - Experience Storyboard - Multi-Users Collection 140

This part introduces how users use the platform interface to show the generation and switching of various spaces in the platform from the first person perspective.

AD RC9 Team Name | UCL

141

AR EXPERIENCE

Logic of User Interface

142

AD RC9 Team Name | UCL

143

AR EXPERIENCE Workflow

The system detects the environment and pushes the outdoor experience mode

The digital content is overlapping and the user can enter the the Internet Hall.

144

The digital information layer is overlaying the real information layer

AD RC9 Team Name | UCL

145

AR EXPERIENCE Workflow

In the Internet hall, users can enter the space by clicking the Space Panel to experience the corresponding space content.

146

Users select the function of "Gallery" and enter the Gallery hall, where there are some space content panels about art for users to choose and experience.

Users can preview space content by clicking on the panel

AD RC9 Team Name | UCL

147

AR EXPERIENCE Workflow

Users can change the components of a space

Users can customize their own space by opening the main menu

148

Users can change the color scheme of the space

AD RC9 Team Name | UCL

149

AR EXPERIENCE Workflow

Users can change the element style of the space

After the user selects the panel, the current Hall space disappears

150

Users can click on the panel to experience the space

AD RC9 Team Name | UCL

151

AR EXPERIENCE Workflow

The Event space is gradually generated, overlaying the real environment

152

Different Event Spaces provide users with different space contents.

If the user does not like the current space, he can open the Main menu, click the Third button, and choose to enter a new space.

AD RC9 Team Name | UCL

153

AR EXPERIENCE Workflow

The Hall has a rich palette of content for users to choose. Here, the user selects a new space panel and enters to experience.

When the user finishes the previous space, the system automatically returns to the Hall space.

154

Spatial content generated.

AD RC9 Team Name | UCL

155

AR EXPERIENCE Workflow

The space tries to surround the user, so the user can blast the walls surrounding her with a click interaction.

After returning to the hall, users can continue to choose other Spaces to enter the experience

156

When the user completes enough interactions, indicating that the space experience is complete, the system will return to the Hall

AD RC9 Team Name | UCL

157

AR EXPERIENCE Workflow

Space are preparing for generation

158

The structures within the space are being covered to adapt to the real environment

The interaction of the control is observation, and the user visualizes the behavior of observation by observing the grass on the surface of the virtual structure

AD RC9 Team Name | UCL

159

AR EXPERIENCE Workflow

When users lose interest in this space, they can open the Main menu and select Return to Hall

Virtual structures can also be seen as decoration.

160

Leaving the current space, the user can see the process of virtual space layer disappearance and generation.

AD RC9 Team Name | UCL

161

AR EXPERIENCE Workflow

Users can also experience the contents of different functional Spaces in Gallery Hall

Users can see market's virtual content constantly overlaid in the real world

162

For example, after clicking the Amazon panel, users can experience the market function and leave the gallery

AD RC9 Team Name | UCL

163

AR EXPERIENCE Workflow

The content of Market in the augmented space provide users with different and extraordinary experience modes.

164

Each interface is a portal to every content.

Different content can have unique spatial interfaces based on its own attributes.

AD RC9 Team Name | UCL

165

AR EXPERIENCE Storyboard

When I open this APP, the system starts to detect my environment.

The system detects that I’m in a square, so it automaticaly starts the outdoor experience mode for me.

The virtual internet hall is appearing, there’re many panels which links related space for me to choose. I’m really interested in this AR gallery space, I’ll have a look at this.

166

The gallery hall is really to experience different interaction. I think I sho and click to preview the

After click the panel, the space is changing! wow, I can see the digital gallery space is overlapping on the reality.

y interesting, but I want space with special ould choose one panel e content.

I’m not interested in this space. Let me see how can I do some customization for the style of the gallery.

wow, the gallery hall is disappearing. I’m ready to start my first event space travel.

I can activate the main menu and choose a preferred style and color for my space.

It’s very surprising that I have my own space style. I cannot wait to choose a panel space to experience.

AD RC9 Team Name | UCL

167

AR EXPERIENCE Storyboard

The gallery hall is disappearing. I’m ready to start my first event space travel. Look, the first event space is appearing. The event space is completed, I can start to experience now!

It’s very surprising that I have my own space style. I cannot wait to choose a panel space to experience.

168

After experiencing in I lost some interest, s main menu and selec generate tne next eve

the event space, so I activate the ct the third button to ent space.

After previewing this space panel, I want to enter this space, so now the gallery hall is disappearing.

Now I’m back to the gallery hall, and I can choose the next event space.

This space are trying to eclose me. I think I should make some interaction to break the wall!

When I click the wall, it can explode. And after click enough time, I can get release from the enclosure, just like completing the interactin. Then I’ll back to the gallery hall.

AD RC9 Team Name | UCL

169

AR EXPERIENCE Storyboard

This space are trying to eclose me. I think I should make some interaction to break the wall!

When I click the wall, it can explode. And after click enough time, I can get release from the enclosure, just like completing the interactin. Then I’ll back to the gallery hall.

170

This space content looks crea to enter this event space. Now some architectural struct the rality from one side to ano

Now the digital gallery hall is appearing.

ative, so I click the panel

ture is overlapping on other side.

It’s really interesting to witness the transformation of the structure.

Now I want to go back to the gallery hall.

The structure is completed, and the system tells me to obersrve this structure, to make interaction.

When I observe, the system can detect my eyesight and generate some ivies on the structure, like visualizing my observation.

AD RC9 Team Name | UCL

171

AR EXPERIENCE Storyboard

Now I want to go back to the gallery hall.

Now I’m in the gallery hall.

When I observe, the system can detect my eyesight and generate some ivies on the structure, like visualizing my observation.

172

There are some other functio system like advertisement. I r what the amazon market can

ons are pushed bu the really curious abouth n be in the AR sapce.

The market is present in front of me, but it’s dynamic and instant.

After leaving the gallery hall, I’m coming to the instant AR amazon market.

AD RC9 Team Name | UCL

173

AR EXPERIENCE Multi-User Collection

HAOYA

174

HAONAN

YULING

YINGXUAN

YUANLANG

LYNN

VINCENT

ANGEICA

JADE

LIHUA

ROBERT

RACHEL

AD RC9 Team Name | UCL

175

CHAPTER 5 | IMMATERIAL ARCHITECTURE AS THE AUGMENTED U - Metaverse & Space Internet - Experience & Social Aspect - Look Forward to the Future

176

URBAN LAYER

AD RC9 Team Name | UCL

177

AUGMENTED URBAN LAYER Experience & Social Aspect

Metaverse and Internet Hall. At the digital layer we can extend the XR space content.

178

When you and another user are looking at the same panel, you can see the user’s avatar and have a conversation or interaction with it.

Exploration of the Internet Hall

Choose the space to enter

AD RC9 Team Name | UCL

179

AUGMENTED URBAN LAYER Experience & Social Aspect

Architecture is possibly not constrained in the physical outcome, but become an immaterial state that focuses on experience.

180

Users can enter different functional spaces and make d users can browse and buy goods, and deliver them offl

different behaviors. In Amazon’s XR commercial space, ffline.

The interactive object can become the interface of digital space. Click Mario to transform the augmented space from commercial space to Nintendo themed entertainment space

AD RC9 Team Name | UCL

181

AUGMENTED URBAN LAYER Metaverse & Space Internet

182

AD RC9 Team Name | UCL

183

AUGMENTED URBAN LAYER Metaverse & Space Internet

184

orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupta

AD RC9 Team Name | UCL

185

AUGMENTED URBAN LAYER Look Forward to the Future

Virtual Overlay is completed, are you ready to experience it

186

AD RC9 Team Name | UCL

187

188

AD RC9 Team Name | UCL

189

190