Основы компьютерной графики (Часть 2)

Публикация № 880140

Разработка - Практика программирования

Графика Проекции

12
Статья является продолжением публикации "Основы компьютерной графики". Во второй части будут рассмотрены следующие темы: 1. Преобразования в трехмерном пространстве. 2. Ортографическая проекция трехмерного изображения на экран. 3. Определение, какой поверхностью (лицевой/задней) проецируется грань на экран. 4. Перспективная проекция.

Основы компьютерной графики (часть 2)

Выводы из первой части

Во второй части мы будем использовать весь накопленный опыт первой части. Перечислим итоги первой части статьи:

  1. Выполнять операции преобразования можно с помощью умножения специально заполненных матриц 3х3.
  2. С помощью матриц 3х3 можно накапливать результаты операций преобразований.
  3. Используя несколько матриц, можно организовать вставку преобразования в любое место цепочки преобразований.

Переходим к 3D

На этом моменте многих ждет разочарование. Расчет координат в 3-м мерном пространстве не сильно отличается, от расчета координат в 2-мерном пространстве.
Матрица точки теперь выглядит так (x,y,z,1)
Матрица перемещения

Матрица масштабирования

где  X,Y,Z – коэффициенты масштабирования по соответствующим координатам

С вращением немного сложнее, ключевое слово «немного».  Для начала определим как расположены оси координат. Центр координат расположен в центре экрана (отображаемой области). Ось X – направлена вправо, ось Y – направлена вверх, ось Z – направлена перпендикулярно плоскости монитора в даль, в геометрии обычно обозначают «х» - хвост стрелы.
Надеюсь, многие поняли, что в первой части вы выполняли вращение в плоскости Y0X вокруг оси Z, т.е. у нас уже есть готовая матрица поворота вокруг оси Z.

Матрицы поворота вокруг осей X,Y выводятся подобным образом.
Матрица поворота вокруг оси X

Матрица поворота вокруг оси Y

Программный код для вычисления координат в 3-мерном пространстве не многим отличается от кода для 2-мерного пространства.

Ортографическая проекция

Координаты вычислили, но монитор плоский, маловероятно, но возможно, у кого-то и не плоский, но экран все равно плоский.  Как выводить 3-х мерное изображение на плоский экран?
Мы будем проецировать изображение на (плоскость Y0X). Для начала мы построим ортографическую проекцию – координаты x, y не будут изменятся в зависимости от координаты z. Такие проекции строят, как правило, САПР (системы автоматизированного проектирования), где важно сохранение пропорций и размеров, а не реалистичность.

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

&НаКлиенте
Процедура Инициализация()
	Куб = Новый Структура("Матрицы,Ребра,Точки,Владелец");
	
	Куб.Владелец = Неопределено;
	
	Точки = Новый Массив();
	Точки.Добавить(ПолучитьТочку(-10, -10, -10));
	Точки.Добавить(ПолучитьТочку(-10, 10, -10));
	Точки.Добавить(ПолучитьТочку(10, 10, -10));
	Точки.Добавить(ПолучитьТочку(10, -10, -10));
	
	Точки.Добавить(ПолучитьТочку(-10, -10, 10));
	Точки.Добавить(ПолучитьТочку(-10, 10, 10));
	Точки.Добавить(ПолучитьТочку(10, 10, 10));
	Точки.Добавить(ПолучитьТочку(10, -10, 10));
	
	Куб.Точки = Точки;
	
	Ребра = Новый Массив();
	Ребра.Добавить(ПолучитьРебро(0,1));
	Ребра.Добавить(ПолучитьРебро(1,2));
	Ребра.Добавить(ПолучитьРебро(2,3));
	Ребра.Добавить(ПолучитьРебро(3,0));
	
	Ребра.Добавить(ПолучитьРебро(4,5));
	Ребра.Добавить(ПолучитьРебро(5,6));
	Ребра.Добавить(ПолучитьРебро(6,7));
	Ребра.Добавить(ПолучитьРебро(7,4));
	
	Ребра.Добавить(ПолучитьРебро(0,4));
	Ребра.Добавить(ПолучитьРебро(1,5));
	Ребра.Добавить(ПолучитьРебро(2,6));
	Ребра.Добавить(ПолучитьРебро(3,7));
	
	Куб.Ребра = Ребра;
	
	М = ПолучитьЕдиничнуюМатрицу4х4();
	М[0][0] = 3;
	М[1][1] = 3;
	М[2][2] = 3;
	
	М[3][2] = 20;	
	
	Куб.Матрицы = Новый Массив();
	Куб.Матрицы.Добавить(М);
	
	ВывестиОбъект(Куб);
КонецПроцедуры

Все преобразования выполняются схожим образом.

&НаКлиенте
Функция ПолучитьМатрицуПоворотаZ(Угол)
	М = ПолучитьЕдиничнуюМатрицу4х4();
	
	Pi = 3.1415926535897932;
	УголРадианы = Угол / 180 * Pi;
	Косинус = Cos(УголРадианы);
	Синус = Sin(УголРадианы);
	
	М[0][0] = Косинус;
	М[0][1] = -Синус;
	М[1][0] = Синус;
	М[1][1] = Косинус;

	Возврат М;
	
КонецФункции


&НаКлиенте
Процедура КомандаПоворотZ(Команда)
	// Вставить содержимое обработчика.
	М = ПолучитьМатрицуПоворотаZ(УголПоворота);
	
	Если МестоВставки = 0 Тогда
		УмножитьМатрицы4х4(М, Куб.Матрицы[0]);
		Куб.Матрицы[0] = М;		
	Иначе
		УмножитьМатрицы4х4(Куб.Матрицы[0], М);
	КонецЕсли;
	
	ВывестиОбъект(Куб);
	
КонецПроцедуры

