🎮 IT Step by step | GameDev для начинающих 🚀
356 subscribers
66 photos
2 files
31 links
Учись создавать игры, сайты и 3D-модели вместе с весёлой Терри и её приятелем Тимом.
Программирование: Scratch, Roblox, Unity, Frontend
3D в Blender
Компьютерная грамотность
Реальные проекты
Для детей и подростков 6–16 лет

Администратор канала: @E1lena_9
Download Telegram
😳 «О чём это?»: Геймдев-сленг подростков — часть 3! 🎮

Рада видеть вас снова в нашем весёлом путешествии по миру геймдева! В прошлых постах (часть1, часть 2) мы разобрали много важных слов, а сегодня добавим ещё порцию полезных терминов, чтобы вы могли легко поддержать разговор с юным разработчиком и даже немного удивить его знаниями.

🌟 Рендер (Render)
Это процесс «рисования» картинки игры на экране. Представьте, что игра — это картина, а рендер — художник, который её создаёт в реальном времени.
«Сегодня я оптимизировал рендер, и теперь игра выглядит круче и работает быстрее!»
🌟 Шейдер (Shader)
Специальная программа, которая отвечает за свет, тени и эффекты в игре. Благодаря шейдерам персонажи и мир выглядят живыми и красивыми.
«Добавил новый шейдер — теперь вода блестит как настоящая!»
🌟 Анимация (Animation)
Движение персонажей и объектов в игре. Без анимации всё было бы как в комиксе — статично и скучно.
«Работаю над анимацией прыжка героя — теперь он прыгает плавно.»
🌟 Оптимизация (Optimization)
Процесс улучшения игры, чтобы она работала быстрее и не тормозила. Это как убрать лишние вещи из рюкзака, чтобы идти было легче.
«Оптимизировал уровни — теперь игра не лагает даже на старом компьютере.»
🌟 Скрипт (Script)
Набор команд, который заставляет игру «думать» и реагировать на действия игрока. Можно сказать, что скрипты — мозги игры.
«Написал скрипт, чтобы враги появлялись неожиданно — теперь играть интереснее!»
🌟 Механика (Mechanics)
Правила и способы взаимодействия в игре — например, как герой прыгает, стреляет или собирает предметы.
«Новая механика с двойным прыжком делает игру ещё увлекательнее.»
🌟 Текстуры (Textures)
Поверхности объектов в игре — как обои на стенах или ткань на одежде. Они делают мир ярче и реалистичнее.
«Заменил текстуры на более детализированные — теперь лес выглядит живым.»
🌟 Бэклог (Backlog)
Список задач и идей, которые ещё нужно сделать. Можно представить как «список желаний» разработчика.
«В бэклоге много идей, но сначала нужно закончить текущий уровень.»
🌟 Инди (Indie)
Игры, которые делают маленькие команды или даже один человек — без больших студий. Часто очень креативные и необычные.
«Мой друг делает инди-игру про приключения кота!»
🌟 Порт (Port)
Перенос игры с одной платформы на другую — например, с компьютера на телефон.
«Сейчас занимаюсь портом игры на мобильный — скоро можно будет играть везде!»

Итог
Теперь у вас в запасе ещё больше слов из мира геймдева! Если подросток скажет: «Я сегодня работал над шейдерами и оптимизацией, а потом обновил бэклог», — вы точно будете знать, что происходит.

Если хотите продолжить изучать геймдев-сленг — пишите в комментариях, и я обязательно сделаю ещё один пост! 😉

#Глоссарий
👍12🔥127👨‍💻7👏3
⌨️ Горячие клавиши в Roblox Studio: как ускорить работу и не устать
Представь, что ты печёшь блинчики.
Вместо того чтобы каждый раз мыть сковородку, ты находишь лайфхак: один щелчок — и готовый блинчик уже в тарелке.

Так вот, в Roblox Studio тоже есть такие "щелчки" — горячие клавиши , которые делают рутину в 10 раз быстрее и вообще добавляют кайфа от процесса 🎮Давай познакомимся с ними

🔹 Ctrl + C / Ctrl + V — как копировать идеи у одноклассника (но легально!)
Представь, что тебе нужно сделать 5 одинаковых деревьев.
Можно каждое строить заново... или скопировать одно и быстро расставить остальные.
Ctrl + C — копирует объект.
Ctrl + V — вставляет его.
Просто выбери объект в Explorer → нажми сочетание → и получи копию.

