A dedicated page needs to be added to my existing WordPress site that lets visitors visualise a home-cinema or conference room in real time. The core of the page will be a WebGL-powered 3-D scene (Three.js or any comparable framework you are comfortable with) in which users can freely adjust every critical variable and immediately see—and receive numeric feedback on—how those choices affect projector throw, screen coverage and seating layout. Required customisable settings • Room dimensions (length, width, ceiling height) • Projector specifications (throw ratio, lumen output, offset) • Screen size and placement (width, aspect, height from floor, wall position) Functional goals • Sliders or numeric inputs update the 3-D scene instantly. • Calculations for throw distance, image diagonal, vertical offset and optimal seating positions update alongside the graphics. • Clean UI that matches my current WordPress theme, loads quickly and works on desktop and tablet. • Single-page embed—no iframes—so the simulation can be indexed and styled directly through the theme’s CSS. Deliverables 1. WordPress page template or custom block containing the fully working simulator. 2. Well-commented JavaScript (preferably ES6 modules) and CSS/Sass files. 3. Brief setup documentation covering plugin dependencies, shortcode or Gutenberg block usage, and how to add new projector models in JSON. 4. One round of refinement after initial review to fine-tune look-and-feel and verify calculations. Compatibility with modern browsers, attentive error-handling, and a neatly organised code base will complete the project.