Получение координат после всех преобразований:

&НаКлиенте
Функция ПолучитьМатрицуПреобразований(Объект)
	М = ПолучитьЕдиничнуюМатрицу4х4();
	
	Для Каждого Матрица Из Объект.Матрицы Цикл
		УмножитьМатрицы4х4(М, Матрица);		
	КонецЦикла;
	
	Если Объект.Владелец <> Неопределено Тогда
		Для Каждого Матрица Из Объект.Владелец.Матрицы Цикл
			УмножитьМатрицы4х4(М, Матрица);		
		КонецЦикла;		
	КонецЕсли;
	
	Возврат М;
КонецФункции

&НаКлиенте
Функция ПолучитьКоордиантыТочек(Объект, МатрицаПреобразований)
	рТочки = Новый Массив();
	
	Для Каждого Точка Из Объект.Точки Цикл
		рТочка = Новый Массив(4);
		рТочка[0] = Точка[0] * МатрицаПреобразований[0][0] + Точка[1] * МатрицаПреобразований[1][0] + Точка[2] * МатрицаПреобразований[2][0] + Точка[3] * МатрицаПреобразований[3][0];
		рТочка[1] = Точка[0] * МатрицаПреобразований[0][1] + Точка[1] * МатрицаПреобразований[1][1] + Точка[2] * МатрицаПреобразований[2][1] + Точка[3] * МатрицаПреобразований[3][1];
		рТочка[2] = Точка[0] * МатрицаПреобразований[0][2] + Точка[1] * МатрицаПреобразований[1][2] + Точка[2] * МатрицаПреобразований[2][2] + Точка[3] * МатрицаПреобразований[3][2];
		рТочка[3] = Точка[0] * МатрицаПреобразований[0][2] + Точка[1] * МатрицаПреобразований[1][2] + Точка[2] * МатрицаПреобразований[2][2] + Точка[3] * МатрицаПреобразований[3][3];
			
		рТочка[0] = рТочка[0] + 80;
		рТочка[1] = -рТочка[1] + 80;
		
		рТочки.Добавить(рТочка);		
	КонецЦикла;
	
	Возврат рТочки;
	
КонецФункции

&НаКлиенте
Процедура ОбновитьКоординатыРебер(Объект, Точки)
	Для Каждого Ребро Из Объект.Ребра Цикл
		Линия = Ребро[0];
		Точка1 = Точки[Ребро[1]];
		Точка2 = Точки[Ребро[2]];
		
		Линия.Лево = Точка1[0];
		Линия.Верх = Точка1[1];
		Линия.Ширина = Точка2[0] - Точка1[0];
		Линия.Высота = Точка2[1] - Точка1[1];		
	КонецЦикла;
КонецПроцедуры

Результат выглядит так.

Выделение невидимых граней куба

На предыдущем скриншоте у нас получился каркас куба. У проекции куба не все грани должны отображаться. Как определить должна отображаться грань либо нет?
У грани есть две поверхности лицевая и задняя. Если грань повернута в экран лицевой поверхностью, значит её нужно отображать, иначе нет.

Для определения какой поверхностью грань повернута к экрану, воспользуемся следующим свойством:
Векторное произведение двух векторов
 в трехмерном евклидовом пространстве - вектор, перпендикулярный обоим исходным векторам. В нашем случае перпендикулярный грани. Координата Z как раз показывает в экран направлен вектор, либо наоборот.

Произведение векторов находится следующим образом:

Нас интересует только составляющая вектора z, которая у нас получилась равна axbyaybx .

Теперь у нашего куба появились грани, которые состоят из точек и ребер. Для грани важен порядок точек, я указал по порядку, в направлении хода часовой стрелки.

&НаКлиенте
Процедура Инициализация()
	Куб = Новый Структура("Матрицы,Ребра,Точки,Владелец,Грани");
	
	Куб.Грани = Новый Массив();
	Куб.Грани.Добавить(ПолучитьГрань(0,1,2,3,0,1,2,3));
	Куб.Грани.Добавить(ПолучитьГрань(1,5,6,2,9,5,10,1));
	Куб.Грани.Добавить(ПолучитьГрань(3,2,6,7,2,10,6,11));
	Куб.Грани.Добавить(ПолучитьГрань(0,3,7,4,3,11,2,8));
	Куб.Грани.Добавить(ПолучитьГрань(0,4,5,1,8,4,9,0));
	Куб.Грани.Добавить(ПолучитьГрань(4,7,6,5,7,6,5,1));	
	
КонецПроцедуры

&НаКлиенте
Функция ПолучитьГрань(Т0,Т1,Т2,Т3,Р0,Р1,Р2,Р3)
	Грань = Новый Структура("Точки,Ребра");
	Грань.Точки = Новый Массив(4);
	Грань.Точки[0] = Т0;
	Грань.Точки[1] = Т1;
	Грань.Точки[2] = Т2;
	Грань.Точки[3] = Т3;
	
	Грань.Ребра = Новый Массив(4);
	Грань.Ребра[0] = Р0;
	Грань.Ребра[1] = Р1;
	Грань.Ребра[2] = Р2;
	Грань.Ребра[3] = Р3;
	
	Возврат Грань;
КонецФункции

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

Возможно кому-то кажется, что было бы изящнее вместо куба взять более интересный объект, например, сделать объемную запись 1С. Во-первых на кубе - объяснять проще, а во-вторых - я уже даже на кубе запутался сам с ребрами, где-то в грани указал неправильный индекс ребра.

Изначально я хотел невидимые ребра выводить пунктирной линией, а видимые сплошной, но реализовать это оказалось не просто, т.к. свойство «тип линии», оказалось, доступным только для чтения. Остановился на том что видимые ребра – синие, невидимые – зеленные.

Добавляем определение видимости граней в код.

