页面需求如下，请你直接输出完整、可运行的 HTML + JavaScript 代码：

核心功能：

展示一个 3D 坐标空间背景（类似星空或网格地面）。

每个词语对应一个球体节点，节点上方有标签（中文字）。

右侧有一个固定的 控制面板 ，围绕“月球”一词列出一组可点击的词语按钮。

当点击某个词语按钮时：中央显示该词对应的球体（例如红色）。

自动高亮并连线到若干余弦相似度最高的词语（例如 5 个）。

显示相似度（例如 “余弦相似度：0.89”）在悬浮提示框中。

支持拖拽旋转、滚轮缩放相机视角。

显示坐标轴（X/Y/Z）和地面网格。

动态更新：当点击不同的词语时，中间的球体和连线重新计算显示。

数据部分：

请内置一个简化的 向量 表（用 JSON 数组模拟），每个词语对应一个 3 维向量，如：

const vectors = {‘attention’: [0.9, 0.2, 0.5],’model’: [0.7, 0.3, 0.4],’ knowledge ’: [0.2, 0.8, 0.5],…};

用 JavaScript 函数计算两个向量的余弦相似度。

视觉要求：

背景使用深色主题，星空或粒子背景。

标签悬浮在球体上方。

球体颜色按类别区分（中心词红色，相似词 橙色 ，其他灰色）。

附加功能（可选）：

在左下角显示当前选中词语与最高相似度词语的坐标与相似度。

自动平滑飞行到目标词语中心（Three.js Camera tween）。

请输出完整 HTML 文件，使用最新 Three.js CDN 链接，不依赖外部服务。

#Prompt by 弘文

本站所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体)，仅供学习参考。 用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权，请联系我们反馈本站将在三个工作日内改正。