Why is my three-js z-index not creating a smooth curve

Question

I am trying to wrap a plane around a cone in three.js using a depth-map for learning purpose. I import the depth-map into my vertex-shader with a uniform, then get the color-val