&НаКлиенте
Процедура ВывестиОбъект(Объект)
	МатрицаПреобразований = ПолучитьМатрицуПреобразований(Объект);
	Точки = ПолучитьКоордиантыТочек(Объект, МатрицаПреобразований);
	ОбновитьКоординатыРебер(Объект, Точки);
	
	ОпределитьВидимостьГраней(Объект, Точки);
	
КонецПроцедуры

Реализация

&НаКлиенте
Процедура ОпределитьВидимостьГраней(Объект, Точки)
	Для Каждого Ребро Из Объект.Ребра Цикл
		Линия = Ребро[0];
		Линия.ЦветЛинии = Новый Цвет(0,150,0);
	КонецЦикла;
	
	Для Каждого Грань Из Объект.Грани Цикл
		Точка0 = Точки[Грань.Точки[0]];
		Точка1 = Точки[Грань.Точки[1]];
		Точка2 = Точки[Грань.Точки[2]];
		
		Ах = Точка1[0] - Точка0[0];
		Ау = Точка1[1] - Точка0[1];
		
		Вх = Точка2[0] - Точка1[0];
		Ву = Точка2[1] - Точка1[1];
		
		Z = Ах * Ву - Ау * Вх;
		
		//Сообщить(Z);
		
		Если Z < 0 Тогда
			Для Каждого ИндексРебра Из Грань.Ребра Цикл
				Линия = Объект.Ребра[ИндексРебра][0];	
				Линия.ЦветЛинии = Новый Цвет(0,0,150);
			КонецЦикла;			
		КонецЕсли;
		
	КонецЦикла
	
КонецПроцедуры

Результат.

Не сразу понятно, что куб наклонен вниз.

Перспективная проекция

Добавим еще реалистичности нашему изображения. На зрачок человеческого глаза попадает, конечно, не ортографическая проекция, а перспективная. Добиться настоящей реалистичности очень сложно, тут очень много факторов: у человека два глаза, зрачок умеет фокусироваться, изменять чувствительность к яркости, кроме того полученное изображение обрабатывается мозгом. Когда мы смотрим, допустим, на ламинат с близкого расстояния, мы видим параллельные прямые, хотя они, вроде должны быть не параллельными в перспективной проекции. Я позволил себе небольшое отступление, вернемся к перспективной проекции.

Перспективу можно описать следующим образом – чем дальше объект, тем он меньше. Насколько объект удален от нас, зависит от координаты Z. Соответственно при удалении координаты x,y будут смещаться в центр, т.е. уменьшаться.
Вычислять новые координаты будем по следующие формуле:
x’ = x * F / (F + z)
где F – фокусное расстояние.

&НаКлиенте
Функция ПолучитьКоордиантыТочек(Объект, МатрицаПреобразований)
	рТочки = Новый Массив();
	
	Для Каждого Точка Из Объект.Точки Цикл
		рТочка = Новый Массив(4);
		рТочка[0] = Точка[0] * МатрицаПреобразований[0][0] + Точка[1] * МатрицаПреобразований[1][0] + Точка[2] * МатрицаПреобразований[2][0] + Точка[3] * МатрицаПреобразований[3][0];
		рТочка[1] = Точка[0] * МатрицаПреобразований[0][1] + Точка[1] * МатрицаПреобразований[1][1] + Точка[2] * МатрицаПреобразований[2][1] + Точка[3] * МатрицаПреобразований[3][1];
		рТочка[2] = Точка[0] * МатрицаПреобразований[0][2] + Точка[1] * МатрицаПреобразований[1][2] + Точка[2] * МатрицаПреобразований[2][2] + Точка[3] * МатрицаПреобразований[3][2];
		рТочка[3] = Точка[0] * МатрицаПреобразований[0][2] + Точка[1] * МатрицаПреобразований[1][2] + Точка[2] * МатрицаПреобразований[2][2] + Точка[3] * МатрицаПреобразований[3][3];
			
		рТочка[2] = рТочка[2] + 40;		
		
		//УголОбзора = 90;
		//рТочка[0] = рТочка[0] * УголОбзора/рТочка[2] + 80;
		//рТочка[1] = рТочка[1] * УголОбзора/рТочка[2] + 80;
		
		ФокусноеРасстояние = 80;
		рТочка[0] = рТочка[0] * ФокусноеРасстояние / (ФокусноеРасстояние + рТочка[2]) + 80;
		рТочка[1] = рТочка[1] * ФокусноеРасстояние / (ФокусноеРасстояние + рТочка[2]) + 80;
		
				
		рТочки.Добавить(рТочка);		
	КонецЦикла;
	
	Возврат рТочки;
	
КонецФункции

Куб в начальной позиции.

Добавим преобразования поворот вокруг осей

Обработка тестировалась на программных файлах 1С:Предприятие 8.3 (8.3.12.1529), подключение - тонкий клиент.

 

12

Скачать файлы

Наименование Файл Версия Размер
Пример работы с 3Д графикой
.epf 9,58Kb
03.08.18
7
.epf 1.1.2 9,58Kb 7 Скачать

Специальные предложения

