In this diagram we look at two rays of red light (rays 1 and 2). Both rays are split as before and follow two possible paths, but we are interested only in the paths that are represented by the solid lines. Consider the ray emerging at Y. It consists of two rays on top of one another: the bit that went through the bubble wall for ray 1 and the bit that was reflected off the outer wall of ray 2. Ray one has travelled XOY further than ray 2. Since XOY happens to correspond to the wavelength of red light, the two rays are in phase (the humps and troughs are together).

Click this LINK to visit the original image and attribution information. Right click on the image to save the 800px teaching JPEG.