rublox/studio
2
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 1 Wiki Activity

docs(studio): вики статья guide-loadingscreen + карточка #66 (задача 05, восстановление)

Browse Source 
Восстановлена полная ветка работ (задачи 16/17/20/40/44 + UX) из c8a9618 +
применена задача 05 (Ken Burns экран загрузки). Карточки g5: skybox/leaderstats/
floaters/inventory/loadingscreen. Ошибки 'items.define/autoMobFloaters/setSkybox
is not a function' были из-за работы на служебной CI-ветке без задач 40/44.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
min 2026-06-07 20:02:57 +03:00
parent c31b1ed3d6
commit cb41ea0062
1 changed files with 69 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
src/community/docsLessons.jsx
View File

@ -8950,6 +8950,75 @@ game.self.onInteract(() => {
),
},
'guide-loadingscreen': {
body: (
<>
<h3 className="lessonH">Что получится</h3>
<p>
<b>Красивый экран загрузки игры</b> — то, что видит игрок при входе
в игру (после клика «Играть»), пока грузится сцена. Композиция как в
Roblox: размытый фон с медленным движением (<b>Ken Burns</b>),
<b> карточка-витрина</b> по центру, крупное <b>название места</b> и
<b> автор с verified-галочкой</b>, прогресс-бар и спиннер. Когда сцена
загрузилась — экран плавно исчезает.
</p>
<Shot src="guide-loadingscreen-scene.png" wide
caption="Экран загрузки игры: размытый Ken-Burns фон, карточка-витрина, «Открыть фабрику», автор с verified-галочкой, прогресс и спиннер." />
<h3 className="lessonH">Шаг 1. Настроить в свойствах проекта</h3>
<p>
Без кода: <b>Настройки игры → вкладка «Стартовый экран входа (Ken Burns)»</b>.
Задай фон (размытое изображение игры), карточку, название места, имя
автора, галочку verified, стиль анимации и длительность. Этот экран
автоматически покажется игроку при заходе.
</p>
<ul>
<li><b>Фон</b> — размытое изображение игры (или её обложка);</li>
<li><b>Карточка</b> — витрина по центру (необязательно);</li>
<li><b>Название места</b> + <b>автор</b> + <b>verified</b>;</li>
<li><b>Стиль:</b> Ken Burns / статичный / параллакс / частицы;</li>
<li><b>Длительность</b> и <b>прогресс-бар</b>.</li>
</ul>
<p>
Если ничего не задано — экран всё равно красивый: берёт обложку,
название и автора игры автоматически.
</p>
<h3 className="lessonH">Шаг 2. Переходы между мирами из скрипта</h3>
<p>Для смены главы/мира вызывай экран вручную:</p>
<ScriptKind kind="global" />
<Code>{`game.loading.show({
style: 'particles',
placeName: 'Алмазная глава',
studioName: 'Виктория — Майнкрафтия',
verified: true,
duration: 2,
});
game.after(0.6, () => {
game.environment.setTimeOfDay(0); // меняем мир «за кулисами»
game.environment.setSkyColor('#0a1024');
});
game.loading.onHide(() => {
game.ui.set('hi', 'Добро пожаловать!', { x:50, y:6, anchor:'top' });
});`}</Code>
<Note>
Стили: <b>Ken Burns</b> — медленный pan+zoom фона (классика Roblox);
<b> параллакс</b> — фон смещается за мышью; <b>частицы</b> — летящие
искры; <b>статичный</b> — без анимации. Verified-галочка — синий кружок
с белым чеком рядом с автором.
</Note>
<Try>
Открой настройки игры → «Стартовый экран», впиши название места и автора,
выбери стиль «Частицы» — запусти игру и посмотри, как экран загрузки
встречает игрока.
</Try>
</>
),
},
};
/** Есть ли готовый текст урока для игры с таким id. */