tag:blogger.com,1999:blog-30282371177905938442024-03-05T22:54:22.090+03:00Luar's_LandЗдесь живет ЛуарAnonymoushttp://www.blogger.com/profile/06772266938655584899noreply@blogger.comBlogger2125truetag:blogger.com,1999:blog-3028237117790593844.post-35090699206956587522016-11-24T00:13:00.000+03:002016-11-24T00:21:26.736+03:00<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="font-size: large;">Как добавлять графику в проект на RPG Maker MV</span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="font-size: large;"><span style="color: black;"><span style="font-size: small;">Данный вопрос часто возникает у новичков, которые впервые сели за данный редактор, да чего греха таить, автор и сам в свое время из-за этого забросил движок при первом знакомстве с ним. Конечно, всегда можно обратиться к справке, которая идет вместе с движком, однако там есть ответы не на все вопросы, да и подача материала не всегда понятна для человека едва-едва начавшего свой Путь Мейкериста. Поэтому, я предлагаю рассмотреть данный вопрос подробно и с пристрастием. </span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="font-size: large;"><span style="color: black;"><span style="font-size: small;">Нам потребуются:</span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="font-size: large;"><span style="color: black;"><span style="font-size: small;">1. RPG Maker MV - данный гайд будет расчитан именно на него. Прошу обратить внимание, что в предыдущих версиях процесс может отличаться в деталях, но в целом он схож и разобравшись с одним движком, вы без проблем сможете понять другой.</span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="font-size: large;"><span style="color: black;"><span style="font-size: small;">2. Браузер для поиска графики - я буду использовать Mozila Firefox, но сойдет любой</span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="font-size: large;"><span style="color: black;"><span style="font-size: small;">3. Графический редактор с поддержкой прозрачности (как говорят умники - альфа-канала) - я использую Adobe Photoshop CS5 и объяснять работу буду на его примере. Если вы предпочитаете что-то иное (GIMP, Paint.NET и т.п.), то гуглите соответствующие команды и действия самостоятельно.</span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Приступим?</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Для начала я предлагаю разобраться со структурой проекта в мейкере, что бы лучше понимать принципы добавления сторонних материалов. Откроем же редактор:</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUGp7hvZXMcOBAYZjeqBelpSWb-UuEwW0yAacI8n3ALgpBtQ2ewZgDN2IhHQqZ5O3s4zQuPb5c15aEEZF7mkhgCq4R6xetbRsyoYvk_fZLVH1nSvlH9yyysb1AwnNqAMhTToOTllacl3Y/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUGp7hvZXMcOBAYZjeqBelpSWb-UuEwW0yAacI8n3ALgpBtQ2ewZgDN2IhHQqZ5O3s4zQuPb5c15aEEZF7mkhgCq4R6xetbRsyoYvk_fZLVH1nSvlH9yyysb1AwnNqAMhTToOTllacl3Y/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-1.png" width="640" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Каждый раз, когда вы создаете новый проект в мейкере, на вашем винте создается соответствующий каталог с папками, в которые <i>автоматически</i> импортируются все стандартные ресурсы, которые так же называют RTP. В этих папках лежит вся музыка, скрипты, анимации, шрифты, карты, графика - в общем все из чего состоит ваш проект. Нас интересует графика, потому откроем папку <b>img.</b></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIIDZRm3y1HZEGidP5U357lEl-e8yrQF4nbm7WL6387GO_qNine4lFeek7LsE_Lcjv8BKiovS9p_zZUtTsCnWu00p5aLI9kinTixxNsn-vl6AHY5OTfu_TXpOc0FWQD7zu0K9KjWIV4WQ/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIIDZRm3y1HZEGidP5U357lEl-e8yrQF4nbm7WL6387GO_qNine4lFeek7LsE_Lcjv8BKiovS9p_zZUtTsCnWu00p5aLI9kinTixxNsn-vl6AHY5OTfu_TXpOc0FWQD7zu0K9KjWIV4WQ/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-2.png" width="640" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">В этой папке мы видим еще кучу всего. Догадаться о их содержимом несложно - анимации, батлбэки(фоны битв), персонажи, враги, морды, картинки и так далее. Мы же хотим добавить новый тайлсет, верно? Следовательно нам нужна папка <b>tilesets.</b></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX8xEvdN47dyeMetUG7HZBTGfSN3v9kKZ4TzXve1eLCfIA5aZYYwqYJyLvW_eMCJJbhyW5U4APVAKVktEgbb_PgEceMkT0P6pbQ_UvZ1d5Kt8jkA10uPfWrsTGzHUnUagvWrZQiD0mXls/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX8xEvdN47dyeMetUG7HZBTGfSN3v9kKZ4TzXve1eLCfIA5aZYYwqYJyLvW_eMCJJbhyW5U4APVAKVktEgbb_PgEceMkT0P6pbQ_UvZ1d5Kt8jkA10uPfWrsTGzHUnUagvWrZQiD0mXls/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-3.png" width="640" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Как вы заметили, здесь лежат картинки в формате .png и непонятные файлы в .txt. </span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="font-size: small;"><b>Важно: </b>Текстовые файлы для нас не представляют ни малейшего интереса или ценности, так как единственное для чего они нужны, это всплывающая подсказка с названием тайла, при наведении на него мыши в редакторе. Можно их вообще удалить, что бы не захламляли проект. Можно и оставить.</span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="font-size: small;"><span style="color: black;">Как мы видим, вся тайловая графика, используемая в будущей игре лежит в одной папке. Именно в нее мы будем дополнительно добавлять нашу новую, но это чуть позже, а пока откроем менеджер ресурсов редактора, который в МВ называется <b>Диспетчер Источника</b> (какой мудак так назвал?...)</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnp4QWpRMOtr1XZlovsbDBkxWhyphenhyphen1sodZp0Vy18cPCLBlozeiBoJ6JoWMJRv6WRk7uy_amyPyqCj4kKmepyhh61gqgaHXatAvsi3Ae45T3YWEYUuyfsCU8va4oK3ZJp-EEDV3Psz0bsV0c/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnp4QWpRMOtr1XZlovsbDBkxWhyphenhyphen1sodZp0Vy18cPCLBlozeiBoJ6JoWMJRv6WRk7uy_amyPyqCj4kKmepyhh61gqgaHXatAvsi3Ae45T3YWEYUuyfsCU8va4oK3ZJp-EEDV3Psz0bsV0c/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-4.png" width="640" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="font-size: small;"><span style="color: black;"> </span> </span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Перед нами точно такая же структура, как и в проводнике. По сути мы можем добавлять, убирать, переносить и все такое прочее с помощью этой штуки. Но я рекомендую все-таки делать это снаружи, с помощью проводника. Не потому, что так правильнее, а просто вам так будет привычнее и проект не будет казаться чем-то загадочным, с непонятным содержимым. Но, сказать про такую возможность я ведь должен был? Закроем <b>Диспетчер</b> и обратимся к <b>Базе Данных</b>. </span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi03Wm7SCsqVgBKyBEJo2vLxlq91dk6r__oQVmtO-jog_ndzhVzWX-WthkmLq2zeVWjXQEKhK9_nhtaAeitiiCz77aRdhuZuuLR79KM8nZjQFGcc2jj_yde9trH4CXZ5zY87FbWCrj1wFU/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi03Wm7SCsqVgBKyBEJo2vLxlq91dk6r__oQVmtO-jog_ndzhVzWX-WthkmLq2zeVWjXQEKhK9_nhtaAeitiiCz77aRdhuZuuLR79KM8nZjQFGcc2jj_yde9trH4CXZ5zY87FbWCrj1wFU/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-5.png" width="640" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Вход в базу осуществляется нажатием на шестеренку, либо выбором соответствующего пункта выпадающего меню<b> "Инструменты"</b>. В самой же базе нас больше всего интересует вкладка <b>"Комплекты сегм."</b>(опять охеренный перевод, да), где производится настройка тайлсетов для будущих карт.</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">В левой части(правее списка вкладок базы) мы видим список уже имеющихся наборов графики. Я предлагаю для удобства называть их наборами. По умолчанию из РТП у нас имеется шесть наборов, которые мы вольны будем редактировать по своему желанию, либо мы можем увеличить число наборов (вплоть до 999, хотя и этот порог расширяется плагином) и собрать новый. Увеличить число набров можно кнопкой <b>"Изменить максимум"</b> - в этом случае создаются новые пустые наборы. </span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Рассмотрим, из чего же состоит каждый набор. В первую очередь он состоит из вкладок <b>А, В, С, D </b>и<b> Е</b>, переключатели которых вы можете видеть в нижней части окошка. Суть в том, что это те самые наборы графики, которые вы используете при работе с картой. С вкладками от <b>В</b> до <b>Е</b> все более менее понятно - это просто картинки размером 768х768 пикселей, на которых по сетке разложены тайлы. А вот вкладка <b>А</b> структурирована чуть сложнее и формируется аж из пяти отдельных картинок разного размера.</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXa6F7cy2SjDih7Bg64YooDMYf2UOKlG1BEOIae2ibHkWKpG7KGq4etRpXd98l6PkyHoTG4VO-ay8PoC0TlODBFvCPDSivsebsyB2uq98374YXf6dx1_Z02J0TAhyphenhyphenTYO2HcYCoGRKLGy4/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXa6F7cy2SjDih7Bg64YooDMYf2UOKlG1BEOIae2ibHkWKpG7KGq4etRpXd98l6PkyHoTG4VO-ay8PoC0TlODBFvCPDSivsebsyB2uq98374YXf6dx1_Z02J0TAhyphenhyphenTYO2HcYCoGRKLGy4/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-6.png" width="640" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Я все расписал на скрине, схема, надеюсь понятна, однако давайте ее разберем более подробно. В справке вам так разжевывать не будут:)</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><b>А1</b> - лист с анимированными автотайлами. Как правило это вода или что-то типа нее. Жмякнем на кнопку <b>А1 (Анимация) </b>и увидим следующее:</span></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-mXLRyirOkV2RdP64f8dfMagTrIOvDYk8Od0t2t2zdz3J-Oy-WAIbOs9DAtOpvPbA4iH7voHhXKoGfHz8g_ynJfXL7j-usxXKQnSGfibcDq34NGt6_0trJTqIqVFnnKlWH9izVDEoT18/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-mXLRyirOkV2RdP64f8dfMagTrIOvDYk8Od0t2t2zdz3J-Oy-WAIbOs9DAtOpvPbA4iH7voHhXKoGfHz8g_ynJfXL7j-usxXKQnSGfibcDq34NGt6_0trJTqIqVFnnKlWH9izVDEoT18/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-12.png" width="640" /></a></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Данный лист имеет размер 768х576 и состоит из 16 автотайлов, каждый из которых имеет по три кадра анимации. Я постарался на скрине показать, как именно располагаются эти тайлы внутри редактора, надеюсь вышло достаточно наглядно, ибо система довольно заморочная.</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><b>А2 -</b> тоже лист автотайлов, размер его тоже 768х576, однако здесь нет кадров, а тайлов помещается значительно больше. Здесь тоже следует немного подробнее рассказать.</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Дело в том, что для маппинга мейкер использует слои, так вот тайлы из всех листов <b>А</b> располагаются на нижнем, нулевом слое. <i>Все, кроме правой половины листа <b>А2</b></i></span></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdpdOzUYMnecWcQjp2ib3LxJ-W5QjFwCwq8nQFJcvPqR7m0_iLaYLSte1KGUBxpRUSqp4IBSy04k3E2HAE4_gKeD30YitbBb-gqZqTT4NfioKIWRNUtR6bUy_FRtOo3Go1RlUgcNRnPqM/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdpdOzUYMnecWcQjp2ib3LxJ-W5QjFwCwq8nQFJcvPqR7m0_iLaYLSte1KGUBxpRUSqp4IBSy04k3E2HAE4_gKeD30YitbBb-gqZqTT4NfioKIWRNUtR6bUy_FRtOo3Go1RlUgcNRnPqM/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-13.png" width="640" /></a></span></div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Вот эти заборчики, высокая трава и ямы - они расположены уже на слое 1 и могут накладываться поверх нулевых. Это важно помнить, когда формируешь лист <b>А2</b> самостоятельно из отдельных тайлов, что бы не положить забор в левую половину.</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><b>А3</b> - используется только для стен и крыш наружнего вида. </span></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSR7gKYGjGTPqdkPU3-CnPyFWVRxbEJWym-00cStoywv8F_7yuR0OZ1mUDpB1ZCYjfWoaleHRSXj47syAUU5lZrzycwVmGsh1_s9HB7U9W6wiVFDfsMH9isX-3__rCdAZDwSRxO-aFtCM/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSR7gKYGjGTPqdkPU3-CnPyFWVRxbEJWym-00cStoywv8F_7yuR0OZ1mUDpB1ZCYjfWoaleHRSXj47syAUU5lZrzycwVmGsh1_s9HB7U9W6wiVFDfsMH9isX-3__rCdAZDwSRxO-aFtCM/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-14.png" width="640" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Размер листа 768х384. Объяснять тут особенно нечего, так как схема построения автотайлов - тема для отдельной статьи.</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><b>А4 </b>- я не стал делать скриншотов, поскольку там практически тоже самое, только размер листа 768х720. Здесь находятся внутренние стены и их "срезы"</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><b>А5 - </b>Тоже без скриншотов, поскольку это даже не автотайл, а обычный набор ресурсов для пола. Его преимущество только в расположении на нулевом слое. Размер листа 384х768.</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Далее следуют вкладки В, С, D, Е, но с ними и так все понятно. Это просто листы размером 768х768.</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Ну, а теперь перейдем непосредственно к добавлению графония в наш будущий мегапроджект!</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Нам понадобится какой-нибудь лист с графикой, можно открыть гугел и набрать там что-то вроде "rpg maker mv tileset", посмотреть, что он нам выбросит и выбрать подходящее, положив хер на авторские права. Но в рамках блога я буду блюдеть закон! Поэтому зайдем на Светлую <strike>помойку </strike>Академию, в мою собственную тему и выберем какой-нибудь листик с графоном. ссылочка прилагается:</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"> http://rpgmaker.ru/forum/masterskaja-hudozhnika-animatora/60483-grafika-ot-luara</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Допустим, мы выбрали вот этот лист с моими странными березками и скачали его себе на винт:</span></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidPci6lsvL9Ek_MI2Qdz4FN8xmx8_LSAVXeUGFv3JztCMTukxN78OWJEAOahFs6n7QScYM9POqajVa0KTqExyZGCF-pRC8ksuN_a-P0ULakDJe6LEEOMiXwJ2D97byGs_yG8o5X93Xggo/s1600/5b1666157924.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidPci6lsvL9Ek_MI2Qdz4FN8xmx8_LSAVXeUGFv3JztCMTukxN78OWJEAOahFs6n7QScYM9POqajVa0KTqExyZGCF-pRC8ksuN_a-P0ULakDJe6LEEOMiXwJ2D97byGs_yG8o5X93Xggo/s320/5b1666157924.png" width="320" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"> Как же их добавить в проект? Если просто кинуть картинку в папку, то ничего не произойдет. Придется запускать фотошоп и учинять небольшое колдунство. </span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Для начала следует настроить сам редактор, для этого нажимаем <b>ctrl+K</b> и во вкладке появившегося окна выбираем "Направляющие, сетка и фрагменты", где указываем размер сетки 48х48, предварительно в качестве единиц измерения выбрав пиксели в соседней вкладке. Внутреннее деление лично я ставлю на 4, но вы можете этого и не делать. </span></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCNZjuyOp2FVQDIbNFh_1zUH5JYvgPNYUZDACHXpilOxRdozhyRsXmfRyx8vXCoeo8oyiT6myEL7rzzI5-_-fdirjABW6_dxaDSfESOiI-gXGYvGwdE5Qsze32l7nDoa2gP6rohUVk51Y/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCNZjuyOp2FVQDIbNFh_1zUH5JYvgPNYUZDACHXpilOxRdozhyRsXmfRyx8vXCoeo8oyiT6myEL7rzzI5-_-fdirjABW6_dxaDSfESOiI-gXGYvGwdE5Qsze32l7nDoa2gP6rohUVk51Y/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-10.png" width="640" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"> Теперь откроем файл с березками в фотошопе и включим сетку сочетанием <b>ctrl+"</b></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><b> </b>Наш файлик имеет размер 1056х384, что никак не подходит для мейкера и будет в нем отображаться некорректно. Что делать? Создадим пустой документ: <b>Файл-Создать, </b>зададим ему размер 768х768 с прозрачным фоном и просто перетащим нужные тайлы, предварительно выделив их инструментом "<b>прямоугольное выделение</b>"(второй сверху в панели).</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Теперь понимаете зачем нужна сетка? Да, правильно. Сетка разбивает будущий лист тайлов точно так же, как его разобъет мейкер. </span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCMXOEr-m17r-lJklQ2hGaBBAnWu__7Vqb_mrT4pMLu9gEwpaeTKmitGKTLDpi220wDeT-Hb26lZ40nk2qh76ndlT04KFtroPUbuMmWUpog_XZ7NfkZQONVLtY73G83UvWo2UxVVNmyhM/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCMXOEr-m17r-lJklQ2hGaBBAnWu__7Vqb_mrT4pMLu9gEwpaeTKmitGKTLDpi220wDeT-Hb26lZ40nk2qh76ndlT04KFtroPUbuMmWUpog_XZ7NfkZQONVLtY73G83UvWo2UxVVNmyhM/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-15.png" width="640" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><br /></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Не будем забывать, что лист не влезает в редактор целиком и он делит его пополам, отображая левую половину выше правой. Поэтому всегда располагайте крупные тайлы внутри левой, либо правой части, иначе в редакторе их разрежет и маппить будет несколько неудобно. Это не ошибка, просто так работать проще. </span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Схороним наш файл в формате .png выбрав в параметрах <b>"снять выделение"</b>.</span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;">Полученный файл просто закидываем в папку<b> tilesets (</b>каталога<b> img), </b>возвращаемся в редактор мукера и открываем базу данных. </span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><span style="color: #274e13;"><b>Важно</b>: в названии любых ресурсов рекомендуется использовать только латинницу, что бы не возникало проблем с запуском проекта на компах, где отсутствует кириллица.</span></span></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTAVP2wjlAnCQF47jaQuWR_ACC_xYjD5nLed0UVvdNuAA6NVAGJuCEE-WfDSu2LhahAOCeOiubKSc1aeKQYh_5-yV1a7oJIS8XaACiRveoIICfqUpErNyrP3FNMWySozvyoaUTTij56jY/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTAVP2wjlAnCQF47jaQuWR_ACC_xYjD5nLed0UVvdNuAA6NVAGJuCEE-WfDSu2LhahAOCeOiubKSc1aeKQYh_5-yV1a7oJIS8XaACiRveoIICfqUpErNyrP3FNMWySozvyoaUTTij56jY/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-16.png" width="640" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><span style="color: #274e13;"><span style="color: black;">В базе нажимаем на пока еще пустующую вкладку D, а в открывшемся окошке находим наш файлик и выбираем его. Жмем ОК и о, чудо! Удалось!</span></span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC9H3KQw3PkNcsqtj-Xet3W0oYNG4CuKXCEstwmjP2Mihyphenhyphen9PO9spJu1UV0WKuLzjwvmxlGMzZIkTVxsftRI9j1szuJXwqr1b1qUxMJzr1BbqsAVoD-RwjPa1wPdVDl9VcIzVGVBrpi5eA/s1600/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC9H3KQw3PkNcsqtj-Xet3W0oYNG4CuKXCEstwmjP2Mihyphenhyphen9PO9spJu1UV0WKuLzjwvmxlGMzZIkTVxsftRI9j1szuJXwqr1b1qUxMJzr1BbqsAVoD-RwjPa1wPdVDl9VcIzVGVBrpi5eA/s640/%25D0%2591%25D0%25B5%25D0%25B7+%25D0%25B8%25D0%25BC%25D0%25B5%25D0%25BD%25D0%25B8-17.png" width="640" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><span style="color: #274e13;"><span style="color: black;">Теперь мы можем принять изменения в базе данных и вволю маппить березки. Конечно, предварительно потребуется расставить проходимость, но это отдельный разговор.</span></span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><span style="color: #274e13;"><span style="color: black;">Подводя итог данного гайда, хочется напомнить, что точно так же вы можете изменять содержимое уже имеющихся листов с графикой, убирая из них ненужное и заполняя это место необходимым. Экономьте на весе будущего проекта, не пихайте целиком листы из интернета, если из всего листа вам требуется десяток тайлов. Всегда можно создать собственный набор. Ну и не забывайте, что главное - это размер закидываемого листа, на всякий случай напомнинаю:</span></span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><span style="color: #274e13;"><span style="color: black;">А1 - 768х576</span></span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><span style="color: #274e13;"><span style="color: black;">А2 - 768х576</span></span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><span style="color: #274e13;"><span style="color: black;">А3 - 768х384</span></span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><span style="color: #274e13;"><span style="color: black;">А4 - 768х720</span></span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><span style="color: #274e13;"><span style="color: black;">А5 - 384х768</span></span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><span style="color: #274e13;"><span style="color: black;">А, В, С, D и Е - 768х768</span></span></span></span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: #274e13;"><span style="color: black;"><span style="font-size: small;"><span style="color: #274e13;"><span style="color: black;">Удачи в мейкеризме! </span></span></span></span></span></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/06772266938655584899noreply@blogger.com0tag:blogger.com,1999:blog-3028237117790593844.post-7830768351347992962016-09-28T19:50:00.000+03:002016-09-28T19:50:23.446+03:00<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="bbcode_center" style="text-align: center;">
<h2>
<b><span class="kmsgtext-l">Правила хорошего маппинга </span></b></h2>
<h2>
<b><span style="font-size: small;"><span class="kmsgtext-l">(в RPG Maker и не только)</span></span><span class="kmsgtext-l"><br />
</span></b>
</h2>
</div>
<br />
1. Минимум пустого пространства<br />
2. Избегать прямых маршрутов<br />
3. Умеренность в разнообразии (В, C, D, E)<br />
4. Умеренность в размерах<br />
5. Разнообразие (A)<br />
6. Осторожность с симметрией<br />
7. Логическое обоснование<br />
8. Цветовая сочетаемость<br />
9. Композиционные построения<br />
10. Игровая условность<br />
<br />
<br />
<b>1. Минимум пустого пространства</b><br />
<br />
Договоримся считать пустым пространством область на карте, заполненную
только тайлом «первичного пола» (земля, низкая трава, пол, вода и т.д.).<br />
<br />
Рекомендованные ограничения по размерам областей(в тайлах):<br />
2х2 – допускается<br />
3х3 – не желательно<br />
4х4 – крайне не желательно<br />
5х5 и более – грубая ошибка<br />
<br />
<i>Пояснение</i>: пустые пространства, это враг хорошего маппинга.
Запомните это на всю жизнь и не пытайтесь опровергнуть. Даже если вам
нужна площадь размером 10х10, что бы выстроить на ней военный отрад
перед парадом, всегда можно наложить на «первичный пол» трещины,
элементы мусора, камушки, пыль, лужи и т.д. Убивайте пустое пространство
на ваших картах всеми доступными средствами.<br />
<br />
<i>Совет</i>: Чем более однотонный вид имеет ваш «первичный пол», тем
более пустой кажется карта. Старайтесь использовать более неровные или
«рябые» виды пола – это создает ощущение заполненности.<br />
<br />
<i>Пример: 1</i> <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCkVilBeoJjqnePEjsyTYpg55DGML1wQ47e8stCXr9ztAnNOEFOVsO30LvixnlwvYSHShz5saanfvcQnLncftwLKyfb4ntxzYu6lgDKlfvXeOyHJQJbZhvyCFRorKwZXDMd1BAhTNhDLw/s1600/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="489" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCkVilBeoJjqnePEjsyTYpg55DGML1wQ47e8stCXr9ztAnNOEFOVsO30LvixnlwvYSHShz5saanfvcQnLncftwLKyfb4ntxzYu6lgDKlfvXeOyHJQJbZhvyCFRorKwZXDMd1BAhTNhDLw/s640/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B01.png" width="640" /></a></div>
<span id="goog_556098466"></span><span id="goog_556098467"></span><br />
На скриншоте выше показан пример лесной карты с количеством пустого пространства близким к разумному. Эта карта не идеальна, так как в ней использованы ресурсы, исключительно из базового набора графики RPG Make MV, однако на ней я постарался создать эффект наполненности, при помощи тайлов вкладки А. Пришлось немного схитрить и изменить цвет тайла темно-зеленого пятна, зато в результате я получил возможность сглаживать прямые углы у тропинки.<br />
<br />
<b>2. Избегать прямых маршрутов</b><br />
<br />
Каждая карта в каждой игре, это просто область, через которую игрок
должен пройти из пункта А в пункт Б. Под пунктом А обычно понимается
точка входа, а пункт Б, это конечная цель – точка перехода, НПС,
квестовый предмет или босс и т.д. Опционально на карте могут
присутствовать точки C, D, E и так далее – под ними имеются в виду
тайники, секреты, дополнительные переходы, сторонние НПС и тому подобные
необязательные вещи.<br />
Соответственно, любую карту можно условно расчертить на маршруты между
указанными точками. Ваша основная задача сделать так, что бы эти
маршруты, не являлись прямыми линиями и имели как можно меньше прямых
(90 градусов) углов. Это вторая аксиома, спорить с которой не имеет
смысла.<br />
<br />
<i>Пояснение</i>: Прямой маршрут позволяет игроку тупо пробежать до
цели. Это создает ощущение пустоты. Кроме того, квадратно-гнездовой
маппинг убог практически во всех случаях.<br />
<br />
<i>Совет</i>: не забывайте, что ограничивать игрока можно не только
графическими препятствиями, но и ивентовыми условиями. К примеру, герой
должен выйти из дома. Из своей комнаты он может это сделать коротким и
прямым путем, но для выхода ему нужны ключи, которые лежат на кухне,
таким образом маршрут усложняется, особенно если дать возможность эти
ключи поискать (мы все хоть раз в жизни ключи искали…).<br />
<br />
<i>Пример: 2</i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAIlqtKNZAvWZ4Q0DaQUatfW16CegnnetOxn_GUNkeyu2sMGza0BkZjUPDo5cnbQulz1J6fpO2CTAWrxA4u7YFQJpLffRzwP_-UeTrcshU_Ud12aHPrBb5b2uSRCwVkbHureOnH0eY6Mg/s1600/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B01_a.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="490" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAIlqtKNZAvWZ4Q0DaQUatfW16CegnnetOxn_GUNkeyu2sMGza0BkZjUPDo5cnbQulz1J6fpO2CTAWrxA4u7YFQJpLffRzwP_-UeTrcshU_Ud12aHPrBb5b2uSRCwVkbHureOnH0eY6Mg/s640/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B01_a.png" width="640" /></a></div>
<br />
На примере той же карты, разберем маршруты. Красным цветом отмечен основной и желтым - дополнительные. Как видите, установив на пути игрока некоторые препятствия я добился того, что ему придется совершить больше движений для прохода к каждой из точек. Кроме того, что такой вид маршрутов увеличивает время пребывания игрока на карте, его еще используют совместно с системой рандомных столкновений с противниками.<br />
<br />
<b>3. Умеренность в разнообразии (В, C, D, E)</b><br />
<br />
Старайтесь во всем соблюдать спокойную сдержанность. Человеческий глаз
(а может и мозг) не способен воспринимать большое количество мелких
деталей сразу. Частенько встречаются карты от старательных новичков,
которые так усердно борются с пустым пространством, что карта их
начинает походить на помойку из тайлов.<br />
<br />
Формула примерного количества тайлов вкладок В, С, D, E (каждый элемент
считается за единицу вне зависимости, от размера, одинаковые элементы не
считаются, анимированные элементы не считаются) на карту:<br />
Для интерьеров: h*w/3<br />
Для лесов и садов: h*w/4<br />
Где: h – высота карты в тайлах<br />
W – ширина карты в тайлах<br />
Результат округляем в большую сторону. Допускается отхождение от результата на 20% в обе стороны, если это небходимо.<br />
<br />
<i>Пояснение</i>: допустим есть карта размером 10х10, т.е площадью 100
тайлов, и оптимальным количеством - 25. Кто-то скажет, что этого
недостаточно, однако не забывайте, что всегда можно наложить некоторые
тайлы один на другой с помощью слоев (МВ) или ивентов – так образом при
тех же условиях мы получим дополнительное разнообразие. Это убережет вас
от чрезмерной детализации, которую игрок не оценит просто в силу того,
что во время игры не всегда бывает время на разглядывание (данное
утверждение не относится к выкладываемым скринам – их обычно оценивают
пристально и пристрастно). Кроме того, перегрузка карт деталями –
занятие трудоемное, а большинство из нас работают в одиночку и время –
самый ценный ресурс.<br />
<br />
<i>Совет</i>: используйте больше анимированных элементов. Движение – это жизнь.<br />
<br />
<i>Пример: 3</i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1-I6mVnvLOCSpZZBk9dF-NEN0flCq_1OMUInm1USBii5CstKNUGvnvI-SkidPunSyAjwORpFq1VlGgYvL8sy60oEM7w1NtEWQwZIzUIId8XzE9QGT1qiNGRepwcTEBiO5N1ZsfmfIQrY/s1600/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B01_b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="490" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1-I6mVnvLOCSpZZBk9dF-NEN0flCq_1OMUInm1USBii5CstKNUGvnvI-SkidPunSyAjwORpFq1VlGgYvL8sy60oEM7w1NtEWQwZIzUIId8XzE9QGT1qiNGRepwcTEBiO5N1ZsfmfIQrY/s640/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B01_b.png" width="640" /></a></div>
<br />
Итак, перед нами все та же карта. Размер ее 17х13, т.е. согласно формуле оптимальное число тайлов вкладок B, C, D, E ~ 45-67 штук. Я уложился в 31, но можно было смело поставить еще цветочков, а так же не полениться и раскидать листья разных форм и комбинаций. Просто, всего этого в РТП мейкера мало, а рисовать ради простого примера я откровенно поленился. Но задача была - показать, что сравнительно небольшого количества тайлов достаточно для того, что создать приличную карту. <br />
<br />
<b>4. Умеренность в размерах</b><br />
<br />
Помните о том, что гигантизм – это второй по значимости минус, после
пустоты, а так же о том, что единственная настоящая цель карты –
прохождение ее игроком по определенным маршрутам (смотри п.2).<br />
Каких-либо конкретных формул тут предложить не могу, главное помните,
что каждый шаг персонажа, это примерно 1 метр. Т.е. 1 тайл~1м^2. Исходя
из этого, прикидывайте площади ваших карт.<br />
<br />
<i>Пояснение</i>: вышесказанное идеально работает с помещениями и
убережет вас от создания комнат размером с футбольное поле. Разумеется,
допускается определенное расхождение с реальностью, но об этом чуть
ниже. Для уличных карт, однако, этот принцип тоже справедлив, главное
помнить про маршруты.<br />
<br />
<i>Совет</i>: создавайте карту на свой вкус, а потом старайтесь
максимально ее сжать, убирая пустые пространства и повторяющиеся
элементы. Через какое-то время вы научитесь создавать карты сходу, без
последующей обрезки.<br />
<br />
<i>Пример: 4</i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi26iLs_meDBQugr5RuDWo1xD6p-dgBfhSlP5hGbYVgYxgY-ekiTztCi4vvl2NXXIIrBB8Om6TOETfspn6fbgX5EUCfN81yJbVwhWvHSu-2HHiLyg7_9AVdbPJpD4uk9Qonp5Q5jo3MG3g/s1600/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B02_a.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi26iLs_meDBQugr5RuDWo1xD6p-dgBfhSlP5hGbYVgYxgY-ekiTztCi4vvl2NXXIIrBB8Om6TOETfspn6fbgX5EUCfN81yJbVwhWvHSu-2HHiLyg7_9AVdbPJpD4uk9Qonp5Q5jo3MG3g/s1600/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B02_a.png" /></a></div>
<br />
На примере мы видим карту небольшой комнатки. Она и так достаточно скромных размеров (8х8), однако и на ней можно найти область, которую можно порезать без особых потерь. Область я выделил синим цветом. Попробуем это сделать и посмотрим на результат:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO7mbYE7OM1hqj9h8HwRAyFyop1R70apLgS2yg2vG2G_N02rYvArSSLdO8r1AaMwQwD5yKEvIesWPgwBytTudYLGZNXPOMYu7xJdTQtr8QTwxXjQ2-xLwSIZVLOqYop_KJVzUCzhIXXzA/s1600/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B02_b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO7mbYE7OM1hqj9h8HwRAyFyop1R70apLgS2yg2vG2G_N02rYvArSSLdO8r1AaMwQwD5yKEvIesWPgwBytTudYLGZNXPOMYu7xJdTQtr8QTwxXjQ2-xLwSIZVLOqYop_KJVzUCzhIXXzA/s1600/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B02_b.png" /></a></div>
<br />
Согласитесь, хуже не стало, проходимость карты не изменилась, а значит, мы все сделали правильно.<br />
<br />
<b>5. Разнообразие (A)</b><br />
<br />
Вкладка А – основа вашего маппинга. Не следует, однако, считать ее
просто холстом для будущей работы, так как грамотное использование
различных стен и полов повышает ощущение заполненности и разнообразия,
но не захламляет общий вид. Здесь тоже нет определенных формул, лишь
только рекомендации.<br />
<br />
Для интерьеров:<br />
Ковер лучше не раскатывать на всю площадь пола, а расположить с отступом<br />
Трещины, потертости и пятна всегда создадут ощущение обжитости
помещения, особенно если расположить их в логичных местах (об этом ниже)<br />
Стена не обязана состоять из одинакового тайла. В разных комнатах могут
быть разные обои, иногда нижнюю треть обшивают деревом, а вторую плиткой
(фартук на кухне). Расположить тайлы вам поможет клавиша Shift.<br />
Пол может состоять из разных материалов, в помещении может быть подиум из другого дерева<br />
<br />
Для уличных карт:<br />
Высокая трава – наше все. Обязательно покрывайте поверхность зеленой «земли» слоем травы. Старайтесь делать неровный край.<br />
Используйте разные заборчики – не зря же они там лежат<br />
Дома могут быть из разных материалов, часто бывает первый этаж из камня, а второй из кирпича, либо дерева.<br />
Неровная земля, различные склоны и лесенки зрительно улучшают карту<br />
<br />
<i>Совет</i> – дома не обязаны быть квадратными или прямоугольными, а у стен бывают выступы.<br />
<br />
<i>Пример: 5</i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGqvrJeUDAiPdDQfa1N3w-fydkyrhdhELexcuD1PCMWiY3jBCqEgSkfdIuZVsNC-5rI9mj-t0dO20wKhG4pHFT67ZFI9RocwJKln4sMQg3HVR_C1-yUsOWfVFgO6cxFWoUB52H6RMklUI/s1600/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B02_b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGqvrJeUDAiPdDQfa1N3w-fydkyrhdhELexcuD1PCMWiY3jBCqEgSkfdIuZVsNC-5rI9mj-t0dO20wKhG4pHFT67ZFI9RocwJKln4sMQg3HVR_C1-yUsOWfVFgO6cxFWoUB52H6RMklUI/s1600/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B02_b.png" /></a></div>
<br />
Вернемся к нашей комнатке. Какие ошибки мы видим тут? Во-первых, ковер геометрически делит ее на две половины, что не есть хорошо - в глаза слишком бросается. Во-вторых, отсутствуют элементы изношенности, о которых я обещал рассказать. В третьих, ковер прилегает вплотную к стене. Давайте все это исправим и посмотрим на результат:<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcZetcU2qD2_CAty4eScDY0lka6rKwfA8V8U9iT1oXLoeNEZ_zPbZwOGSAilPtFYRfHQxuj2DNXOU3uDKcLF75rTeEmdldEmoxlz5BmS48bXOt1-QWCy7VBbU2HaZVyAzwp7ZKvmoTMss/s1600/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B02_d.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcZetcU2qD2_CAty4eScDY0lka6rKwfA8V8U9iT1oXLoeNEZ_zPbZwOGSAilPtFYRfHQxuj2DNXOU3uDKcLF75rTeEmdldEmoxlz5BmS48bXOt1-QWCy7VBbU2HaZVyAzwp7ZKvmoTMss/s1600/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B02_d.png" /></a></div>
<i></i><br />
<br />
Как видите, я добавил повреждения в пол (пришлось для этого заменить доску на паркет, так как дыры в досках мне не понравились), небольшую трещину на стену сверху, мышиную норку внизу и темное пятно на ковер, который поместил в центр. В чем логика маппинга подобных элементов? Дело в том, что повреждения пола обычно возникают там, где по нему чаще всего ходят. В нашем случае, это вход, место возле шкафа и возле кровати. Банально, зато всегда обосновано. Трещины в стенах чаще идут либо в углах, либо ближе к ним. Особенно это касается деревянных стен, которые вообще-то не имеют привычки давать трещины, но спишем это на игровую условность, о которой будет сказано ниже. Остается отметить пятно в углу ковра - так уж вышло, что этот угол расположен прямо напротив входа. А значит на него часто наступают в грязной обуви, а может быть и вытирают ноги.<b> </b><br />
<br />
<b>6. Осторожность с симметрией</b><br />
<br />
Симметрия – враг художника. Утверждение выглядит спорным, но в целом оно
верное. Суть в том, что повторяющиеся и симметричные элементы невольно
воспринимаются, как что-то общего плана, что не заслуживает внимания.
Симметрия нормально подходит для маппинга границ лесной полянки, когда
основная масса деревьев делается одним тайлом, а ближе к центру уже
отдельными деревьями и элементами.<br />
В помещениях симметрия допускается в большей степени, однако старайтесь
всегда добавлять тайлик-другой для индивидуальности каждой части
комнаты.<br />
<br />
<i>Пояснение</i>: Тут можно спорить, говорить о том, что в природе
симметрии довольно много, однако несимметричные карты выглядят
значительно интереснее. Но, конечно, местами это вполне допускается,
особенно там, где специально требуется по сюжету/сеттингу.<br />
<br />
<i>Совет</i>: с симметрией лучше всего бороться мелкими элементами, главное не переборщить, но об этом мы уже говорили.<br />
<br />
<i>Пример: 6</i><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<i><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0hWrtacYKWPqi9dpVBRuP0QBsMO6cqnWD5sJfuSvYdLZKV1mubl75TKxSlSZWk-y_pIn0zpaiiYkHjoly2WHfjR2UWQFOet9JcGsJThC2c0_H7a6zyApZGSJmlK-YTLhpNb__YWJ1_yc/s1600/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B03_b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0hWrtacYKWPqi9dpVBRuP0QBsMO6cqnWD5sJfuSvYdLZKV1mubl75TKxSlSZWk-y_pIn0zpaiiYkHjoly2WHfjR2UWQFOet9JcGsJThC2c0_H7a6zyApZGSJmlK-YTLhpNb__YWJ1_yc/s640/%25D0%259A%25D0%25B0%25D1%2580%25D1%2582%25D0%25B03_b.png" width="560" /></a></i></div>
<i> </i><br />
<br />
Вполне симметричная карта, которая таковой и должна быть по архитектурным соображениям. Красным я обвел отличающиеся детали. как мы видим, эти детали сходы по сути, но разные по виду. В обоих частях карты есть цветы, но не везде они совпадают, ведро с бумагами - слева полное, справа пустое и стоит немного иначе, картины на стенах одинакового размера, но разного содержания, табличка в правой части, которой нет в левой, ну и наконец нижние углы имеют различное предназначение и расстановку мебели. Это и есть разумный подход - разбавляем симметрию, не нарушая концепции. Даже рукотворные объекты делаются и используются людьми, а значит могу иметь неточности.<br />
<br />
<b>7. Логическое обоснование</b><br />
<br />
Изучайте вашу карту. Если это лес, то неплохо будет вспомнить, что цветы
редко растут в тени больших деревьев, а вот грибы, наоборот. Если это
комната персонажа, то мебель в ней расставлена так, как удобнее ею
пользоваться. Если это город, то он строится не за один присест, а в
течении нескольких веков. Старинные города имели узкие улочки заваленные
хламом до крыш, а более современные наоборот, имеют зеленые зоны и
места для отдыха.<br />
<br />
<i>Пояснение</i>: тут все просто и сложно одновременно. Просто потому,
что напрашивается, а сложно потому, что частенько приходится учить
матчасть. Однако, это очень важно.<br />
<br />
<i>Совет</i>: старайтесь делать игры по тем сеттингам которые знаете хорошо, либо по тем, которых не знает никто.<br />
<br />
<br />
<b>8. Цветовая сочетаемость</b><br />
<br />
Хорошие сочетания<br />
Синий(голубой) – белый, черный, желтый<br />
Красный(коричневый) – желтый, оранжевый, черный, белый<br />
Зеленый – желтый, голубой, оранжевый<br />
Желтый – красный, оранжевый, красный<br />
Серый – любые неяркие цвета<br />
<br />
<i>Пояснение</i>: На каждой карте обычно присутствует доминирующий цвет.
Как правило, это один из основных, указанных выше. Например, лучше
всего избегать использования красных элементов в зеленом лесу – они
будут привлекать внимание, как яркая лампочка. Конечно, эту их
особенность можно использовать и в корыстных целях, тогда это будет
оправдано.<br />
<br />
<i>Совет</i>: по возможности оперируйте оттенками, однако следует
помнить, что оттенки должны быть либо теплыми, либо холодными. Сочетать
не рекомендуется.<br />
<br />
<br />
<b>9. Композиционные построения</b>.<br />
<br />
Работает, как и в живописи (желающие идут курить мануалы для
художников). Т.е. Привлекающие взгляд, важные элементы должны
геометрически располагаться в центре сцены, либо ближе к нему.<br />
Пояснение: если на вашей карте есть яркий, заметный или иным образом
привлекающий внимание элемент и он находится не в предполагаемом центре
экрана, то это должно быть оправдано. Например, тем, что игрок должен
подойти к этому элементу, и элемент в этом центре окажется. Нельзя
располагать отвлекающие внимание детали на краях.<br />
<br />
<i>Совет</i>: старайтесь не злоупотреблять большими картами, тогда вам будет проще выстраивать композицию сцены.<br />
<br />
<br />
<b>10. Игровая условность.</b><br />
<br />
Вы делаете в первую очередь игру. Даже если это симулятор колхоза имени
пятидесятилетия СССР – это в первую очередь игра. Смело жертвуйте
экономическими или рациональными тонкостями, если они не влияют на
геймплей или сюжет. Государство может состоять из одного города. Деревня
может состоять из пяти домов. В многоэтажном доме может быть доступен
один этаж. Это не страшно. Гораздо хуже будет, если у вас будет 9 этажей
пустых квартир никак не задействованных в геймплее – игрок устанет все
это исследовать и просто забьет на большую часть.<br />
<br />
<b>Пояснение</b>: на этой теме немало копий сломано, однако практика
показывает, что большие пространства для свободного гуляния радуют лишь
несколько часов, а потом начинают напрягать. Делая игру, вы делаете
развлечение. Либо рассказываете историю. И поверьте, игрок простит вам
любые условности, если будет увлекательный геймплей или сюжет. Главное,
что бы все выглядело красиво и не нарушало пункты из списка выше.<br />
<br />
<i>Совет</i>: больше играйте в игры выбранного жанра и присматривайтесь к тому, как там используются игровые условности. </div>
Anonymoushttp://www.blogger.com/profile/06772266938655584899noreply@blogger.com3