为何我用P5.js编写的随机游走呈现明显非随机的阶梯对角线模式？

• 用JavaScript结合P5.js编写随机游走程序，预期效果：

  • 对象在x或y方向随机移动
  • HSV色彩空间的hue分量随机变化
  • 通过模运算实现对象在边界处循环

• 实际运行异常：

  • 随机游走几乎都呈现相似的阶梯对角线模式，虽阶梯形状有随机性，但完全不符合伪随机生成器的预期表现
  • 色彩游走异常集中在hue=0的红色区域

• 此前用Python+OpenCV编写过同类代码，能得到符合预期的随机游走效果；了解Python采用梅森旋转算法、JavaScript伪随机数生成器不同，但怀疑问题根源不在此

• 该问题在Chrome和Firefox浏览器中均会出现，附相关运行截图

编辑补充：问题根源是代码中switch语句缺失break语句，此结论由@NineBerry指出

内容的提问来源于stack exchange，提问作者Candice