Taiwan NOW | Virtual Venue
Highlighting curatorial contents without the spatiotemporal constraints, the physical performances in Taiwan and Japan are linked on the cloud. Human Flower, an extension of the main visual design, greets visitors in the Virtual Atrium and leads them to the Virtual Concert: People of Taiwan; Virtual Theater: Roaming Transmigration; and Virtual Cinema: Taiwan Wave.
A web portal developed for the online virtual venue of Taiwan Contemporary ARTSFES
October, 2021
/ Project Info /
Taiwan and Japan have a long history of relationship with intimate exchanges in society, politics, economy, and even art and culture. In recent years, the importance of cultural exchange for mutual understanding has been deeply recognized by both sides through various opportunities. The Taiwan NOW ArtsFest aims to continue to deepen the benevolent and harmonious relationship between Taiwan and Japan through the reciprocity of diverse, comprehensive and unique cultural values. Taiwan NOW intends to add to Japan's understanding of Taiwan's colorful food and lifestyle culture, as well as to both sides' understanding of contemporary Taiwanese art. Most of the works and programs are founded on the idea of co-creation and co-production, which are expected to contribute to a more profound appreciation of Taiwan’s culture and turn a new chapter of cultural exchange. The multi-faceted programs encompass visual arts, performing arts, music, and design. Having undergone several postponements and adjustments, a cross-disciplinary cloud venue has been added to create possibilities of future artistic expression through a new form in the virtual world, reaching out to Japan and the world.
At the invitation of the Ministry of Culture, LIN Mun-Lee, chairperson of the National Culture and Arts Foundation, serves as the Producer of Taiwan NOW, with Cultural Taiwan Foundation as the organizer. In Japan, the Asia NOW Executive Committee represented by Culture Vision Japan is the co-organizer.
/ Job Position /
In this project, I acted as a front-end developer and cooperated with NAX corp.’s team to develop a web portal for the online virtual venue of Taiwan Contemporary ARTSFES (Taiwan NOW) .
The audiences were able to enter the virtual venue (streamed by Furioos) through the web portal, and they also could transfer to different virtual scenes (Theater / Lobby / Concert / Cinema ) through the Map Menu made on the front-end.
Besides, the web portal & the virtual venue are compatible with Desktop & Mobile (Android / IOS)
/ Technical Sheet /
HTML5 , CSS
Javascript
Vue.js / Webpack
Vue i18n for Muti-language
Firebase
/ Requirements /
Send / Receive Data between Front-end and Furioos
Develop Desktop / Mobile (IOS, Andriod) interactive interface
Retrieve data from Firebase in real-time (Announcement / Website close or open)
Switch in Multiple Language : CH / JP / EN
/ Desktop Version /
Landing page with the button (pink) to enter
Loading the virtual scene in the first time
While loading the virtual scene, the website would quickly goes through some instructions (the pink rectangle part) to tell audiences how to the use the website.
After enter the virtual scenes, users can click the menu button in the upper right corner to open the Map Menu.
The Map Menu
(1) Clicking the map icons on the right side of the menu can browse the information and schedule of each virtual place ( Theater / Concert / Cinema / Atrium) shown on the left side of the menu.
(2) Clicking the ‘Go’ Buttom would transfer users to different virtual scenes. (Theater / Concert / Atrium / Cinema)
/ Process of transfering to different scenes /
Map Menu (Concert part)
Map Menu (Theater part)
Loading Concert Scene
Arrive Concert Scene
Loading Theater Scene
Arrive Theater Scene
Map Menu (Cinema part)
Loading Cinema Scene
Arrive Cinema Scene
By clicking the Info Button in the lower left corner, the tutorial window is opened.
/ Mobile Version /
As audiences visit the site from Apps (ex: facebook), the website would require them to copy the website URL and re-open the site from Chrome (Android) / Safari (IOS)
As the Furioos streaming is full, front-end page would receive messages from Furioos and tell audiences to wait in line
The mobile version would automatically detect the orientation of mobiles and require users to hold their phones horizontally.
In order to maintain the best immersive experience for users to explore the virtual venue, if users’ mobiles aren’t in full-sceen mode, the website would remind users to swipe up and enter the full-sceen mode.
Landing Page & Enter Button
Loading the virtual scenes in the first time
While loading the virtual scene, the website would quickly goes through some instructions (the pink rectangle part) to tell audiences how to the use the website.
Map Menu (Theater part)
Map Menu (Atrium part)
Map Menu (Cinema part)
Map Menu (Concert Part)
As clicking the ‘About’ button (black), the right side of the outline will automatically scroll up to show the info.
As clicking the ‘Schedule’ button (black), the right side of the outline will automatically scroll up to show the timetable.
Info Window
/ Virtual Venue Records /