Envronment Leap JS

TO DO

Getting started

Run dev server

npm run start
# or
yarn start

After run dev server: localhost:8884

Run build:

npm run build
# or
yarn build

Every built file will be in /public folder

Project structure

/src
  /assets
  /elements
  /javascripts
  /layouts
/config
  /scripts
  /webpack
/public

• src where all scene have to stay. Each .tmpl page is a scene
  • assets static files (images, videos, 3d models etc)
  • elements Nunjucks macros. Reusable elements like a room or hand controls
  • javascripts I think the name is self explained
  • layouts Templates to be extended
• config project environment settings
  • scripts node tooling
  • webpack webpack environment setting files
• public webpack build target

JavaScript

The main JavaScript file is index.js. Every script imported there will be executed on scene. You can change this setting in config/webpack/config.js.

As the project has Webpack and Babe, the ES6 (and a little of ES7) syntax is able to be applied. A-FRAME components can be easily imported.

src/javascripts/index.js

import aframe from 'aframe';
import aframeExtras from 'aframe-extras';
import aframePhysicsSystem from 'aframe-physics-system';

// your imports and scripts

--

Made with some 🍻 by @taltk9 and @gutofoletto