Лучшие комментарии
3. Dmitri_1C 112 03.08.18 23:56 Сейчас в теме
Помню, NN-лет назад такое на паскале рисовал.
Ностальгия.
+
Остальные комментарии
Избранное Подписка Сортировка: Древо
1. WalterMort 305 03.08.18 15:45 Сейчас в теме
Где матрицы перспективного проецирования? Где шарнирный замок? Где кватернионы?
2. mszsuz 88 03.08.18 23:46 Сейчас в теме
так скоро и "DOOM" получится - первую комнату уже нарисовали.
3. Dmitri_1C 112 03.08.18 23:56 Сейчас в теме
Помню, NN-лет назад такое на паскале рисовал.
Ностальгия.
+
4. HAMMER_59 186 04.08.18 16:26 Сейчас в теме
Как я уже написал в статье, при добавление граней, запутался с ребрами. Изменил код добавления граней, грань теперь добавляется по точкам, ребра добавляются автоматически.
&НаКлиенте
Процедура ДобавитьГрань(Объект,Т0,Т1,Т2,Т3)
	Грань = Новый Структура("Точки,Ребра");
	Грань.Ребра = Новый Массив();
	
	Грань.Точки = Новый Массив(4);
	Грань.Точки[0] = Т0;
	Грань.Точки[1] = Т1;
	Грань.Точки[2] = Т2;
	Грань.Точки[3] = Т3;
	
	ИндексПервойТочки = Т3;
	Для Каждого ИндексТочки Из Грань.Точки Цикл
		ИндексВторойТочки = ИндексТочки;
		Сч = 0;
		Для Каждого Ребро Из Объект.Ребра Цикл
			Если ((Ребро[1] = ИндексПервойТочки) И (Ребро[2] = ИндексВторойТочки))
				ИЛИ ((Ребро[2] = ИндексПервойТочки) И (Ребро[1] = ИндексВторойТочки)) Тогда
					Грань.Ребра.Добавить(Сч);
				Прервать;
			КонецЕсли;
			Сч = Сч + 1;
		КонецЦикла;
		ИндексПервойТочки = ИндексВторойТочки;
	КонецЦикла;
	
	
	Куб.Грани.Добавить(Грань);
КонецПроцедуры
Показать
5. Неопределено 55 04.08.18 17:16 Сейчас в теме
Хочется посмотреть на анимированный пример вращения в режиме реального времени.
6. Неопределено 55 06.08.18 07:26 Сейчас в теме
Не сразу понятно, что куб наклонен вниз.
Да, не сразу. А после этого так вообще. Что вы сделали с кубом? Зачем так растянули и исказили его? Я имею в виду, очевидно что спереди находятся зелёные грани Это явно не куб, а что-то трапецевидное.
7. HAMMER_59 186 06.08.18 09:08 Сейчас в теме
(6)
то вы сделали с кубом? Зачем так растянули и исказили его?


Бывают люди адекватные, а бывают неадекватные. Нормальная реакция адекватного человека - подвергать все критическому мышлению. Т.е. ознакомился с материалом, затем проверил. Как проверить? Посмотреть в других источниках информации. В конце концов запустить в программе подобной 3Д макс, построить куб, построить перспективную проекцию - и убедиться, что куб действительно получается именно таким. Потом сами же пишите, что кто-то Вас идиотом выставляют. Может дело в Вас, может Вы так себе ведете?


(6)
очевидно что спереди находятся зелёные грани

Опять же достаточно внимательно прочитать статью, где написано, что мы не пытаемся получить 100% реалистичность (как-то забавно в рамках 1С говорить о реалистичной модели), мы строим приближенную модель. В данном случае не грани, а ребра отмечены разными цветами, даже не для реалистичности, а чтобы показать, что мы правильно определили какой поверхностью грань проецируется на экран.

Фраза сравнима с мышлением школьника, естественно не лучшего: "Так формулы из школьного курса по физике не точные, например, не учтено что масса изменяется от скорости". А если еще добавить, когда мы отмерили линеечкой 127 мм, так это ведь не точно 127 мм там ведь тоже погрешность, а расстояние там и того хуже порой метрами меряем. Как дальше жить?

Какое говорите образование? Не программист, а инженер? Странно, похоже, зря только время потратили на институт, знания мимо Вас прошли. В институте крайне доходчиво и не раз объясняют, что максимальная точность - крайне редко эффективна.
8. Неопределено 55 06.08.18 09:22 Сейчас в теме
(7)
Может дело в Вас

Я просто решил поддержать вашу традицию писать как это не похоже на куб.

мы строим приближенную модель

Да, мы тоже строили приближённую, но вам это не помешало написать что у нас не 3D и не куб.

В институте крайне доходчиво и не раз объясняют, что максимальная точность - крайне редко эффективна.

Может быть у вас и объясняют. Меня научили тому, что малейшее отклонение и волновод уже работает на пропуск другой частоты, а антенна перестаёт ловить сигнал в заданном диапазоне, а если дорожку специальными ухищрениями LГLГLГLГLГ не удлинить в нужном месте, байты будут добегать с разной скоростью и сумматор не заработает как положено.
9. HAMMER_59 186 06.08.18 10:27 Сейчас в теме
(8)
Да, мы тоже строили приближённую, но вам это не помешало написать что у нас не 3D и не куб.


Это Вы сами себе додумали, я так не писал. Опять же если прочитать повнимательнее статью в ней написано, что математическая модель той части, которую Вы использовали для отображения в 3Д, ничем не отличается от 2Д.


(8)
Может быть у вас и объясняют. Меня научили тому, что малейшее отклонение и волновод уже работает на пропуск другой частоты

У Вас один предмет был в институте? Несмотря на то, что учился я на специальности "Автоматизация систем управления", при этом на электротехнической кафедре, поэтому пришлось немного окунуться и в электричество и в электронику. Был у нас такой предмет "Основы теории автоматизации управления". Прекрасный предмет, где просто очень много теории. Предмет, конечно, не только про электронику, но в основном как раз речь шла про электронику, и как раз решались проблемы, что в электронике далеко все от идеала, обычный усилитель - это уже целая история, т.к. показатели какому-нибудь транзистора не линейны.

Малейшее отклонение - вещь крайне растяжимая. Крайне странные вещи вы пишите, крайне странные. Вся электроника - это диапазоны и отклонения, вы точно в институте учились, а не кружок радиолюбителя посещали?
10. Неопределено 55 06.08.18 10:45 Сейчас в теме
У Вас один предмет был в институте?

