<MyRusakov.ru />

Создание игр на Unreal Engine 4

Создание игр на Unreal Engine 4

Данный курс научит Вас созданию игр на Unreal Engine 4. Курс состоит из 12 модулей, в которых Вы с нуля освоите этот движок и сможете создавать самые разные игры.

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

Помимо самого курса Вас ждёт ещё 5 бесплатных ценных Бонусов: «Динамическая смена дня и ночи», «Создание динамической погоды», «Создание искусственного интеллекта для NPC», «Создание игры под мобильные устройства» и «Создание прототипа RPG с открытым миром».

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

CSS фреймворк Materialize (Установка)

CSS фреймворк Materialize (Установка)

Materialize - это CSS фреймворк для создания сайтов, основанный на принципах material design. Если сказать проще, то это набор инструментов для верстки и готовые компоненты, например: сетка, карусели, аккордеон, адаптивное меню. В общем есть все нужные компоненты, выполненные в красивом и современном дизайне для верстки сайтов.

Экономия времени на разработку

Экономия времени при разработки несложного многостраничника или лендинга, за счет готовых компонентов и стилей, просто колоссальная. Посудите сами, вам больше не нужно самому писать JavaScript код, чтобы крутилась карусель, открывались табы и всплывали модальные окна. Просто надо добавить соответствующие классы к нужным элементам. Потраченное время на изучение данного фреймворка, с лихвой окупится на первом же проекте. Вам нужно знать основы HTML и CSS. Вся суть работы с фреймворком, состоит в постановке нужных классов и атрибутов в нужные вам элементы.

Что такое material design

CSS стили поддерживают принципы популярного направления в веб-дизайне - material design, когда-то разработанного компанией Google. Самый ближайший дизайн с которыми часто сравнивают material design, это flat design (плоский дизайн). Плоский дизайн старается сфокусировать вас на легком взаимодействие с сайтом и позволяет упростить его функциональность. А также подчеркивает важность контента, выделяя его на странице. Часто материальный дизайн делают в стиле минимализма, с минимальным набором элементов дизайна. Бывает так, что иконки и логотип - единственные нефункциональные элементы на странице. Никакого глянца и глубоких теней на кнопках быть не должно.

На сайте material.io вы можете найти все основные правила материального дизайна вместе с наглядными примерами.


CSS фреймворк Materialize (Установка).

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

Установка фреймворка

На вкладке Get Started вы увидите несколько вариантов установки:

Вариант #1). Скачать архив с CSS и JS файлами, указать пути к этим файлам на HTML странице. Кроме того необходимо добавить ссылки на шрифтовые иконки и библиотеку JQuery.

<!DOCTYPE html>
<html>
<head>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="materialize/css/materialize.min.css" media="screen,projection"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Materialize</title>
</head>
<body>

    <h1>Hello world!</h1>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script type="text/javascript" src="materialize/js/materialize.min.js"></script>
</body>
</html>

Вариант #2). Вы подключаете те же самые файлы, только через CDN. Если вам не нужно, чтобы файлы находились физически в самом проекте, то просто вставьте этот код в HTML документ. И не забудьте про иконки и библиотеку JQuery.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

Вариант #3). Через пакетный менеджер NPM, введите в командную строку следующий код, предварительно перейдя в папку проекта. Этот способ самый быстрый.

npm install materialize-css@next

Фреймворк Materialize не является чем-то уникальным и по популярности сильно уступает Bootstrap. Но зато, в Materialize есть несколько интересных фишек, которые отличают его от других, а именно эффект Parallax, Scrollspy и Scrollfire (появление элементов по мере прокрутки страница).

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.