Development Environment

This section describes the development environment for the project. As much as possible generative AI was used to create content, interfaces logic, and documentation. As a rough estimate about 40 percent was of the project (excluding 3d model creation) was created or prototyped using generative AI.

The following shows the development environment for Version 1 of the project:

Interfaces, Logic and Documentation

The target was to create Web pages for editors as well as documentation. The target content was thus HTML documents
which uses custom JavaScript and CSS. Some of this content was generated using Python scripts.

3D content was rendered using Google model-viewer and the associated JavaScript API for both the model editor
and the color palette generator. The majority of the current capabilities available including material and environment modification, and camera / hotspot handling was used with the exception of animation. The built in AR capabilities
were tried out but for the most part they are pretty simple.

Tools used included (in order of most to least usage):

• ChatGPT: For UX / UI generation, HTML page generation (using Bootstrap and CSS) and associated Javascript interaction was well as basic color / color palette management logic. The overall styling is the same as the WizUX site.
• Visual Studio Code: For editing and debugging Javascript, HTML, and CSS.
  • As much as possible documentation was written in Markdown with HTML being generated using Python scripts.
  • Github Copilot: For documentation and Python code assist within Visual Studio.
• Microsoft Copilot: For additional Javascript generation and icon / logo assit.
• draw.io and mermaid: For creating diagrams.

Content Creation

Model / scene content was created using Maya, Blender, and QuiltiX along with custom Python scripts. The target format for geometry and materials was glTF and MaterialX format respectively. MaterialX was used to verify with renderers using OpenUSD (such as QuiltiX)

Vector graphics used to create icons and logos were created using Adobe Illustrator and Figma and exported to SVG files. 3d models were generated using Blender using a custom Python plugin to create content which was exported to glTF and MaterialX files.

AI Generated images were created using Microsoft Image Generator and modified using Adobe Photoshop and Adobe Illustrator as required. Vectorized (SVGS) where created using AI assited tools in Adobe Illustrator and Vectorizer.ai.

Project Management

The project was managed using Github for source control and Github Projects and JIRA for task management. Github Copilot was used to assist with documentation and code generation. Github Actions was used to automate the build and deployment process. Github Pages was used to host the site.