Предложение, начинающееся с "Меня научили тому", включает в себя описание четырёх предметов.
пришлось немного окунуться
в основы теории
Вся электроника - это...

Вопросов больше нет.

Если абстрагироваться от нашей игры в снежки, на уровне кода и механики всё предельно понятно. Есть координаты точек в трёхмерном пространстве, с которыми мы взаимодействуем на уровне кода. Если построить их в голове, виден объёмный объект -- обычный куб. Как в вашем, так и в моём посте. Но вам не понравилась моя визуализация. Вы посчитали её не информативной. А затем повторно не закрасили синие рёбра куба и тем самым визуально вывели зелёные на передний план и дали мне возможность показать как некрасиво вы повели себя в моём посте. А так, мой пост зачётный. Шучу, этот на самом деле круче, но на анимацию вращения всё равно хочется посмотреть.
11. HAMMER_59 186 06.08.18 12:10 Сейчас в теме
(10)
Но вам не понравилась моя визуализация


Еще раз повторю, что мне не понравилась математическая модель, не знаю почему Вы так упорно настаиваете на визуализации.


(10)
Вы посчитали её не информативной

Уже устал повторять, что не в визуализации дело. Точно такую же математическую модель можно было построить в 2Д.

(10)
А затем повторно не закрасили синие рёбра куба

Участок кода из статьи - определение видимости граней.
&НаКлиенте
Процедура ОпределитьВидимостьГраней(Объект, Точки)
	Для Каждого Ребро Из Объект.Ребра Цикл
		Линия = Ребро[0];
		Линия.ЦветЛинии = Новый Цвет(0,150,0);
	КонецЦикла;
	
	Для Каждого Грань Из Объект.Грани Цикл
		Точка0 = Точки[Грань.Точки[0]];
		Точка1 = Точки[Грань.Точки[1]];
		Точка2 = Точки[Грань.Точки[2]];
		
		Ах = Точка1[0] - Точка0[0];
		Ау = Точка1[1] - Точка0[1];
		
		Вх = Точка2[0] - Точка1[0];
		Ву = Точка2[1] - Точка1[1];
		
		Z = Ах * Ву - Ау * Вх;
		
		//Сообщить(Z);
		
		Если Z < 0 Тогда
			Для Каждого ИндексРебра Из Грань.Ребра Цикл
				Линия = Объект.Ребра[ИндексРебра][0];	
				Линия.ЦветЛинии = Новый Цвет(0,0,150);
			КонецЦикла;			
		КонецЕсли;
		
	КонецЦикла
	
КонецПроцедуры
Показать


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



(10)
но на анимацию вращения всё равно хочется посмотреть

Хотите проверить как я умею записывать видео с экрана, затем делать из них гифку? Я никогда этим не занимался.
12. Неопределено 55 07.08.18 03:10 Сейчас в теме
(11)
Я никогда этим не занимался.

Я тоже, но потом начал делать публикации и загуглил подходящую программу за пару минут. Сейчас можно писать с экрана сразу в gif.
13. yarsort 06.05.19 10:53 Сейчас в теме
Сколько же у людей свободного времени бывает... :)
Оставьте свое сообщение

См. также

Индикатор выполнения (прогресс-бар) с таймером остаточного времени выполнения (обычное приложение + УФ) 1

Отчеты и формы Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Работа с интерфейсом

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

1 стартмани

08.10.2019    438    1    slayer-ekb    5       

Описание формата внутреннего представления данных 1С в контексте обмена данными 143

Статья Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Внешние источники данных Разработка

Фирма 1С не рекомендует использовать внутреннее представление данных для любых целей, которые отличны от обмена с 1С:Предприятием 7.7. Но сама возможность заглянуть на "внутреннюю кухню" платформы с помощью функций ЗначениеВСтрокуВнутр(), ЗначениеВФайл(), ЗначениеИзСтрокиВнутр() и ЗначениеИзФайла(), дала возможность сообществу программистов 1С разработать новые приемы разработки и анализа. Так, именно на использовании внутреннего представления был построен алгоритм "быстрого массива", который позволяет практически мгновенно создать массив в памяти на основании строки с разделителями. С помощью разбора внутреннего представления можно "на лету" программным кодом выполнить анализ обычной формы и даже сделать редактор графической схемы. Во внутреннем формате сохраняют свои данные между сеансами различные популярные внешние обработки. А еще это возможность сделать быстрый обмен с внешними системами.

1 стартмани

06.09.2019    4282    4    Dementor    27       

Обновление данных в ячейках таблицы формы на управляемых формах 9

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Разработка Работа с интерфейсом

На очередном проекте решал задачу по расчету значений колонок в табличных полях формы. Задача казалась достаточно простой. Однако возникла необходимость работать не только с реквизитами формы типа «ТаблицаЗначений», но и с типом «ДеревоЗначений». Релиз платформы 8.3.13.1644

1 стартмани

15.08.2019    952    BraunAlex    2       

Удобный выбор из таблицы/дерева в УФ 61

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Работа с интерфейсом Разработка

Выбор из таблицы значений или дерева значений в выпадающем списке рядом с полем ввода - УФ, быстро и просто!

1 стартмани

12.08.2019    2899    4    Yashazz    18       

Отбор на управляемой форме из списка значений 41

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Работа с интерфейсом Разработка

Пример простого удобного отбора любых данных ссылочного типа на управляемой форме. Работа обработки проверена на релизе: 1С:Предприятие 8.3.13.1513.

1 стартмани

09.08.2019    4205    4    nagaitseff    6       

Организация функционала наценок по позициям либо сегментам номенклатуры в УТ 11.4 5

Статья Программист Документ XML v8::ОУ v8::УФ УТ11 Россия УУ Ценообразование, анализ цен Абонемент ($m) Практика программирования Разработка

