Three.js circle paint

Hello

I want the circle in the first video to look like the second video


		function onMouseMove(t) {
				let e = .25;
				scene.children[0] && (scene.children[0].rotation.x += Math.max(Math.min(.05 * (t.clientY - d.y), e), -.25) / 180,
					scene.children[0].rotation.y += Math.max(Math.min(.05 * (t.clientX - d.x), e), -.25) / 180,
					d.x = t.clientX,
					d.y = t.clientY),
					gsap.to(mousePos, .5, {
						x: t.clientX - size.left,
						y: t.clientY - size.top
					}),
					uniforms.u_mouse.value.x = mousePos.x,
					uniforms.u_mouse.value.y = mousePos.y,
					scene.children[0] && scene.children[0].updateMatrix()
			}