An interactive, single-page pricing calculator for scoping VR experience projects. Built for internal and client-facing use by Bit Space Development Ltd.
Live at: bitspacedevelopment.github.io/bsd-pricing-calc
Walks through seven configuration sections to generate a live, itemised cost estimate for a custom VR experience. All figures are in Canadian Dollars (CAD) and are indicative only — every project requires a formal discovery session to confirm scope and pricing.
| # | Section | What It Covers |
|---|---|---|
| 01 | Project Details | Name, client, industry (used in PDF export) |
| 02 | Project Type | Training, product viz, virtual tour, interactive, game, custom |
| 03 | Target Platform | Meta Quest, PC VR, Mobile VR, Multi-Platform |
| 04 | Scale & Scope | Scene count, content volume, visual fidelity (multipliers) |
| 05 | Features & Interactions | 22 add-on features across 5 categories + NPC character counter |
| 06 | Assets & Audio | 3D asset source (incl. client-asset discount), audio tier |
| 07 | Deployment & Timeline | Deployment targets (multi-select) + timeline multiplier |
- Live estimate panel — cost breakdown updates on every change
- Dark / light mode — persisted via
localStorage, flash-free on load - PDF export — branded estimate with logo, project metadata, full breakdown, and disclaimer; uses browser native print
- Reset — clears all selections back to defaults
Base costs vary by project type ($20,000–$32,000 CAD). Additive modifiers stack on top:
- Platform — flat modifier (e.g. multi-platform +$18,000)
- Scene count — flat add ($0–$60,000)
- Content volume × visual fidelity — compound multiplier applied to the base subtotal (×1.0 to ×3.04)
- Features — per-item add-ons ($2,500–$18,000 each)
- NPC characters — $6,000 per character type
- Assets — flat add or −10% discount if client supplies all assets
- Audio — flat add ($0–$10,000)
- Deployment — per-option flat adds
- Timeline — final multiplier on total (×1.0 standard → ×1.5 rush)
All estimates exclude GST / PST / HST.
Hosted via GitHub Pages from the main branch root. No build step required — a single index.html plus the branding/ asset folder.
To deploy your own fork:
- Fork or clone this repo
- Go to Settings → Pages → Source:
mainbranch,/ (root) - GitHub Pages will serve
index.htmlautomatically
/
├── index.html — Single-page app (HTML + CSS + JS, no dependencies)
├── README.md
├── CLAUDE.md
└── branding/
├── logo-dark.png — White wordmark + gradient XR. Use on dark backgrounds.
├── logo-light.png — Black wordmark + gradient XR. Use on light backgrounds.
├── branding.md — Full BSD XR brand guide
├── theme.json — Colour system and design tokens
├── index.html — Interactive brand guide
├── dark.png — Dark mode reference screenshot
├── light.png — Light mode reference screenshot
└── README.md — Branding repo notes
Follows the BSD XR brand guide strictly:
- Font — Space Mono (Google Fonts), all weights uppercase, letter-spacing wide
- No rounded corners — all elements use sharp 90° edges
- 1px borders only — no shadows, no thick borders
- Flat surfaces — no gradients in UI (XR logo mark is the sole exception)
- Dual theme — dark mode default (
#0a0a0abg), light mode (#eeeeeebg), toggled via.lightclass on<html> - Accent — white in dark mode,
#1b4fd8in light mode
All estimates generated by this tool are indicative only. Actual project costs are confirmed following a formal discovery and scoping session. BSD XR provides estimates on all enquiries prior to any engagement or commitment.
| Website | bsdxr.com |
| Contact | bsdxr.com/contact |
| info@bsdxr.com | |
| Location | Winnipeg, Manitoba, Canada |