В статье описан один из методов реализации задачи установки скидок/наценок в соответствии с заданным процентом по позициям/сегментам номенклатуры. Так-же продемонстрирован принцип создания произвольного запроса к ИБ в виде цен. Протестировано на релизе Управление торговлей, редакция 11.4.8.92.

1 стартмани

07.08.2019    893    cheiser1982    2       

Изменяющееся контекстное меню в 1С 8.3 44

Статья Программист Архив с данными v8 v8::УФ Абонемент ($m) Практика программирования Разработка Работа с интерфейсом

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

1 стартмани

06.08.2019    4244    1    signum2009    14       

Запрет запуска более одного сеанса на рабочем месте (Розница 2.2) 6

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ Розница Россия Абонемент ($m) Практика программирования Разработка

Доброго времени! Столкнулся с проблемой - при запуске более одного сеанса конфигурации "Розница 2.2" на одном рабочем месте возникают конфликты с подключенным оборудованием. Пришлось в быстром темпе это исправить - запретом повторных запусков. Также, кому интересно, можно посмотреть, как обращаюсь из модуля управляемого приложения к серверным процедурам (описание примера).

2 стартмани

04.08.2019    1142    aximo    5       

Универсальная печать штрихкодов Windows, Linux, x86, x64. Управляемые формы. Веб-клиент. Пример 3

Инструменты и обработки Программист Стажер Конфигурация (md, cf) v8::УФ 1cv8.cf ОС Абонемент ($m) Разработка внешних компонент Практика программирования

Универсальная печать штрихкодов Windows, Linux, x86, x64. Управляемые формы. Веб-клиент. Сделана на основе компонент печати штрихкодов фирмы 1с под платформу 1с windows32, windowsx64, linux32, linux64. Типы штрихкодов для генерации - EAN8, EAN13, EAN128, Code39, Code128, Code16k, PDF417, Standart (Industrial) 2 of 5, Interleaved 2 of 5, Расширение Code39, Code93, ITF14, RSS14, CodaBar, EAN13 AddOn 2, EAN13 AddOn 5. Сделана как пример для внедрения. Наиболее оптимальный вариант для веб-клиента. Пример сделан в виде cf файла. Работоспособность проверялась на ERP 2.4.8.84, ЗУП 3.1.9.187, Розница 2.2.11.30, УНФ 1.6.17.128, БГУ 2.0.61.28, ЗКГУ 3.1.9.187, КА 2.4.7.127, УТ 11.4.7.128, БП 3.0.69.35, Документооборот КОРП ПРОФ 2.1.13.28.

1 стартмани

17.07.2019    1312    4    ivanchai    0       

Вам нравятся запросы в 1С? 13

Инструменты и обработки Программист Конфигурация (md, cf) v8 v8::Запросы 1cv8.cf Абонемент ($m) Практика программирования Разработка

Речь не только о том, что простейший запрос с "легальным" оформлением растянется на пол-экрана, речь еще обо всем, что нужно написать "в нагрузку" к тексту запроса. Все эти "Новый Запрос", "УстановитьПараметр" и последующие пляски с обработкой результата... Пора с этим заканчивать!

1 стартмани

03.07.2019    9015    1    m-rv    73       

Генерация QR кодов через API Google (обычные и управляемые формы) 4

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Инструментарий разработчика Практика программирования Разработка WEB

Обработка абсолютно автономна, не привязана ни к версии БСП, ни к виду конфигурации. Может работать как для типовых, так и для самописных конфигураций. Содержит обычную и управляемую формы, поэтому запустится в любом режиме. Единственное, что нужно для ее работы - это подключение к интернету, так как для генерации QR кодов используется сервис Google.

1 стартмани

22.06.2019    1536    3    lisrws    5       

Несколько документов на основании одного 4

Инструменты и обработки Программист Конфигурация (md, cf) v8::УФ Абонемент ($m) Обработка документов Практика программирования

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

1 стартмани

10.06.2019    1557    mvxyz    4       

Индикатор выполнения длительных операций на сервере 1С 8.3 (управляемые формы) 6

Инструменты и обработки Программист Архив с данными v8::УФ Россия Windows Абонемент ($m) Практика программирования Разработка Работа с интерфейсом

Индикатор выполнения (отображение прогресса) длительных операций в тонком клиенте 1С:Предприятия 8.3, когда полностью весь код исполняется на сервере, а клиент просто ждёт завершения. Используются внешние средства (либо командное окно Windows, либо приложение Java).

1 стартмани

03.06.2019    6569    D.B.Sokolov    20       

Картинки во внешней печатной форме (Шапка и табличная часть) 9

Статья Программист Внешняя обработка (ert,epf) v8::ОУ v8::УФ УТ11 Россия Абонемент ($m) Печатные формы документов Практика программирования Разработка

Способы вывести на печать картинку в шапке и в табличной части внешней печатной формы. Управление торговлей, редакция 11 (11.4.7.150).

1 стартмани

27.05.2019    1919    2    Povinger    1       

Спутник программиста - каркасная конфигурация начинающим программистам 1С 65

Инструменты и обработки Программист Стажер Архив с данными v8::УФ 1cv8.cf Россия Windows Абонемент ($m) Практика программирования Разработка

Спутник программиста - каркасная конфигурация с примерами для разработки начинающим программистам 1С.

1 стартмани

23.05.2019    9515    95    bulas    27       

Поле "Отбор" в управляемой форме используя СКД 8

Отчеты и формы Программист Внешняя обработка (ert,epf) v8::УФ v8::СКД 1cv8.cf Абонемент ($m) Практика программирования Разработка Работа с интерфейсом

Пример, который осуществляет отбор ссылок при помощи СКД, макет компоновки создается программно.