Как сделать копию вкусного бургера, а не собирать его снова с нуля 🍔

🔹 F — фокус на объекте. Как увеличить фото на телефоне одним касанием
Представь, что ты потерял игрушку в большой коробке.
Вместо того чтобы вываливать всё на пол, ты просто берёшь её и увеличиваешь, чтобы рассмотреть получше.

F — камера мгновенно фокусируется на выбранном объекте.
Выбери объект в Explorer → Нажми F → И смотришь прямо на него.

Как приблизить важную деталь — быстро и удобно 👀

🔹 Ctrl + G — группировка объектов. Как сложить игрушки в коробку
Представь, что ты собираешь игрушки после игры.
Вместо того чтобы переносить их по одной, ты складываешь всё в одну коробку и несёшь сразу.

Ctrl + G — объединяет несколько объектов в одну model.
Можно двигать, поворачивать, скрывать целиком.

Как положить всё в сумку — аккуратно и удобно 🎒

🔹 Ctrl + Z — отмена. Как стереть ошибку ластиком
Представь, что ты нарисовал что-то не то.
Вместо того чтобы начинать всё сначала, берёшь ластик и стираешь ошибку.

Ctrl + Z — отменяет последнее действие.
Нажал лишнее? Просто отмени — и продолжай работать дальше.

Как стереть каракуль — легко и без следа

🔹 Ctrl + D — дублировать. Как сделать двойник-копию любимого платья
Представь, что у тебя есть классная футболка.
И ты хочешь такую же, но другого цвета.
Проще сделать копию и поменять немного, чем создавать заново.

Ctrl + D — создаёт копию объекта рядом с оригиналом.
Полезно, если хочешь сделать похожий объект, но с другими параметрами.

Делай копию — экономь время и силы 👕

💡 А теперь самое важное:
Эти горячие клавиши — не про "крутость", а про удобство и скорость .
Они помогают меньше уставать, делать больше и вообще получать удовольствие от создания игр.

📌 Что делать дальше?
Если ты только начинаешь — не надо запоминать всё сразу.
Выбери 2–3 сочетания, которые тебе пригодятся сегодня, и начни использовать их.
Через неделю они станут привычкой, как завязывать шнурки.

Хочешь, чтобы я показала это в видео или сделала подробный разбор с этими (и другими) клавишами?
Пиши в комментариях — сделаем! 💬

#Roblox #GameDev
🔥17👍15👨‍💻86👌4💯4
🧱 ТОП-5 ошибок новичков в Roblox Studio и как их не повторять
Представь, что ты собираешь шкаф из магазина.
Сначала думаешь: «Ну что тут сложного?», берёшь отвёртку и начинаешь крутить болты.
А потом обнаруживаешь, что половина деталей не туда прикручена 😅
Так бывает и с Roblox Studio — особенно если ты только начинаешь.
Сегодня расскажу тебе про самые частые ошибки , которые делают новички, и как их легко избежать.

Ошибка №1: Забыть проверить, где находится персонаж
Представь, что ты запускаешь игру, а герой не появляется.
Или появляется, но в подземелье. Или вообще внутри стены.
Что случилось?
Персонаж не может появиться, потому что:
SpawnLocation потерялся,
Он стоит внутри другой модели,
Его кто-то случайно спрятал или удалил.
Как исправить:
Убедись, что в папке Workspace есть объект SpawnLocation.
Проверь, чтобы он не был внутри других объектов.
Можно добавить новый через вкладку Model →Gameplay → SpawnLocation.
Как проверить, положил ли ты игрушку на пол, а не под кровать 🧸

Ошибка №2: Скрипты работают не так, как ожидалось
Пишешь код, всё красиво, логично...
А скрипт молчит, как партизан.
Что случилось?
Скорее всего:
Скрипт находится не там, где должен (например, в Workspace, а не в StarterGui),
Нет нужных объектов в дереве,
Забыл указать LocalScript, если нужно взаимодействовать с игроком.
Как исправить:
Убедись, что скрипт находится в правильном месте.
Проверяй, есть ли нужные объекты в дереве (Player, Humanoid, Part и т.д.).
Если работаешь с интерфейсом — используй LocalScript.
Как выбрать правильное место для хранения ключей — не в кармане, а в рюкзаке 🔑

