WRL-CLI

WRL-CLI is a tool for including WRL in your project

Including in package

npx wrl-cli

That will include WRL in your current foler.

You will to setup some things too.

• Include a wrl tag in your html head

• Include the following code in the first style tag in you html

  #mainStyle{ visibility: hidden; }

• Include scripts in the following order

  • wrl tag
  • style tag
  • script tag src = "./dist/bundle.js"
  • script tag src = "./scripts/transpiler.js"

Including javascript

You can include javascript to perform certain operations at the start of the web. This is the job of the boilerplate script located at ./src/boilerplate.js, by default this load your window width and height to enable the usage of rp (realtive pixels), 1 rp = 1% of viewport

Building steps

You need to run the packager script in ./scripts/packager.js to bundle your boilerplate script dependencies, this will generate a file in ./dist/bundle.js which you have to include in you html