Install

npm install
npm start
gulp
gulp watch

# Parse rooms
node parse.js >> app/rooms.json

TODO

• Gulp fixes (move server.js to gulp watch task)
• replace libxml-to-js with dom
• Draw SVG shapes over PDF maps in Inscape and set id to roomnumber.
• Parse SVG into suitable json datastructur (room, coordinates, dimensions).
• Render with three.js like described below.

TODO improvements

•  SVG parser: Allow SVG paths (see utils.js), use custom attribute for room numbers, make more generic

Design

Similar to this three.js design

• Black backgrund
• Wireframe of room per floor tagged with name of room
• Highlight room by drawing color semi-transparent glowing cube on tob of room floor
  • Controlled by query param and browser controls

References

• Three.js
• PDF maps of Chateau Neuf