nicoazel / SpeckleViewer

(Vue Js + THREE Js + SpeckleBrowserReceiver ) Allows to view SpeckleStreams inna browser.

Home Page:https://speckle.works

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

speckle-viewer

A simple Speckle.Works stream viewer, built with VueJS. For more, check speckle.works.

Image of Speckle Viewer

More info to come.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8888 (8080 is taken by the local speckle server instance 💯)
npm run dev

# build for production with minification
npm run build

Deployment

You will need to modify the ./dist/config.js file to fit your deployment details. It’s rather self-descriptive, it just exports a global object with info:

var SpkAppConfig = {
  serverUrl: 'http://localhost:8080',
  allowGuestAccess: true,
  logoUrl: 'https://company.png'
}

window.SpkAppConfig = SpkAppConfig

It’s rather important to serve things to https and make sure the server is allowing cors.

Adding Streams Once Running

To add more streams, just add more stream ids to the url, separated by commas: https://s003.speckle.works/view/?ryuFyiHuz,rkf6JoHuf

About

(Vue Js + THREE Js + SpeckleBrowserReceiver ) Allows to view SpeckleStreams inna browser.

https://speckle.works

License:MIT License


Languages

Language:Vue 68.4%Language:JavaScript 31.1%Language:HTML 0.5%