Скачиваний:
4
Добавлен:
18.01.2022
Размер:
227.89 Кб
Скачать

МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ

федеральное государственное автономное образовательное учреждение высшего образования

«САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ АЭРОКОСМИЧЕСКОГО ПРИБОРОСТРОЕНИЯ»

ИНСТИТУТ НЕПРЕРЫВНОГО И ДИСТАНЦИОННОГО ОБРАЗОВАНИЯ

КАФЕДРА 44 (Кафедра вычислительных систем и сетей)

ОЦЕНКА

ПРЕПОДАВАТЕЛЬ

Старший преподаватель

А.В. Аксенов

должность, уч. степень, звание

подпись, дата

инициалы, фамилия

ЛАБОРАТОРНАЯ РАБОТА №2

СЛОЖНЫЕ ГЕОМЕТРИЧЕСКИЕ ОБЪЕКТЫ

по дисциплине: Интерактивная компьютерная графика

РАБОТУ ВЫПОЛНИЛ

СТУДЕНТ ГР. №

номер группы

подпись, дата

инициалы, фамилия

Санкт-Петербург 2020

1. Цель работы

Ознакомление с принципами и приобретение навыков использования узлов сложных геометрических объектов для построения статических X3D-сцен.

2. Постановка задачи

Разработать сюжет 3D-сцены. Пользуясь узлами сложных геометрических объектов и применяя пространственные преобразования реализовать сцену в виде HTML-страницы с внедренным X3D-кодом. Задать для объектов сцены свойства материала и текстур.

3. Задание

4. Выполнения работы

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Лаба 1</title>

<link rel="stylesheet" href="https://www.x3dom.org/download/1.8.1/x3dom.css">

<script src="https://www.x3dom.org/download/1.7/x3dom-full.js"></script>

</head>

<body>

<h1>Лабораторная работа №1</h1>

<p>Геометрические примитивы, преобразования, материалы, текстурирование</p>

<p>Студент гр. В8441</p>

<p>Даниил Чижиков</p>

<X3D id="x3d" xmlns="https://www.x3dom.org/x3dom">

<!-- булава -->

<Scene>

<Shape>

<Appearance>

<imageTexture url='https://cdn.pixabay.com/photo/2016/02/01/04/27/background-1172581_960_720.jpg'></imageTexture>

</Appearance>

<Sphere radius="1.8"></Sphere>

</Shape>

<Transform translation='0 3 0'>

<Shape>

<Appearance>

<Material diffuseColor='green'></Material>

</Appearance>

<Cone height="2.6" bottomRadius="0.6"></Cone>

</Shape>

</Transform>

<Transform translation='0 -2.9 0'rotation='0 0 1 9.45'>

<Shape>

<Appearance>

<Material diffuseColor='green'></Material>

</Appearance>

<Cone height="2.6" bottomRadius="0.6"></Cone>

</Shape>

</Transform>

<Transform translation='2.8 0 0'rotation='0 0 1 4.7'>

<Shape>

<Appearance>

<Material diffuseColor='green'></Material>

</Appearance>

<Cone height="2.6" bottomRadius="0.6"></Cone>

</Shape>

</Transform>

<Transform translation='-2.75 0 0'rotation='0 0 1 -4.7'>

<Shape>

<Appearance>

<Material diffuseColor='green'></Material>

</Appearance>

<Cone height="2.6" bottomRadius="0.6"></Cone>

</Shape>

</Transform>

<Transform translation='0 0 2.8'rotation='1 0 0 7.9'>

<Shape>

<Appearance>

<Material diffuseColor='green'></Material>

</Appearance>

<Cone height="2.6" bottomRadius="0.6"></Cone>

</Shape>

</Transform>

<Transform translation='0 0 -2.8'rotation='1 0 0 -7.9'>

<Shape>

<Appearance>

<Material diffuseColor='green'></Material>

</Appearance>

<Cone height="2.6" bottomRadius="0.6"></Cone>

</Shape>

</Transform>

<!-- индексированный набор линий -->

<Viewpoint position='0 2 11'></Viewpoint>

<Shape>

<IndexedLineSet coordIndex="0 1 2 3 0 -1"

сoordIndex="0 4 5 6 0 -1"

colorPerVertex="true">

<Coordinate point="-2 0 2, 2 0 2, 2 0 -2, -2 0 -2"></Coordinate>

<Color color="0 1 0, 0 1 0, 0 1 0, 0 1 0"></Color>

</IndexedLineSet>

</Shape>

<!-- индекс треуг -->

<!-- 1 (фронт-низ-лево) -->

<Transform translation="-3 -2 0" rotation='1 0 0 2'>

<Shape>

<Appearance>

<imageTexture url='https://cdn.pixabay.com/photo/2016/12/13/14/16/seamless-1904165_960_720.jpg'></imageTexture>

</Appearance>'></imageTexture>

</Appearance> </Appearance>

<IndexedFaceSet ccw="true" colorPerVertex="true" convex="true" creaseAngle="0" solid="false"

coordIndex="0 3 4 5 -1"

