ChromaDesign_Template

Several HTML5/JS templates are available for adding Chroma in the browser.

• Chroma Design Template

• Chroma Trailer Template

• Chroma Website Template

• Chroma WordPress Template

Dependency

• Download ChromaDesign_Template and ChromaCommon to the same parent folder

I.e.

C:\Public\ChromaDesign_Template
C:\Public\ChromaCommon

• Download NodeJS to host locally for a local development sandbox

Quick Start

• Install NodeJS

• Run ScriptInstallServer.cmd to install the NodeJS hosting packages

• Run ScriptStartServer.cmd to start the local server

• Browse the Chroma Design Template at http://localhost:5001/chroma_design.html

• Browse the Chroma Trailer Template at http://localhost:5001/chroma_trailer.html

• Browse the Chroma Website Template at http://localhost:5001/chroma_website.html

• Browse the Chroma Wordpress Template at http://localhost:5001/chroma_wordpress.html

• You can also browse with the ElectronJS Windows Build of the local Chroma Design.

Setup

• Clone ChromaCommon and ChromaDesign_Template into the same parent directory.

mkdir "\Public"
cd "\Public"
git clone https://github.com/razerofficial/ChromaCommon
git clone https://github.com/razerofficial/ChromaDesign_Template
cd ChromaDesign_Template
ScriptInstallServer.cmd
ScriptOpenChromaDesign.cmd
ScriptOpenChromaTrailer.cmd
ScriptOpenChromaWebsite.cmd
ScriptOpenChromaWordPress.cmd
ScriptOpenVSCode.cmd