> For the complete documentation index, see [llms.txt](https://help.trikset.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.trikset.com/studio/2d-model.md).

# 2D-модель

Интерактивный режим имитационного моделирования — отличительная особенность TRIK Studio. В нем команды не передаются роботу, а исполняются для виртуальной модели, отображающейся на экране. Для платформ [ТРИК](/trik/about.md), [Lego EV3](/ev3/about.md) и [Lego NXT](/nxt/about.md) — это трехколесная тележка.

![Трехколесная тележка для конструктора ТРИК](https://thumb.tildacdn.com/tild3334-3831-4364-a537-626466373232/-/resize/60x/-/format/webp/trik-robot.png)

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

![](/files/-M5Mc1SNy8LFJvmjQbbe)

При этом эмулируется работа большинства реальных датчиков конструктора. Например, датчика касания, ультразвукового датчика расстояния, датчиков цвета и света для NXT, компас и гироскоп для EV3, инфракрасного и ультразвукового датчиков расстояния, датчика касания и датчика освещённости для ТРИК.

![](/files/-M5Mdlk7MqkOxzLTeO6H)

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

Режим двумерной модели полезен для отладки программ и в случае отсутствия реального робота.

## Работа со сценой <a href="#work-with-scene" id="work-with-scene"></a>

| Комбинация клавиш | Описание действия               |
| ----------------- | ------------------------------- |
| Ctrl+Колесо мыши  | Увелечение / уменьшение сцены.  |
| Shift+Колесо мыши | Прокрутка сцены по горизонтали. |

Для переключения между режимами «Таскания сцены» и «Выделения» воспользуйтесь [контестным меню](/studio/2d-model.md#kontekstnoe-menyu).

## Окно двумерной модели <a href="#window" id="window"></a>

Для открытия окна 2D-модели необходимо нажать кнопку <img src="https://static.tildacdn.com/tild3766-6331-4436-a263-623265663033/2d-model.svg" alt="" data-size="original"> на панели инструментов или в [настройках](/studio/settings.md#robots) выбрать пункт «2D-модель».

![Режим двумерной модели для робота ТРИК](/files/-M56slFxZOloWbC-3Dsp)

Элементы окна 2D-модели:

* [Панель редактирования мира](/studio/2d-model.md#editor-world)
* [Сетка](/studio/2d-model.md#grid)
* [Линейка](/studio/2d-model.md#ruler)
* [Кнопка возврата на старт](/studio/2d-model.md#return-to-start)
* [Кнопка «Старт/стоп»](/studio/2d-model.md#start-stop)
* [Панель управления скоростью](/studio/2d-model.md#speed-control)
* [Настройки модели](/studio/2d-model.md#panel-nastroiki-modeli)
  * [Эмулятор экрана и кнопок робота](/studio/2d-model.md#emulyator-ekrana)
  * [Управление портами](/studio/2d-model.md#ports)
  * [Управление моторами](/studio/2d-model.md#panel-upravleniya-motorami)
  * [Управление физикой робота](/studio/2d-model.md#upravlenie-fizikoi-robota)
  * [Параметры модели](/studio/2d-model.md#parametry-modeli)
* [Всплывающее меню робота](/studio/2d-model.md#fast-settings)

## **Редактирование модели мира** <a href="#editor-world" id="editor-world"></a>

Редактирование модели мира осуществляется с помощью соответствующей панели.

|                                                                                                                                                         | Название                                      | Описание                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Горячая клавиша |
| ------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-------------: |
| <img src="https://thumb.tildacdn.com/tild3763-3237-4833-a164-393534336437/-/resize/65x/-/format/webp/57ef89a9ee81c1577fb1.png" alt="" data-size="line"> | **Курсор**                                    | Переключение в режим выбора.                                                                                                                                                                                                                                                                                                                                                                                                                             |        1        |
| <img src="https://thumb.tildacdn.com/tild3564-6138-4364-a232-326133336338/-/resize/65x/-/format/webp/2d_wall.png" alt="" data-size="line">              | **Стена**                                     | <p>Добавление на сцену препятствия в виде стены.</p><p></p><p>При добавлении с нажатой клавишей <code>Shift</code> стена помещается либо под прямым углом, либо под углом в 45<strong>°</strong> относительно границ окна. Отображается стена в виде «кирпичной» линии.<br><br>При касании такой линии датчиком касания или при попадании в зону действия датчиком расстояния происходит срабатывание сенсора. Робот не может проехать сквозь стену.</p> |        2        |
| <img src="https://thumb.tildacdn.com/tild3834-6235-4536-a330-626336613166/-/resize/65x/-/format/webp/can.png" alt="" data-size="line">                  | **Банка**                                     | Добавление на сцену препятствия в виде банки                                                                                                                                                                                                                                                                                                                                                                                                             |        3        |
| <p></p><p><img src="/files/-M4sxiS_RcmyFhBUiINS" alt="" data-size="line"></p><p></p>                                                                    | **Мяч**                                       | Добавление на сцену препятствия в виде мяча. При касании тележки он отскакивает на некоторое расстояние.                                                                                                                                                                                                                                                                                                                                                 |        4        |
| <img src="https://thumb.tildacdn.com/tild6331-3031-4161-b430-623435333135/-/resize/65x/-/format/webp/2d_ruler.png" alt="" data-size="line">             | **Линия**                                     | <p>Добавление на сцену прямой линии.</p><p></p><p>При добавлении линии с нажатой клавишей <code>Shift</code> линия помещается либо под прямым углом, либо под углом в 45<strong>°</strong> относительно границ окна.<br><br>На линию могут реагировать датчики света и цвета, расположенные на виртуальном роботе.</p><p></p><p>Можно <a href="/pages/-M0Now5ADLgit5TISAGo#editor-line">настраивать</a> цвет и толщину линии.</p>                        |        5        |
| <img src="https://static.tildacdn.com/tild6230-3232-4431-a636-383235306539/2d_bezier.svg" alt="" data-size="line">                                      | **Кривая Безье**                              | <p>Добавление на сцену линии с возможностью закругления.<br><br>На линию могут реагировать датчики света и цвета, расположенные на виртуальном роботе.<br><br>Можно <a href="/pages/-M0Now5ADLgit5TISAGo#editor-line">настраивать</a> цвет и толщину линии.</p>                                                                                                                                                                                          |        6        |
| <img src="https://static.tildacdn.com/tild6539-6166-4638-a465-643132613331/2d_rectangle.svg" alt="" data-size="line">                                   | **Прямоугольник**                             | <p>Добавление на сцену прямоугольника.<br><br>Можно <a href="/pages/-M0Now5ADLgit5TISAGo#editor-line">настраивать</a> цвет и толщину линий прямоугольника, а также цвет его заливки.</p>                                                                                                                                                                                                                                                                 |        7        |
| <img src="https://thumb.tildacdn.com/tild3038-3963-4733-b130-656566616134/-/resize/65x/-/format/webp/2d_ellipse.png" alt="" data-size="line">           | **Эллипс**                                    | <p>Добавление на сцену эллипса.<br><br>Можно <a href="/pages/-M0Now5ADLgit5TISAGo#editor-line">настраивать</a> цвет и толщину линий эллипса, а также цвет его заливки.</p>                                                                                                                                                                                                                                                                               |        8        |
| <img src="https://thumb.tildacdn.com/tild3363-6336-4332-b434-636563633334/-/resize/65x/-/format/webp/2d_pencil.png" alt="" data-size="line">            | **Стилус**                                    | <p>Рисование линии мышью.<br></p><p>На нарисованную линию могут реагировать датчики света и цвета, расположенные на виртуальном роботе.</p><p></p><p>Можно <a href="/pages/-M0Now5ADLgit5TISAGo#editor-line">настраивать</a> цвет и толщину линий.</p>                                                                                                                                                                                                   |        9        |
| <img src="/files/-M4szSQsE4pf9785VlvE" alt="" data-size="line">                                                                                         | [**Картинка**](/studio/2d-model.md#add-image) | Добавление на сцену готового фона.                                                                                                                                                                                                                                                                                                                                                                                                                       |                 |
| ![](/files/VM4vflX0Blnt2Hl0ZG6B)                                                                                                                        | **Text**                                      | Добавление [текстового поля](#tekstovoe-pole)                                                                                                                                                                                                                                                                                                                                                                                                            |        0        |

### Редактор линий, стилуса и эллипса <a href="#editor-line" id="editor-line"></a>

При выделении линии, кривой Безье, стилуса, прямоугольника или эллипса появляется всплывающее окно, позволяющее настраивать их цвет и толщину.

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

![](/files/-M5MalKr6MyxrR1YPFj8)

### Работа с фоном <a href="#add-image" id="add-image"></a>

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

При включенной сетке изображения автоматически выравниваются по ней при перетаскивании.

![](/files/-MWeDAbl4o9-ZBICHe38)

Если выделить изображение, его можно будет переместить, изменить размеры и настроить следующие параметры:&#x20;

| Свойство                                                            | Описание                                                                                                                                                                                                  |
| ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/files/-M5abBX5f9fcgm1j0YFF" alt="" data-size="original"> | **Картинка не будет включена в файл сохранения**. При открытии текущего проекта на другом компьютере или переименовании файла с картинкой изображение в 2D-модели пропадёт.                               |
| <img src="/files/-M5aaLqdYiDfB6rZg4GY" alt="" data-size="original"> | **Картинка будет запакована в проект.** Будьте внимательны, это значительно увеличит размер файла сохранения. Однако при открытии проекта на другом компьютере, изображение останется в двумерной модели. |
| <img src="/files/-M5abjd3kxIxy5D4QFkG" alt="" data-size="original"> | **Изображение будет на переднем плане.** Робот видит это изображение с помощью сенсоров.                                                                                                                  |
| <img src="/files/-M5acA6OXDX7O1Hzkwcq" alt="" data-size="original"> | **Изображение будет на заднем плане.** Робот не видит это изображение.                                                                                                                                    |
| <img src="/files/-M5acaP28Qp5uE8Eb0gz" alt="" data-size="original"> | **Изменить картинку...** Заменить изображение на выбранное через диалоговое окно.                                                                                                                         |

## Панель настройки модели

Для открытия панели с настройками нажмите кнопку справа от [сцены](/studio/interface.md#editor-window-1):

![](/files/-M0ToOtEaLULVrhG0vij)

На данной панели располагаются:

* [Эмулятор экрана](/studio/2d-model.md#emulyator-ekrana)
* [Панель управления портами](/studio/2d-model.md#ports)
* [Панель управления моторами](/studio/2d-model.md#motors)
* [Параметры управления физикой робота](/studio/2d-model.md#upravlenie-fizikoi-robota)
* [Параметры модели](/studio/2d-model.md#parametry-modeli)

### Эмулятор экрана

![](/files/-M4xZUpk0veLG8LwCP7y)

Эмулятор экрана и кнопок робота отображает вывод программы на экран робота и позволяет эмулировать нажатие на его кнопки (кликом мыши по соответствующей кнопке на роботе).

### Панель управления портами <a href="#ports" id="ports"></a>

Панель управления портами позволяет менять конфигурацию и расположение сенсоров модели робота.

![](/files/-M4t-iFc3zLtQmO6z0-4)\
\
Для каждого порта можно выбрать интересующий датчик, и он автоматически добавится на сцену.

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

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

#### Поворот и перемещение сенсоров

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

При вращении с нажатой клавишей `Shift` сенсор поворачивается либо под прямым углом, либо под углом в 45° относительно границ окна.

![](https://thumb.tildacdn.com/tild6161-6163-4135-a662-323663303030/-/resize/352x/-/format/webp/sensor-settings-in-2.png)

### Панель управления моторами

![](/files/-M51bt7N9Qyp3oy-BjNS)

Панель управления моторами позволяет задать, какой из портов моторов будет соответствовать левому и правому колесам.

### Управление физикой робота

<div align="left"><img src="/files/-M51bfhzJlgtHscDMbUZ" alt=""></div>

* **Реалистичная физика** точнее эмулирует силы, действующие на робота: он поворачивает при столкновении со стеной, разгоняется с ускорением и т. д.
* **Реалистичные сенсоры** — включить / выключить эмуляцию неточной работы сенсоров.
* **Реалистичные моторы** — включить / выключить эмуляцию неточной работы моторов.

### Параметры модели

![](/files/-M51b_d-ywJNm0I_hPrd)

Отображение параметров модели робота:

* диаметра колеса,
* высоты робота,
* ширины робота,
* массы робота.

## Контекстное меню

Также функции двумерной модели доступны при нажатии на правую кнопку мыши на сцене.

![](/files/-M4xgVYsI3I45GJXF_3m)

| Пункт меню                        | Описание                                                                                                            |
| --------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| **Режим таскания сцены**          | Позволяет перемещать сцену с роботом, стенами и линиями при клике и перетаскивании на свободный участок сцены.      |
| **Режим выделения**               | Позволяет выделять группу стен, линий и других частей модели при клике и перетаскивании на свободный участок сцены. |
| **Сохранить модель мира...**      | Сохранение нарисованной сцены в виде XML-файла, который потом может быть загружен и использован в другом проекте.   |
| **Загрузить модель мира…**        | Загрузка ранее сохранённой модели мира.                                                                             |
| **Очистить всё**                  | Удаление всех стен и цветных линий. Робот при этом остаётся на сцене.                                               |
| **Очистить пол от следов робота** | Удаление всех цветных линий, нарисованных маркером робота. Остальные элементы остаются на сцене.                    |

## Сетка <a href="#grid" id="grid"></a>

Включение отображения на сцене сетки и привязка стен к её узлам. Слайдер позволяет настроить размер сетки.

![](/files/-M57UedqglROvvpfTZFi)

## Панель управления скоростью <a href="#speed-control" id="speed-control"></a>

Панель управления скоростью позволяет задать скорость симуляции.

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

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

## Линейка <a href="#ruler" id="ruler"></a>

Линейка показывает расстояния на сцене, в сантиметрах (относительно размера робота).

## Кнопка возврата на старт <a href="#return-to-start" id="return-to-start"></a>

Кнопка возврата на старт устанавливает робота в исходное положение, задаваемое красным крестиком на сцене.

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

При добавлении с нажатой клавишей «Shift» стрелка крестика помещается либо под прямым углом, либо под углом в 4&#x35;**°** относительно границ окна.

![](/files/-M57VIHQR4ZCmjd6Af5Z)

## Кнопка «Старт / стоп» <a href="#start-stop" id="start-stop"></a>

&#x20;<img src="/files/-M5M_VSksM6NJQ36co5_" alt="" data-size="original"> Запуск программы.

<img src="/files/-M5M_YIzTxZLXV96tyTI" alt="" data-size="original"> Остановка программы.

## Всплывающее меню робота <a href="#fast-settings" id="fast-settings"></a>

![](/files/-M57W3l4er-c0aZG4ysE)

Всплывающее меню управления роботом появляется при его выделении.

| Элемент                     | Описание                                                                                                                       |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
| **Следование за роботом**   | При включённом режиме сцена автоматически перемещается, выставляя робот в центр, если он выезжает за границы видимого участка. |
| **Возврат робота**          | Возврат робота на исходную позицию, обозначаемую красным крестиком.                                                            |
| **Изменение толщины следа** | Изменение толщины следа, оставляемого роботом при рисовании маркером.                                                          |

## Текстовое поле

С помощью текстового поля удобно создавать виртуальные миры и описывать задание прям в них. Также можно использовать для комментариев или обозначения названий отдельных элементов. Редактировать поле можно с помощью html разметки, используя теги \<b>**жирный**\</b>, \<i>*курсив\</i>* и другие.

<figure><img src="/files/bsAWUq6Y7FTioWW8AeAP" alt=""><figcaption></figcaption></figure>

### Как работать с текстовым полем

1\)     В панели редактирование мира выберите иконку Text (прямоугольник с буквами ABC), либо используйте горячую клавишу 0.

2\)     Нажмите на удобное место на экране, должно появиться текстовое поле

3\)     Для редактирования текста необходимо нажать правой кнопкой мыши в центральную часть текстового поля (прямоугольник в центре, чуть выше блока с текстом)

4\)     Выбрать пункт «Редактор» в появившемся контекстном меню

5\)     Ввести необходимый текст

6\)     Снова правой кнопкой мыши нажать в центральную часть текстового поля

7\)     В появившемся контекстном меню выбрать пункт Save

<figure><img src="/files/hJg7lU0DUDRKeDMq0Nvt" alt=""><figcaption></figcaption></figure>

Чтобы редактировать текст можно использовать HTML разметку. Для того, чтобы она сработала необходимо использовать теги в виде <тег>ваш текст\</тег>

Доступные теги

| Тег      | Функция           |
| -------- | ----------------- |
| \<b>     | Жирный шрифт      |
| \<i>     | Курсив            |
| \<u>     | Подчеркивание     |
| \<s>     | Зачеркнутый тест  |
| \<sup>   | Надстрочный текст |
| \<sub>   | Подстрочный текст |
| \<big>   | Большой шрифт     |
| \<small> | Маленький шрифт   |

<figure><img src="/files/5lLsG5pKibv8WyCLjtmj" alt=""><figcaption></figcaption></figure>