Ошибка №3: Объекты "проваливаются" сквозь пол или зависают в воздухе
Ставишь платформу, прыгаешь — и проваливаешься.
Или наоборот: стоишь, а под ногами ничего нет.
Что случилось?
CanCollide выключен у объекта.
Объект слишком маленький или невидимый.
Физика ещё не успела "подгрузиться".
Как исправить:
Убедись, что у всех платформ и стен CanCollide = true.
Проверь, правильно ли расставлены размеры объектов.
Добавь небольшую задержку, если объект создаётся программно.
Как проверить, положил ли ты кирпич на кирпич, а не на воздух 🏗

Ошибка №4: Перепутаны LocalScript и Script
Думаешь, почему кнопка не работает.
Смотришь код — всё правильно.
А дело в том, что скрипт просто не может "увидеть" кнопку.
Что случилось?
Script работает на сервере, а GUI находится у игрока.
Если хочешь, чтобы скрипт реагировал на клики по кнопке — нужен LocalScript.
Как исправить:
GUI, камера, мышь — всегда требуют LocalScript.
Всё, что связано с физикой, движением, NPC — можно делать через Script.
Как звонок в домофоне: если он не подключён к твоему телефону — ты его не услышишь 📞

Ошибка №5: Не сохраняешь проект
Работал два часа.
Добавил кучу объектов, написал классный скрипт…
А потом студия закрылась. И всё пропало.
Что случилось?
Не сохранил проект.
Roblox Studio не сохраняет автоматически.
Как исправить:
Сохраняйся часто: File → Save As или Ctrl + Shift + S.
Сохраняй под разными именами — чтобы всегда была "запасная копия".
Как сохранить прогресс в любимой игре перед сложным уровнем 💾

💡 А теперь самое важное:
Эти ошибки — нормально.
Все их делают.
Даже профессионалы иногда забывают, где они оставили SpawnLocation 😄

Главное — не пугайся, когда что-то не работает.
Просто проверь эти пункты — и ты быстро найдёшь проблему.

📌 Что делать дальше?
Если ты только начинаешь — попробуй создать простой проект и проверить эти моменты.
Можно сделать мини-игру: платформер с одной кнопкой и одним прыжком.

Хочешь, чтобы я показала это в видео или сделала чек-лист с этими ошибками?
Пиши в комментариях — сделаем! 💬

#Roblox #GameDev
👍22🔥16👌137💯4👨‍💻3
🚀 Неочевидные, но классные фишки в Unity, которые сделают твою работу проще часть 2

Представь, что ты собираешь сложный пазл. Сначала кажется, что всё просто — бери и ставь кусочки. Но потом находишь секретные приёмы, которые делают сборку в разы быстрее и приятнее. В Unity тоже есть такие «фишки», о которых мало кто знает, но они реально помогают!

Давай разберём несколько таких полезных штук.

🔧 1. Быстрый поиск компонентов через Ctrl + F
Когда у тебя в объекте куча компонентов, и нужно быстро найти нужный (например, Rigidbody или AudioSource), просто выдели объект и нажми Ctrl + F. В появившемся окне начни вводить название компонента — Unity сразу покажет и выделит его. Это экономит время, когда компонентов много и искать вручную неудобно.
🧩 2. Animation Rigging — гибкое управление анимациями
Этот пакет позволяет создавать сложные и реалистичные анимации персонажей без программирования. Например, можно легко сделать, чтобы персонаж смотрел на цель или сгибал руку под нужным углом. Включи Animation Rigging через Package Manager и экспериментируй с контроллерами — это круто расширит возможности твоих анимаций.
📂 3. Addressables — удобное управление ресурсами
Если у тебя много ассетов и ты хочешь загружать их по требованию (чтобы не грузить всё сразу и экономить память), используй Addressables. Это современный способ управлять ресурсами — ты просто помечаешь ассеты, а Unity сама подгружает их, когда нужно. Особенно полезно для больших проектов и мобильных игр.
🖱 4. Быстрый дубликатор объектов с Ctrl + D
Хотел быстро скопировать объект? Выдели его и нажми Ctrl + D — Unity сразу создаст точную копию в том же месте. Можно быстро создавать группы врагов, платформ или элементов окружения без лишних кликов.
📊 5. Profiler в режиме Play Mode — анализ производительности
Чтобы понять, что тормозит игру, включи Profiler во время запуска проекта (Play Mode). Он покажет, сколько ресурсов тратится на рендеринг, скрипты, физику и т.д. Благодаря этому можно быстро находить узкие места и оптимизировать игру.
🛠 6. Custom Editor — свой интерфейс для компонентов
Если ты часто используешь один и тот же скрипт, можно создать для него собственный редактор (Custom Editor). Это позволяет сделать удобные кнопки, слайдеры и поля прямо в инспекторе, чтобы быстрее настраивать параметры без лишних кликов.
💡 Главное, что все эти фишки — про скорость и удобство. Зная их, ты будешь работать в Unity не просто быстрее, а с удовольствием!