colorIndex="0 1 2 3 -1">

<Coordinate point="-2 0 2, 2 0 2, 2 0 -2, -2 0 -2,-2 4 2, 2 4 2, 2 4 -2, -2 4 -2"></Coordinate>

</IndexedFaceSet>

</Shape>

</Transform>

<!-- 2 (бэк- справа-верх) -->

<Transform translation="3 2 -1" rotation='0 1 0 3'>

<Shape>

<Appearance>

<imageTexture url='https://cdn.pixabay.com/photo/2016/12/13/14/16/seamless-1904165_960_720.jpg'></imageTexture>

</Appearance>'></imageTexture>

</Appearance> </Appearance>

<IndexedFaceSet ccw="true" colorPerVertex="true" convex="true" creaseAngle="0" solid="false"

coordIndex="0 3 4 5 -1"

colorIndex="0 1 2 3 -1">

<Coordinate point="-2 0 2, 2 0 2, 2 0 -2, -2 0 -2,-2 4 2, 2 4 2, 2 4 -2, -2 4 -2"></Coordinate>

</IndexedFaceSet>

</Shape>

</Transform>

<!-- поинт сет -->

<Shape>

<PointSet>

<Color color="1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0,

1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0, 1 0 0"></Color>

<Coordinate point="0 2 4, 1 0.1 -3, -3 2 1, -0.4 0 -3.5, -1 0.89 5, 0.6 0.5 5, 0 -0.6 5,

0 1 5, 3.3 1 5, 0.3 0.2 5, 0.4 0.3 4, 0.5 3.4 5, 0.6 0.5 5, 0.7 1.6 5,

1 0 5, -0.2 0.1 2.5, 0.3 0.2 5, 0.4 0.3 5, 0.5 0.4 5, 2 0.5 5, 0.7 0.6 5,

0 3 5, 1.2 0.1 5, 0.3 0.2 5, 6 1 5, 0.5 0.4 5, 2 0.5 5, 0.7 0.6 5,

0 -2 4, -1 -0.1 3, 3 -2 5, 0.4 0 3.5, 1 -0.89 5, -0.6 -0.5 5, 0 -0.6 5,

0 -1 5, -3.3 -1 5, -0.3 0.2 5, -0.4 0.3 4, -0.5 -3.4 5, -0.6 -0.5 5, -0.7 -1.6 5,

-1 0 5, -0.2 -0.1 2.5, 0.3 0.2 5, 0.4 0.3 5, 0.5 0.4 5, 2 0.5 5, 0.7 0.6 5,

0 3 5, -1.2 -0.1 5, 0.3 0.2 5, 6 1 5, 0.5 0.4 5, 2 0.5 5, 0.7 0.6 5,

0 -2 4, 1 0.1 -3, -3 2 1, -0.4 0 -3.5, 1 0.89 5, 0.6 0.5 5, 0 -0.6 5,

0 1.5 5, -3.3 -1 5, -0.3 0.2 5, 0.4 -0.3 4, 0.5 3.4 5, -0.6 0.5 5, 0.7 -1.6 5,

1 0.4 5, -0.2 0.1 2.5, 0.3 -0.2 5, -0.4 0.3 5, 0.5 -0.4 5, 2 -0.5 5, 0.7 0.6 5,

0 -3.3 5, -1.2 0.1 5, 0.3 0.2 5, 6 1 5, 0.5 0.4 5, -2 0.5 5, 0.7 0.6 5,

1 2 4, 0.3 0.4 3.5, 3.7 -2.5 5, 0.8 0.6 5, 1.7 1.5 5, -1 -0.6 5, 0.5 -0.9 5,

0.5 -1.2 5, -4.8 -1.6 5, -0.8 0.4 5, -0.5 1 5, -0.7 -4.2 5, -0.6 -0.5 5, -0.7 -1.6 5,

-1 0 5, -1 -0.1 2.5, 2 1 5, 0.7 0.7 5, 0.21 0.3 5, 2.5 -1 5, 1 2.5 5,

0 3 5, -1.2 -0.1 5, 0.3 0.2 5, 6 1 5, 0.5 0.4 5, 2 0.5 5, 0.7 0.6 5,

0 2.2 4, 1 0.4 -3, -3 2.5 1, -0.4 0.6 -3.5, -1 0 5, 0.6 1 5, 0 -0.8 5,

0 1.2 5, 3.3 1.3 5, 0.3 0.5 5, 0.4 0.6 4, 0.5 2 5, 0.6 0.1 5, 0.7 1 5,

1 -0.5 5, -0.2 0.3 2.5, 0.3 0.9 5, 0.4 0.6 5, 0.5 0.8 5, 2 -0.5 5, 0.7 0.8 5,

0 2 5, 1.2 0.5 5, 0.3 0 5, 6 1.3 5, 0.5 1 5, 2 0.68 5, 0.7 0.2 5,"></Coordinate>

</PointSet>

</Shape>

</Transform>

</Scene>

</X3D>

</body>

</html>

Рисунок 1 – Общий план

Рисунок 2 – второй ракурс сцены

6. Вывод

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