webar-vue-three-ar

Project create

1- Create Project

$ cd $HOME
$ git clone webar-vue-three-ar # empty project from github
$ vue create webar-vue-three-ar

Add package

$ npm install babylonjs --save
+ [email protected]
added 1 package from 2 contributors and audited 24358 packages in 18.094s
$ npm install --save webrtc-adapter
+ [email protected]
added 3 packages from 1 contributor and audited 24358 packages in 15.188s

Add vue.config.js file to support https

file vue.config.js

module.exports = {
  devServer: {
    open: process.platform === 'darwin',
    host: '0.0.0.0',
    port: 8081, 
    https: true,
    hotOnly: false,
  },
}

Note: Open browser https://localhost:8081/

Reference

See Zap See Vue. See Configuration Reference. See Three JS . See Three JS Package. See AR.js. See WebXR . See Blog See QR Generator See WebGL Tutorial