1 стартмани

17.05.2019    2219    2    artms    0       

Табличная часть из дополнительных реквизитов с обработкой событий в расширении 6

Статья Программист Расширение (cfe) v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Разработка Работа с интерфейсом

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

1 стартмани

13.05.2019    2646    1    mvxyz    7       

Вывод вариантов СКД в таблицы на управляемой форме 25

Статья Программист Внешняя обработка (ert,epf) v8 v8::УФ v8::СКД 1cv8.cf Абонемент ($m) Практика программирования Работа с интерфейсом

Задача стояла такая: есть 2 различных запроса, результаты которых выгружаются на форму обработки в таблицы значений (далее ТЗ) и программно "соприкасаются" между собой определенным образом (как именно- в рамках данной статьи неважно). Нюанс в том, что запросы должны иметь свой компоновщик настроек и могут интерактивно на форме изменяться пользователем. На оригинальность публикации не претендую - изначально в рамках поставленной задачи пытался найти что-то подобное (уже готовый шаблон) на инфостарте, возможно "плохо искал" ;)

05.04.2019    3781    artkor    1       

Автоматическая генерация технологических карт на основе графической схемы 2

Инструменты и обработки Программист Архив с данными v8 v8::УФ 1cv8.cf Россия Абонемент ($m) Практика программирования Разработка Управление бизнес-процессами (BPM)

В статье описывается способ генерация технологических карт на основе заданного графической схемой техпроцесса. Рассматриваются вопросы программного взаимодействия с объектом "графическая схема" и приведен механизм обхода графической схемы для получения карты техпроцесса. Тестировалось на платформе 8.3.12.

1 стартмани

27.03.2019    1746    all_net    0       

Безопасная работа с транзакциями во встроенном языке 183

Статья Программист Конфигурация (md, cf) v8 1cv8.cf Абонемент ($m) Практика программирования Разработка

Разбираемся с опасностями использования транзакций во встроенном языке 1С. Познаем ошибку "В данной транзакции уже происходили ошибки". Учимся защищаться от них.

1 стартмани

25.03.2019    13247    7    tormozit    35       

Создание и редактирование таблиц в поле HTML документа 7

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Windows Абонемент ($m) Практика программирования Разработка

Создание и редактирование таблиц в поле HTML документа. Тестировалось на 1С:Предприятие 8.3.12.1616

1 стартмани

16.03.2019    2124    6    lastpioneer    0       

Программное создание реквизита управляемой формы с помощью механизма расширений 88

Статья Программист Расширение (cfe) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Разработка

В ЗУП 3 возникла задача добавить реквизит в справочник не внося изменений в конфигурацию. БСП с механизмом дополнительных реквизитов использовать было нежелательно, поэтому был использован механизм расширений. Для вывода данного реквизита на форму добавлять саму форму в расширение не хотелось по ряду причин, описанных ниже. Создание реквизита и элемента формы, соответствующего данному реквизиту было решено сделать программно в самом расширении, следуя принципу минимального воздействия на конфигурацию.

1 стартмани

12.03.2019    13188    8    ni_cola    24       

Робот на Клиенте (управляемое приложение), многократный запуск 2

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Разработка

Робот на Клиенте (управляемое приложение), многократный запуск. Шаблон-пример использования Обработчика Ожидания.

1 стартмани

06.03.2019    1605    Timur.V    0       

Вывод характеристик и их значений в динамический список 0

Инструменты и обработки Программист Архив с данными v8::УФ v8::СКД 1cv8.cf Абонемент ($m) Практика программирования Разработка

Если в запросе динамического списка используется конструкция {ХАРАКТЕРИСТИКИ ...}, то как вывести на форму колонки с характеристиками?

1 стартмани

22.02.2019    1899    kasper076    3       

Коннектор: удобный HTTP-клиент для 1С:Предприятие 8 511

Инструменты и обработки Программист Конфигурация (md, cf) v8 1cv8.cf Абонемент ($m) Практика программирования Внешние источники данных WEB Универсальные функции Инструментарий разработчика Универсальные обработки

Коннектор - библиотека для работы с HTTP запросами. Библиотека берет на себя всю рутину работы с HTTP запросами. Буквально в одну строку можно получать данные, отправлять, не заботясь о необходимости конструирования URL, кодирования данных и т.п.

1 стартмани

31.01.2019    24999    242    bonv    105       

Использование макетов вместо дополнительных реквизитов или регистров сведений 37

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Разработка

Использование макетов вместо дополнительных реквизитов или регистров сведений на конфигурациях с БСП.

1 стартмани

27.01.2019    5585    2    Comandante    22       

Связанные табличные части (управляемые формы) 7

Инструменты и обработки Программист Конфигурация (md, cf) v8 v8::УФ Абонемент ($m) Практика программирования Разработка Работа с интерфейсом

У нас есть 2 связанные табличные части, и нам надо, чтобы по текущей строке в одной из них мы видели только определенные строки во второй. Были бы у нас динамические списки, мы бы взяли событие "При активизации строки" и стандартный механизм отборов СКД, которая лежит в основе списка. Но вот с табличными частями так не получится. Тут нам надо будет написать несколько строк кода и использовать "ОтборСтрок", доступный для таблицы формы. Тестировалось на платформе 8.3.13.1644, будет работать и на более ранних версиях платформы.

1 стартмани

25.01.2019    3556    3    Kim1C    2       

Построение градиента 3

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Работа с интерфейсом

Небольшая функция, строящая градиент, и обработка для построения произвольных градиентов.

1 стартмани

13.01.2019    2296    Serge R    1       

История реквизитов организаций (печати, факсимиле, КПП, телефон) 0

Инструменты и обработки Программист Расширение (cfe) v8::ОУ v8::УФ УТ11 Windows Абонемент ($m) Практика программирования

