Augmented Reality for Developers

Adding image data to the InstructionStep model

From our CSV data, images will be referenced by name. The app will look in the Resources folder for the files. We could use an image URL instead (and that is provided as another column in the CSV data), but, just in case wikiHow changes its article we don't want that to break this book.

The image name is the fourth column in your database (index 3). We can capture it when the file is loaded.

To InstructionStep.cs, add the following:

    public string ImageName;     private const int ImageColumn = 3; 

And then add this to the InstructionStep constructor function:

            if (values.IndexOf(item) == ImageColumn) { 
                ImageName = item; 
            } 

Now we create a UI element component. In your Scripts/UIElements/ folder, ...