📌 Совет новичкам: попробуй одну-две из этих функций в своём проекте — и почувствуешь, как работа становится проще и интереснее.

#GameDev #Unity
👍15🔥139👨‍💻4
А скажите мне пожалуйста, в каком формате вам больше нравятся публикации?
Anonymous Poll
43%
📹 Видео
57%
🖌Длинные, с полным разбором кода, статьи
4%
⁉️Что то другое (а что? Напишите в комментариях)
👍20🤔12🥰11👀5🔥3❤‍🔥1
🐾 Как связать клиентскую и серверную части в Roblox с помощью RemoteEvent?

Привет, друзья! 👋 Сегодня расскажу, как организовать простое и эффективное взаимодействие между клиентом (LocalScript) и сервером (Script) в Roblox с помощью RemoteEvent — одного из самых удобных инструментов для обмена сообщениями без ожидания ответа.

Что такое RemoteEvent?
RemoteEvent — это специальный объект, который позволяет клиенту отправлять сигналы на сервер и наоборот, без ожидания результата (в отличие от RemoteFunction, где связь двусторонняя и нужна синхронизация). Мы можем передавать любые аргументы: числа, строки, таблицы, объекты или ссылки на игрока.

Как это работает на практике?
1. Где создавать RemoteEvent?
Создаём объект RemoteEvent в ReplicatedStorage (это специальное хранилище, доступное и клиенту, и серверу).

-- В Roblox Studio в окне "Explorer" создаём RemoteEvent:
-- ReplicatedStorage -> New Object -> RemoteEvent, назовём, например, "MyRemoteEvent"

2. Клиент — отправляем событие серверу
В LocalScript пишем код, который будет срабатывать при событии (например, нажатии кнопки), и отправлять сигнал на сервер:

local ReplicatedStorage = game:GetService("ReplicatedStorage")
local MyRemoteEvent = ReplicatedStorage:WaitForChild("MyRemoteEvent")
-- Пример: отправляем событие на сервер с аргументом — именем игрока
MyRemoteEvent:FireServer("Привет с клиента!")

3. Сервер — слушаем событие и реагируем
В обычном Script (например, внутри ServerScriptService) подписываемся на событие и обрабатываем данные от клиента:

local ReplicatedStorage = game:GetService("ReplicatedStorage")
local MyRemoteEvent = ReplicatedStorage:WaitForChild("MyRemoteEvent")
MyRemoteEvent.OnServerEvent:Connect(function(player, message)
print("Получено сообщение от игрока "..player.Name..": "..message)
-- Здесь можно добавить логику, например, выдать награду или запустить анимацию
end)

Обратите внимание: первым аргументом в обработчике всегда идёт игрок, который вызвал событие!

Важные моменты:
RemoteEvent — односторонний: клиент уведомляет сервер или сервер уведомляет клиента.
Для обратной связи клиенту от сервера используй: RemoteEvent:FireClient(player, ...) или RemoteEvent:FireAllClients(...).
Клиент всегда должен использовать FireServer, сервер — FireClient или FireAllClients.
Можно передавать несколько аргументов сразу, например: FireServer(arg1, arg2, ...).

Пример простого применения
Как только игрок нажал кнопку "Старт", отправляем сигнал серверу, чтобы начать игру:

