Как сделать изогнутую поверхность из прямоугольных блоков?

Для игры, подобной Peggle , я хочу сделать блоки, которые следуют за кривой, как это:

Блоки тогда исчезнут, поскольку шар поражает их.

Мне удалось нарисовать некоторые по горизонтали, но у меня проблемы с тем, чтобы заставить их следовать по пути:

Как мне это сделать? Нужно ли создавать объекты Box2D с пользовательскими вершинами?

Учитывая «корневую» кривую, вот как вы можете генерировать блочные вершины.

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

Короче говоря : я сделал Безье и пробовал его (с настраиваемой скоростью). Затем я нашел перпендикулярный вектор вектора от каждого образца к следующему, нормализовал его и масштабировал до (настраиваемой) полуширины, сначала влево, а затем обратно вправо. Затем нарисовал его.

Материал, который вы могли бы добавить к этому:

• Изменить параметры , для более широких или более толстых блоков.
• Создайте треугольники (как упоминает egarcia ) и текстурируйте их. Это будет очень похоже на эту первую картинку !
• Пример кривой на равных длинах дуги ( здесь тоже), чтобы согласовать размеры блоков. (В этой реализации положение центральной контрольной точки влияет на относительные размеры блоков.)

Вот мой код Он написан на Lua (для игровой среды LÖVE ), но я думаю, что он читается для всех.

local v = require "vector"

-- A function that makes bezier functions
-- Beziers have start point     p0
--              control point   p1
--              end point       p2
local function makeBezierFunction(p0,p1,p2)
    return function (t)
        local pow = math.pow
        return pow( (1-t),2 ) * p0
               + 2 * (1-t) * t * p1
               + pow(t,2) * p2
    end
end

love.graphics.setBackgroundColor(255, 255, 255)
function love.draw()
    local line = love.graphics.line
    local colour = love.graphics.setColor

    -- Bezier sampling parameters
    local nSegments = 10
    local segIncr = 1/nSegments

    -- Bezier definition: Start (`p0`), control (`p1`) and end `p2`) point
    local p0 = v(100,100)
    local p1 = v( love.mouse.getX(), love.mouse.getY() )
    local p2 = v(500,100)
    local controlPoints = {p0,p1,p2}
    local bez = makeBezierFunction(p0,p1,p2)

    -- Sample the bezier
    for i=0,1-segIncr,segIncr do
        colour(0, 0, 0)
        local x1,y1 = bez(i        ):unpack()
        local x2,y2 = bez(i+segIncr):unpack()
        line(x1,y1,x2,y2)

        -- Find left and right points.
        local center = v(x1, y1)
        local forward = v(x2, y2) - center
        local left = center + forward:perpendicular():normalize_inplace() * 10
        local right = center - forward:perpendicular():normalize_inplace() * 10

        -- Draw a line between them.
        line(left.x, left.y, right.x, right.y)

        -- Find *next* left and right points, if we're not beyond the end of
        -- the curve.
        if i + segIncr <= 1 then
            local x3, y3 = bez(i+segIncr*2):unpack()
            local center2 = v(x2, y2)
            local forward2 = v(x3, y3) - center2
            local left2 = center2 + forward2:perpendicular():normalize_inplace() * 10
            local right2 = center2 - forward2:perpendicular():normalize_inplace() * 10

            -- Connect the left and right of the current to the next point,
            -- forming the top and bottom surface of the blocks.
            colour(0, 0xff, 0)
            line(left.x, left.y, left2.x, left2.y)
            colour(0, 0, 0xff)
            line(right.x, right.y, right2.x, right2.y)
        end
    end

    -- Draw an X at the control points
    for _,p in ipairs(controlPoints) do
        local x,y = p:unpack()
        colour(0xff,0x00,0x00)
        line(x-5,y-5, x+5,y+5)
        line(x-5,y+5, x+5,y-5)
    end
    -- Draw lines between control points
    for i=1,#controlPoints do
        colour(0xff,0x00,0x00, 100)
        local cp1 = controlPoints[i]
        local cp2 = controlPoints[i+1]
        if cp1 and cp2 then
            line(cp1.x, cp1.y
                ,cp2.x, cp2.y)
        end
    end
end

Если вы хотите поиграть с ним: возьмите LÖVE и поместите приведенный выше код main.luaв его собственный каталог. Положите vector.luaиз HUMPбиблиотеки в тот же каталог. Запустите его как love <that-directory>из командной строки.

Переместите мышь вокруг! Средняя контрольная точка установлена ​​в месте расположения мыши: