2.1cs与p2p动画模型--重庆市涪陵广播电视大学

网站首页 / / / / / / / / /

图集推荐

2025-12-24 16:30:07 85

功能特点

1、C/S 模式：展示一个中心服务器和多个客户端。数据流明显表现为“所有人都与中心交互”。

2、P2P 模式：展示多个对等节点（Peer）。数据流表现为“节点之间任意互相交互”，无中心节点。

3、动态数据包：黄色的发光小球代表数据包，展示数据的流向。

4、交互性：支持鼠标拖拽旋转、缩放查看细节。

代码设计说明

1、场景设计：

C/S (蓝色主题)：中心是一个巨大的、蓝色的服务器（BoxGeometry），周围环绕着一圈小的客户端。连接线呈放射状（星型拓扑）。

P2P (橙色主题)：节点是橙色的小球，随机分布在空间中。节点之间只有距离较近的才会有连线，形成网状拓扑（Mesh Topology），没有中心节点。

2、数据流动画：

在 C/S 模式下，你会看到黄色的数据包（请求）飞向中心，绿色的数据包（响应）从中心飞出。这强调了服务器的中心地位和瓶颈效应。

在 P2P 模式下，紫色的数据包在任意两个连接的节点之间飞舞，展示了去中心化和点对点直接通信的特点。

3、技术细节：

使用了 THREE.Group 来管理不同模式下的物体，方便一键清空 (clearScene)。

使用了 lerpVectors (线性插值) 来计算数据包在两点之间的平滑运动。

使用了 requestAnimationFrame 进行流畅的渲染循环。

推荐文章

随机文章