Skip to content

Commit

Permalink
tutorials fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@Andcool-Systems
Andcool-Systems committed Jan 6, 2025
1 parent 603cfdc commit 8837910
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 34 deletions.
28 changes: 3 additions & 25 deletions src/app/tutorials/bandage/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ export default function Home() {
<p>Обновленный метод загрузки повязок значительно удобнее предыдущего и автоматизирует процесс загрузки повязки с развертки скина.</p>

<h2>Создание повязки</h2>
<p>Для создания повязки можно использовать любые редакторы скинов, такие как Blockbench. Чтобы сайт корректно распознал повязку, её следует размещать на левой руке с широкой (или узкой) моделью.</p>
<p>Для создания повязки можно использовать любые редакторы скинов, например Blockbench. Чтобы сайт корректно распознал повязку, её следует размещать на левой руке с широкой (или узкой) моделью.</p>

<InfoCard color="#D29922" title={
<div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center', gap: '.5rem' }}>
Expand All @@ -39,26 +39,6 @@ export default function Home() {
<p style={{ margin: 0 }}>Так как движок автоматически определяет высоту повязки, на руке с повязкой не должно быть лишних непрозрачных пикселей. Они могут помешать точному определению высоты.</p>
</InfoCard>

<h2>Как это работает?</h2>
<ol>
<li>
<h4 style={{ marginBottom: '.5rem' }}>Определение границ высоты</h4>
<ul>
<li>Сайт анализирует пиксели на руке сверху вниз, проверяя их на прозрачность.</li>
<li>Как только найден первый непрозрачный пиксель, его позиция фиксируется как начальная высота повязки.</li>
<li>Затем алгоритм движется снизу вверх. Первый непрозрачный пиксель снизу фиксируется как конечная высота повязки.</li>
</ul>
</li>
<li>
<h4 style={{ marginBottom: '.5rem' }}>Вычисление высоты</h4>
<p style={{ margin: 0 }}>Разница между конечной и начальной высотами определяет высоту повязки.</p>
</li>
<li>
<h4 style={{ marginBottom: '.5rem' }}>Обработка повязки</h4>
<p style={{ margin: 0 }}>Найденный диапазон преобразуется в формат, понятный сайту.</p>
</li>
</ol>

<h2>Особенности для разных типов рук</h2>
<p>Загружая развертки скинов на сайт нужно учитывать, что для каждого типа рук повязки должна быть развертка соответствующего типа.</p>

Expand Down Expand Up @@ -87,13 +67,11 @@ export default function Home() {
</li>
<li>
<h4 style={{ marginBottom: '.5rem' }}>Адаптация под выбранную часть тела, тип рук:</h4>
<p style={{ margin: 0 }}>Если выбран узкий тип скина, то движок повязок обрезает повязку слева и справа по одному пикселю. Учитывайте это при создании повязки!<br />
Подробно рассказывать об адаптации повязки под правую руку и ногу не имеет смысла, нужно лишь знать то, что повязка будет выглядеть одинаково на левой и правой руке,
единственное изменение, которая она претерпит – это &quot;поворот&quot; на 180° вокруг оси руки без отражения.</p>
<p style={{ margin: 0 }}>Если выбран узкий тип скина, то движок повязок обрезает повязку слева и справа по одному пикселю. Учитывайте это при создании повязки!<br /></p>
</li>
<li>
<h4 style={{ marginBottom: '.5rem' }}>Окрашивание повязки в заданный цвет.</h4>
<p style={{ margin: 0 }}>Об этом подробнее в <CustomLink href='/tutorials/colorable'>/tutorials/colorable</CustomLink>.</p>
<p style={{ margin: 0 }}>Об этом подробнее <CustomLink href='/tutorials/colorable'>здесь</CustomLink>.</p>
</li>
<li>
<h4 style={{ marginBottom: '.5rem' }}>Финальное наложение на скин.</h4>
Expand Down
11 changes: 2 additions & 9 deletions src/app/tutorials/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,13 +44,6 @@ export default function Home() {
<h2>Интеграции</h2>
<p>Сайт позволяет искать скины через встроенную базу Minecraft ников, которые постоянно пополняются автоматически при поиске нового никнейма. Вы можете привязать свой Minecraft аккаунт к учётной записи PPLBandage через сервис <CustomLink href="https://mc-oauth.andcool.ru">mc-oauth</CustomLink>.
Для привязки вам нужно зайти на Minecraft сервер <u>oauth.pplbandage.ru</u> для версии начиная с 1.8 и получить там 6-значный код, который нужно будет ввести на странице <CustomLink href='/me/settings'>настроек</CustomLink>.</p>
<InfoCard color="#3FB950" title={
<div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center', gap: '.5rem' }}>
<IconBulb width={24} height={24} />
<p style={{ margin: 0 }}>Заметка</p>
</div>}>
<p style={{ margin: 0 }}>Сервис <span style={{ color: "rgba(12, 247, 215)" }}>mc-oauth</span> был разработан специально для этого сайта. Он полностью повторяет систему авторизации оригинальных серверов Minecraft и получает доступ только к никнейму и UUID.</p>
</InfoCard>
<p>После привязки Minecraft аккаунта к аккаунту PPLBandage, вы сможете обновлять кэш скинов когда угодно, включать/выключать отображение вашего ника в поиске скинов, а так же включить автоматическую загрузку скина в редакторе.</p>

<h2>Публикация повязок</h2>
Expand All @@ -59,7 +52,7 @@ export default function Home() {
<IconBulb width={24} height={24} />
<p style={{ margin: 0 }}>Заметка</p>
</div>}>
<p style={{ margin: 0 }}>Подробнее о создании повязок читайте на странице <CustomLink href='/tutorials/bandage'>/tutorials/bandage</CustomLink>.</p>
<p style={{ margin: 0 }}>Подробнее о создании повязок читайте на странице <CustomLink href='/tutorials/bandage'>туториала</CustomLink>.</p>
</InfoCard>
<p>Публикация повязок доступна только зарегистрированным пользователям.<br />
Все повязки имеют информацию, содержащую название, описание и категории.</p>
Expand Down Expand Up @@ -106,7 +99,7 @@ export default function Home() {
<p style={{ margin: 0 }}>Злоупотребление категориями может привести к блокировке повязки.</p>
</InfoCard>

<span style={{ display: 'block', marginTop: '.5rem', marginBottom: '.5rem' }}>Некоторые категории несут больше чем информативный характер. Например, категория <Link href='/workshop/create#colorable'><CategoryEl style={{ display: 'inline-flex', height: '1rem', verticalAlign: 'top' }} category={{
<span style={{ display: 'block', marginTop: '.5rem', marginBottom: '.5rem' }}>Некоторые категории несут больше, чем информативный характер. Например, категория <Link href='/workshop/create#colorable'><CategoryEl style={{ display: 'inline-flex', height: '1rem', verticalAlign: 'top' }} category={{
id: -1,
name: "Окрашиваемые",
icon: 'IconPalette'
Expand Down

0 comments on commit 8837910

Please sign in to comment.