-- LocalScript при нажатии кнопки
MyRemoteEvent:FireServer("Старт игры")


-- Script на сервере
MyRemoteEvent.OnServerEvent:Connect(function(player, command)
if command == "Старт игры" then
print(player.Name .. " начал игру!")
-- Запускаем игровую логику для этого игрока
end
end)

🎯 Итог: RemoteEvent — для простой и быстрой связи клиента с сервером в Roblox! Это надёжный способ отправлять сигналы, события и данные без лишних сложностей.

💬 Оставляй вопросы в комментариях, если надо помочь с кодом или сделать разбор конкретной механики!

#Roblox #GameDev #Lua
22🔥18👍17🤯9
🌟 Всем привет! Сегодня расскажу о том, как сделать свой первый сайт. Даже если ты думаешь, что это сложно — я покажу, что на самом деле всё очень легко!
Прямо сейчас ты можешь создать свой собственный сайт, который будет выглядеть круто и работать отлично. И самое главное — ты сможешь показать его всем друзьям и даже родителям!

1. Что такое сайт?

Сайт — это своего рода домик в интернете, где можно хранить информацию, картинки, видео и даже игры.
Например:

Твой сайт может быть портфолио для твоих игр или проектов.
Он может быть блогом, где ты пишешь про свои увлечения (например, Roblox или Blender).
Или это может быть личный сайт, где ты рассказываешь о себе, своих интересах и достижениях.
2. Какие инструменты нужны?
Для создания сайта тебе понадобятся всего три вещи:

HTML (Гипертекстовый язык)
Это основа любого сайта. Представь, что HTML — это план дома: он определяет, где будут стены, окна и двери. Например:
html
<h1>Привет, мир!</h1>

Это напишет большой заголовок "Привет, мир!" на твоём сайте.
CSS (Каскадные таблицы стилей)
CSS — это краски для твоего дома. С его помощью ты можешь изменить цвета, шрифты и расположение элементов. Например:
css
body {
background-color: lightblue;
}

Этот код сделает фон твоего сайта светло-голубым.
JavaScript (Язык программирования)
JavaScript — это электричество для твоего дома. Он делает сайт живым и интерактивным. Например:
javascript
alert("Привет, гость!");

Этот код покажет сообщение "Привет, гость!" каждому, кто заходит на твой сайт.
3. Пример простого сайта
Представь, что ты хочешь сделать сайт с тремя страницами:

Главная страница: Здесь ты расскажешь о себе и своих интересах.
Страница с играми: Тут ты покажешь свои проекты в Roblox или Unity.
Контакты: Здесь люди смогут связаться с тобой.
Твой сайт может выглядеть так:
html
<!DOCTYPE html>
<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
<h1>Привет, это мой первый сайт!</h1>
<p>Здесь я буду писать о своих увлечениях и проектах.</p>
<a href="games.html">Перейти к моим играм</a>
</body>
</html>

Это основной план твоего сайта. Теперь ты можешь добавить краски (CSS) и сделать его более интересным.

4. Где хранить свой сайт?
Чтобы твой сайт был доступен всем, нужно загрузить его в интернет. Для этого используются специальные сервисы, называемые хостингом. Хостинг — это место, где хранится твой домик в интернете. Есть бесплатные варианты, например:

GitHub Pages
Netlify
Vercel
5. Почему это важно?
Создание сайта — это не только весело, но и полезно:

Ты научишься новым навыкам, которые пригодятся в будущем.
Ты сможешь показать свои работы друзьям и родителям.
Это поможет тебе стать увереннее в IT-технологиях.
6. Где учиться?
Если ты хочешь научиться делать сайты, есть бесплатные ресурсы:

Официальный сайт MDN Web Docs — там есть все необходимые материалы.

7. Что дальше?
Если ты уже готов начать, пиши мне "сайт" — я проведу для тебя пробный урок и ты поймёшь что это совсем не сложно. Мы сделаем это вместе, шаг за шагом!

8. Вопросы?
Если что-то непонятно — пиши в комментарии! Я отвечу на все вопросы.

Уже сейчас мои ученики создают классные сайты:

Артём (12 лет): Создал сайт-визитку "Моя любимая игра".
Лена (13 лет): Разработала сайт с мини-игрой "Угадай число".
Максим (14 лет): Написал сайт с обзорами лучших игр Roblox.