Решение задачи по хранению истории изменений КПП организации, дополнительных печатей, бланков и факсимиле ответственных лиц организаций, контактной информации организаций типа телефон.

1 стартмани

11.01.2019    1921    1    da_1c    0       

СМС2 - эрзац-мессенджер в вашей конфигурации 1С 17

Инструменты и обработки Программист Конфигурация (md, cf) v8 v8::УФ Windows Абонемент ($m) Практика программирования Работа с интерфейсом Рабочее место

Обработка предоставит вам некоторый функционал мессенджера внутри используемой конфигурации. Вложения с файлами и ссылками, аватары у пользователей, всё это можно и в 1С.

1 стартмани

17.12.2018    3746    4    semagin@gmail.com    15       

Чат на управляемых формах 9

Отчеты и формы Программист Пользователь Конфигурация (md, cf) v8 v8::УФ Абонемент ($m) Практика программирования WEB

Чат для 1С на управляемых формах, для работы в браузере. Возможности: Есть общая комната Можно создавать открытые и закрытые комнаты Переписка между двумя пользователями (беседа) Протестировано на платформе 8.3.12.1714.

2 стартмани

14.12.2018    3148    6    panihinnv    13       

ART - экспериментальный инструмент программирования 65

Инструменты и обработки Программист Архив с данными v8 v8::УФ Абонемент ($m) Практика программирования

Насколько сложным должен быть встроенный инструмент программирования для такой системы, как 1С и что получится, если упростить его до последнего предела...

1 стартмани

07.12.2018    9134    11    mkalimulin    103       

Использование подсистемы БСП "Заполнение объектов" 133

Статья Программист Расширение (cfe) v8 v8::УФ 1cv8.cf Россия Абонемент ($m) Практика программирования Универсальные функции БСП (Библиотека стандартных подсистем)

Применение механизмов БСП для добавления новых команд заполнения к формам различных объектов. Использование расширений конфигурации для доработки. Шаблоны для реализации собственных команд заполнения.

1 стартмани

23.11.2018    12941    8    ids79    14       

Изображения в справке 1С 28

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования

Иногда полезно сделать скриншот и вставить его в справку. К счастью, картинку можно преобразовать в строку base64 и вставить в тег img. Выглядит это так: img src="data:image/jpg;base64,-=СТрокаИзображения=-" /img. Для редактирования можно использовать объект "форматированный документ" (реквизит формы). Данный объект может выгрузить свое содержимое в формате html и все картинки в структуру. Далее останется только преобразовать картинки в строку base64 и заменить исходные теги img.

1 стартмани

13.11.2018    4774    13    makc2k    16       

Передача набора данных типа Объект в отчет СКД 5

Инструменты и обработки Программист Внешний отчет (ert,erf) v8 v8::УФ v8::СКД 1cv8.cf Россия Абонемент ($m) Практика программирования

Пример показывает, каким образом можно передать таблицу значений в отчет СКД (в набор данных объект). Пример работает как на обычных, так и на управляемых формах.

1 стартмани

12.11.2018    13716    4    evgen7938    3       

Диаграмма Ганта и графическая схема сторонними средствами 13

Отчеты и формы Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования

Примеры формирования диаграммы Ганта и графической схемы в 1С сторонними средствами.

1 стартмани

01.11.2018    4218    3    no_betrayal    2       

Шаблон обработки с главной и подчиненной табличными частями на форме (УФ) 7

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Инструментарий разработчика Практика программирования

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

1 стартмани

01.11.2018    2798    2    TSSV    0       

Просмотр таблицы значений из файла на диске 2

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Россия Абонемент ($m) Инструментарий разработчика Практика программирования

Простая обработка, которая выводит ранее сохраненный файл с таблицей значений на форму в табличный документ. Работает как в файловом, так и в серверном варианте на управляемых формах.

1 стартмани

19.09.2018    2197    gatsubin    0       

Работа с публикациями "Инфостарт" 13

Инструменты и обработки Программист Архив с данными v8 УУ Абонемент ($m) Практика программирования О сообществе WEB

Работа с рублевыми публикациями на сайте "Инфостарт": ведение клиентов, заказов, обновление файлов публикации, рассылка обновлений.

1 стартмани

13.09.2018    8148    10    RocKeR_13    12       

Визуализация графики в 1С 48

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8::УФ 1cv8.cf Абонемент ($m) Практика программирования

Хочу предложить вашему вниманию коллекцию работающих в 1С 8.3  скриптов для эстетического или профессионального интереса.  Изучение текста этих скриптов позволит Вам использовать схожие приемы для реализации своих идей.

1 стартмани

12.09.2018    9894    26    milkers    10       

[Механизм интерфейса] Интерактивный выбор даты 24

Отчеты и формы Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Работа с интерфейсом

Вариант механизма выбора даты для разработки интерфейса под сенсорный монитор. Особенно актуально для разработки терминалов или других подобных систем.

1 стартмани

16.08.2018    6886    5    rpgshnik    18       

Примеры программной работы с СКД, а также программного создания управляемой формы 14

Отчеты и формы Программист Архив с данными v8 v8::УФ v8::СКД Windows Абонемент ($m) Практика программирования

Примеры работы с СКД (четыре отчета с использованием сложных выражений), программного создания управляемой формы, а также программное формирование СКД в обработке и другие интересные механизмы на конфигурации "с нуля".

1 стартмани

12.08.2018    3930    25    MaxCreator    0       

Линия тренда в диаграмме на графике "Биржевая свеча" 2

Отчеты и формы no Внешний отчет (ert,erf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования WEB

Отчет демонстрирует, как можно отразить линию тренда на биржевом графике типа "свеча" средствами 1С.

1 стартмани

11.08.2018    4216    11    Scop    3