This project demonstrates linking an AirTable data sheet to the Unity scene and showcases some examples to utilize this feature for immersive information visualization.
The Virtual Art Gallery
scene reads from the Airtable data sheet Artists_small
and shows all images with the title, subtitle, and bio on play.
Tutorial Updated: 02/04/2022
- Inspect AirTableDB object in the
Virtual Art Gallery
scene - Insert
App Key
andApi Key
of your own Airtable account- You can find your Airtable Api Key under
Account Overview
App Key
is the string after "airtable.com/" url when you open your base. It should be started with 'app'
- You can find your Airtable Api Key under
- Fill in the Table Name,
Artists_small
if you use the example base, or change to your Airtable base' sheet name, under bothList Airtable Records
andGet Airtable Record
script
Currently Unity program reads five columns from airtable data sheet, defined in AirTableField.cs
file under Assets\AirtableUnity\Scripts\Customization
.
Name
: name of the art or authorSubtitle
: subtitle of the artBio
: bio of the art or authorGenre
: multiple strings describing the genre of the arturl
: open link to the imageID
: order of the art
If you want to connect to your own Airtable base, follow the steps in 1. Configure to connect to Airtable to change to your
App Key
, Api Key
, and data sheet name.
Make sure you follow the data field names in 2. Current data sheet structure unless you want to customize them.
-
If your data sheet has different column names, go to
AirTableField.cs
to update to your column names and types. -
You can also modify
ArtObj
prefab or create your own art object you want the image from Airtable to be attached to. You only need to change the tag to "Art".
If you do either step above, you will need to make change in the DownloadImage function in the GetAirtableRecord.cs
script.
- Download this repository and unzip the folder.
- Open the project in Unity version 2021.2.5f1 or newer.
- Create an empty scene.
- Create a floor by creating a Plane object.
- Add
Assets/Prefab/AirtableDB.prefab
to the scene. - Follow 1. Configure to connect to Airtable to configure your Airtable.
- Hit play to test out. You should see the arts created in front of you.
- Adjust direct light's rotation to make the arts visible (recommended rotation:
x: 25, y:0, z:0
). - Add
Assets/FirstPerson AIO Pack/FirstPersonAIO/Prefab/FirstPerson-AIO.prefab
to the scene. - Hit play. Now you can walk around using arrow keys and see your arts!
Create your own art gallery
- Create an empty game object and name it "Gallery".
- Add multiple
Assets/Prefab/ArtObj.prefab
objects to the scene under Galery game object. The number of ArtObj should be the same as items in your Airtable. - Place each ArtObj at your desired place in the scene. You can add cube or plane as a wall to hang the ArtObj, or add lights to different place.
- Uncheck
Auto Gallery
for AirtableDB underGet Airtable Record
. - Hit play. The art images and texts from Airtable should be automatically attached to the gallery you create!
There are other examples provided under Assets/Scenes
folder. You can replace App Key
, Api Key
and Table name
in the AirTableDB object to link to your own dataset.
This scene shows an example of an interactive project showroom. An Airtable data sheet Learning-lab
contains the project image and description. Users can approach the image to see an overlaying pop-up window with project details.
This scene integrates Mapbox map in the background. An Airtable data sheet Harvard-campus
is used to generate the POI onto the map.
This scene demonstrates the use of timeline. An Airtable data sheet timeline
is used to generate key events of the Olympic Games history.
The project is built upon lipemon1's Airtable Unity Plugin examples here. Huge thanks for their contributions to the open-sourced community.