Хотите, чтобы ваш ребёнок тоже создал свой первый сайт? Пишите "сайт" — помогу организовать занятия!

#Frontend #HTML #CSS #JavaScript

👉 Главное помнить: Создание сайтов — это просто, интересно и полезно! Если ты хочешь попробовать — пиши мне прямо сейчас!
13👍12🔥12❤‍🔥8🤔4🥰1
🎮 Разбираем игру "Угадай число" на JavaScript
Привет, друзья! 👋
Сегодня будем писать игру — и не просто так, а по кусочкам, как будто собираем пазл.
Называется — "Угадай число".
Ты думаешь: "О, это сложно, там же код!"
А я отвечу: "Нет. Это проще, чем объяснять маме, зачем тебе второй ноутбук." 😄

Представь: ты загадал число от 1 до 100, а компьютер пытается его угадать. Или наоборот — компьютер загадал, а ты угадываешь. Вот мы сделаем второе.

🔢 Что делает игра?
Компьютер загадывает случайное число от 1 до 100.
Ты вводишь своё число.
Он говорит: "Больше!", "Меньше!" или "Угадал! 🎉"
Побеждает тот, кто угадает быстрее.
💻 Вот весь код (не пугайся, сейчас разберём как по кусочкам пиццы):

// 1. Компьютер загадывает число от 1 до 100
let загаданноеЧисло = Math.floor(Math.random() * 100) + 1;
// 2. Спрашиваем игрока
let попытка = parseInt(prompt("Угадай число от 1 до 100!"));
// 3. Пока не угадал — спрашиваем снова
while (попытка !== загаданноеЧисло) {
if (попытка < загаданноеЧисло) {
попытка = parseInt(prompt("Больше! Попробуй ещё:"));
} else {
попытка = parseInt(prompt("Меньше! Попробуй ещё:"));
}
}
// 4. Когда угадал — радуемся!
alert("УГАДАЛ! Это было " + загаданноеЧисло + " 🎉");


🧩 Разбираем по частям
1. let загаданноеЧисло = Math.floor(Math.random() * 100) + 1;
Это как если бы компьютер закрыл глаза и вытащил число из шляпы.

Math.random() — даёт случайное число от 0 до 1 (например, 0.45).
Умножаем на 100 → получаем от 0 до 99.
Math.floor() — отрезает дробную часть (оставляет целое число).
+ 1 — чтобы число было от 1 до 100, а не от 0 до 99.
👉 Готово: загадали число!

2. prompt("Угадай число...")
Это как всплывающее окно в браузере, где игрок вводит своё число.
parseInt() — превращает текст в число. Потому что если ты напишешь "50", компьютер сначала видит это как слово, а не число. Надо сказать: "Это число!"

3. while (попытка !== загаданноеЧисло)
Это цикл — как "пока не угадал — продолжаем".

!== — значит "не равно".
То есть: пока твоё число не равно загаданному — спрашивай снова.
4. if (попытка < загаданноеЧисло)
Если твоё число меньше загаданного — говорим "Больше!".
Иначе (если больше) — говорим "Меньше!".

5. alert("УГАДАЛ!")
Когда вышли из цикла — значит, угадал!
Выводим победное сообщение. 🏆

🎯 Почему это круто?
Это первая настоящая игра, которую ты можешь запустить в браузере.
Ты понимаешь, как работает логика, циклы и условия — основа любого кода.
Потом можешь добавить уровни, попытки, таймер — и это уже будет твой мини-проект для портфолио!
🛠 Как попробовать?
Открой браузер (Chrome, Яндекс.Браузер и т.д.).
Нажми F12 → вкладка "Консоль".
Вставь этот код и нажми Enter.
Играй!
Или просто скопируй код в файл index.html и открой его — [расскажу, как, если нужно].

💡 А что дальше?
Добавь счётчик попыток: "Ты угадал за 5 раз!"
Ограничь число попыток (например, 7).
Сделай игру на двоих: один загадывает, другой угадывает.
📣 Хочешь, чтобы я записала про это видео?
Напиши "хочу видео"

А если ты уже пробовал писать такие игры — делись в комментариях, как получилось!

#JavaScript #Frontend
🔥17👍1613👨‍💻10🥰1