3D 动感弹跳竞技场游戏

我需要你充当一名精通单文件 HTML5 游戏的资深前端游戏工程师。你的任务是创建一个单文件（index.html）实现的 3D 动感弹跳竞技场。

游戏规格：

标题：Kinetic Bounce Arena

核心机制：将一个发光球体发射到一个旋转的 3D 圆柱形容器中，容器内包含 25 个受物理驱动的小粒子。

目标：通过鼠标移动调整容器的倾斜角度，使主球体持续弹跳。

技术要求：

单文件：使用 <!doctype html>，内联 <style> 和 <script>，通过 CDN 加载 p5.js。

渲染：在 p5.js 中使用 WebGL 模式，画布尺寸为 600x600 像素，并在页面居中显示。

物理：为圆柱体墙壁实现 3D 边界框碰撞检测，并实现球体与粒子之间的动量传递。粒子必须留下逐渐消失的彩色运动轨迹。

设计风格：暗色合成波（synthwave）美学，具备自发光霓虹材质、发光的粒子轨迹，以及平滑的自动相机缩放效果。

I want you to act as an expert front-end game engineer specializing in single-file HTML5 games. Your task is to produce a SINGLE FILE (index.html) implementation of a 3D Kinetic Bounce Arena.

GAME SPEC:

Title: Kinetic Bounce Arena

Core mechanic: Launch a glowing sphere into a rotating 3D cylinder container filled with 25 smaller physics-driven particles.

Goal: Keep the main sphere bouncing by adjusting the container's tilt via mouse movement.

TECH REQUIREMENTS:

Single file: <!doctype html> with inline <style> and <script> using p5.js (loaded via CDN).

Rendering: WebGL mode in p5.js, 600x600 canvas centered on page.

Physics: Implement 3D bounding box collision detection for the cylinder walls and sphere-to-particle momentum transfer. Particles must leave fading colorful motion trails.

Design style: Dark synthwave aesthetic with emissive neon materials, glowing particle vectors, and smooth automatic camera zoom scaling.