AllStar Courts 3D Basketball Court Designer (2024)

Built a 3D basketball court designer for AllStar Courts, a premium court builder in Melbourne, Australia. Customers design their dream court in real-time 3D — choosing surface colours, line markings, uploading their logo for court projection, configuring fencing and lighting, and submitting an instant quote request. No 3D platform or SaaS dependency — built entirely from scratch with Three.js.

Technical Implementation:

• Engineered entirely with vanilla Three.js and WebGL — no rendering platform, no framework
• Procedural geometry generation for court surface, lines, fencing, and hoop structures
• Custom logo upload with real-time 3D projection onto the court surface
• localStorage persistence so customers can save and return to their design
• Quote request form capturing the full court specification

Key Features:

• Real-time 3D court visualization with full colour customisation
• Logo upload and live court projection
• Fencing, lighting, and hoop configuration
• Design save/restore via localStorage
• Instant quote request with full spec

The project is completed and online at designer.allstarcourts.com.au.