indoor-map/README.md

Install

npm install
npm start
grunt watch

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

TODO

• 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