Как рисовать круг, поэтапно, чтобы создать эффект анимированной заливки (используя Corona)

Question

У меня возникли проблемы даже с выяснением, с чего начать. Любая помощь будет высоко оценен!

Использование Corona SDK Я хочу нарисовать круг, который будет медленно заполняться с увеличением процента.

Эффект заполнения будет следовать по кругу круга, проходя против часовой стрелки, пока весь круг/область не будет полностью заполнен другим цветом.

Спасибо!

Answer 1

This sample from caronalabs.com forums показывает, как можно нарисовать дугу, которая обеспечивает дискретный алгоритм вам нужно будет делать то, что вы спрашиваете:

function display.newArc(group, x,y,w,h,s,e,rot) 
    local theArc = display.newGroup() 

    local xc,yc,xt,yt,cos,sin = 0,0,0,0,math.cos,math.sin --w/2,h/2,0,0,math.cos,math.sin 
    s,e = s or 0, e or 360 
    s,e = math.rad(s),math.rad(e) 
    w,h = w/2,h/2 
    local l = display.newLine(0,0,0,0) 
    l:setColor(54, 251, 9) 
    l.width = 4 

    theArc:insert(l) 

    for t=s,e,0.02 do 
     local cx,cy = xc + w*cos(t), yc - h*sin(t) 
     l:append(cx,cy) 
    end 

    group:insert(theArc) 

    -- Center, Rotate, then translate  
    theArc.x,theArc.y = 0,0 
    theArc.rotation = rot 
    theArc.x,theArc.y = x,y 

    return theArc 
end 

function display.newEllipse(group, x, y, w, h, rot) 
    return newArc(group, x, y, w, h, nil, nil, rot) 
end 

Казалось бы, что все, что вам нужно сделать, это продолжать выделять новые линии от центра до окружности круга с течением времени.

Отказ от ответственности: я не тестировал этот код, вам, скорее всего, придется его модифицировать, но с первого взгляда математика выглядит правильно.

HTH!