我正在与一名博士生一起从事研究实习。我已获得创建屏幕（网页或应用程序）的任务。因此，开始时屏幕上会出现空的黑色方块，但是一旦有人喝了水，监控人员就会将其输入系统，并且两个黑色方块会合在一起。交叉点将与取水量成比例，并且相交区域将采用分配给该人的颜色，例如，人A的黄色，人B的绿色，依此类推。我附上了一张图片，以供更好地理解。
我以前没有从事过这类程序。我知道c ++以及一点点javascript和HTML。有人告诉我这可以在处理中完成，但我以前从未听说过。我在youtube上做了一些视频，但是我不太了解如何解决这个问题，应该采用什么方法以及如何使其成为可能。如果有人可以指导我有关此事，那就太好了。The reference image
