I have been doing a lorry moving from left side to the right I made everything done but I'm asked to do a wheel with four different colors and I couldn't make it a wheel with four color slices this is the code and every code that made as comment it was some tries for the wheel My first animation in canvas $(document) ready(function () var canvas $( myCanvas ) var ctx canvas get(0) getContext( 2d ) var playAnimation true var startButton $( startAnimation ) var stopButton $( stopAnimation ) var increaseButton $( increase ) var decreaseButton $( decrease ) var changeDirection $( changeDirection ) var x 0 var b 200 var t 200 var w 200 var q 255 var cir 240 var cir2 90 var ctx var direction 1 var speed 10 var cir1 var cir2 var cir3 var cir4 var cir5 var RAD 100 var split 4 startButton hide() startButton click(function () $(this) hide() stopButton show() animation setInterval(function () animate() , speed) ) stopButton click(function () $(this) hide() startButton show() clearInterval(animation) ) increaseButton click(function () changeSpeed( 10) ) decreaseButton click(function () changeSpeed(10) ) changeDirection click(function () direction 1 ) function changeSpeed(changeValue) speed changeValue clearInterval(animation) animation setInterval(function () animate() , speed) function drawCircle(x,y,r,s,e,color) ctx beginPath() ctx fillStyle random ctx arc(x,y,r,s,e) ctx closePath() ctx fill ctx stroke drawCircle(150, 150, RAD,1 5 Math PI,(Math PI 2), yellow ) drawCircle(150, 150, RAD,Math PI 2,1 5 Math PI, brown ) drawCircle(150, 150, RAD,Math PI,3 Math PI, blue ) drawCircle(150, 150, RAD,1 5 Math PI,3 Math PI, orange ) function animate() x direction b direction t direction w direction q direction cir direction cir2 direction cir1 direction cir2 direction cir3 direction cir4 direction cir5 direction update ctx clearRect(0, 0, canvas width(), canvas height()) ctx fillRect(x, 350, 190, 120) ctx fillRect(b, 410, 60, 60) ctx beginPath() ctx moveTo(t, 350) ctx lineTo(w, 400) ctx lineTo(q, 400) ctx closePath() ctx fillStyle black ctx fill() ctx beginPath() ctx fillStyle random ctx arc(x,y,r,s,e) ctx closePath() ctx fill ctx stroke drawCircle(150, 150, RAD,1 5 Math PI,(Math PI 2), yellow ) drawCircle(150, 150, RAD,Math PI 2,1 5 Math PI, brown ) drawCircle(150, 150, RAD,Math PI,3 Math PI, blue ) drawCircle(150, 150, RAD,1 5 Math PI,3 Math PI, orange ) ctx beginPath() ctx arc(cir, 490, 18, 0, 2 Math PI) ctx fillStyle red ctx fill() ctx lineWidth 4 ctx strokeStyle ' black' ctx stroke() ctx beginPath() ctx arc(cir2, 490, 18, 0, 2 Math PI) ctx fillStyle red ctx fill() ctx lineWidth 4 ctx strokeStyle ' black' ctx stroke() var animation setInterval(function () animate() , speed) ) h1 background color black color white p1 font family Sofia , sans serif Start Stop Increase the speed Decrease the speed Change direction

Question: I have been doing a lorry moving from left side to the right. I made everything done but I'm asked to do a wheel with