Рисование срезов трехмерной круговой диаграммы в нужном порядке

Question

Я пытаюсь исправить старое приложение: у меня есть функция, которая принимает пару углов и рисует 3D-фрагмент разобранной круговой диаграммы. У меня также есть функции, которые берут набор чисел, генерируют углы и вызывают функцию рисования среза несколько раз, пока весь рисунок не будет нарисован.

Повторные вызовы функции рисования фрагментов рисуют верхнюю часть существующих фрагментов, и порядок никогда не бывает прав. Мой вопрос в том, как я могу гарантировать, что фигуры, ближайшие к зрителю, будут нарисованы последними, чтобы части накладывались правильно?

function drawSlice(startAngle, endAngle) 
    // draws a slice as shown in picture 


function drawPie(list of angles to make up pie) 
    for each angle in angles 
    drawSlice(angle) 

// example usage 
drawPie([30,15,40,10,5]) 

Кусочек выглядит следующим образом: alt text http://img233.imageshack.us/img233/2627/slice.png

Answer 1

Предполагая, что все, что вызывает вашу функцию, которая втягивает срез имеет свои данные в какой-то список, сортировать этот список, так что чем ближе элементы появляются позже и рисуются последний.

Некоторый код или другие детали могут помочь вам дать лучший ответ.

Answer 2

Возможно, вам придется разделить чертежи на два равных этапа. Оба начинаются с угла, наиболее удаленного от зрителя, и идут в противоположных направлениях.

После разделения кусочков в два этапа вы сортируете как целые срезы, так и обе части, которые находились на границе 50% по их средней точке по окружности, к зрителю.

Если есть, например, два ломтика, сначала 80% и начинаются с угла, наиболее удаленного от зрителя, вы разделите его на два ломтика, 50% нарисованных на первом этапе, затем вы нарисуете 20% ломтик, который начинается сверху и идет в другом направлении, и только тогда вы нарисуете оставшиеся 30% первого фрагмента.

Извините за извитое объяснение, я надеюсь, что вы поняли эту идею. ;)

Редактировать: Чтобы проиллюстрировать случай, когда маленький срез перекрывается и перекрывается большим фрагментом. Однако обратите внимание, что это не разобранный пирог, и этот гораздо легче рисовать.

Answer 3

EDIT:

mbeckish прав - это должно исправить. Создайте два списка с помощью метода «мультяшная расы» - т. Е. Продолжайте добавлять в список, пока его общий контент угла не будет превышать другой список, затем измените списки и продолжайте движение. Как только это будет сделано, сначала нарисуйте «меньший». Поскольку это будет содержать не более 180 градусов, он никогда не сможет пересечь опасную точку. Если они равны, это не имеет значения. (Это не красиво)

define clockwiseAngles[], antiClockwiseAngles[] 
define totalClockwiseAngles, totalAntiClockwiseAngles 

for each angle in angles 
    if totalClockwiseAngles > totalAntiClockwiseAngles 
    totalAntiClockwiseAngles += angle 
    AntiClockwiseAngles.push(angle) 
    else 
    totalClockwiseAngles += angle 
    clockwiseAngles.push(angle) 

if totalClockwiseAngles > totalAntiClockwiseAngles 
    // draw all anticlockwise angles 
    // draw all clockwise angles 
else 
    // draw all clockwise angles 
    // draw all anticlockwise angles 

Answer 4

Может быть, вы просто должны реорганизовать использовать любые стандартные методы, которые там нарисовать цилиндр с данной точки зрения, то цветом поверхности цилиндра, чтобы очертить ломтики.

Answer 5

Предполагая, что значение угла, когда указует прямо на нас 270, просто вычислить расстояние середины ломтиков от этого шести часов линии:

Math.abs(270 - (startAngle + endAngle)/2) 

Затем сортировать кусочки, основанные на этом расстояние и рисовать в порядке убывания.