В прошлой статье я разбирал подготовку необходимых знаний для нашего тестового проекта, то сейчас сделаем подготовку файлов нужных для начала процесса разработки.
Итак ШАГ 1.
Создаем папку «Самолетик», я это сделал на рабочем столе.
В этой папке создаем файл index.html
Делаем в нем следующий код:
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<title>Самолетик: Часть 1 </title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<script type="text/javascript" src="js/three.js"></script>
<script type="text/javascript" src="js/step1.js"/></script>
</head>
<body>
<div class="world" id="world"></div>
</body>
</html>
Потом внутри делаем еще 2 папки «css» и «js», и
Идем на сайт http://threejs.org/build/three.min.js и скачиваем последнюю версию самого фреймворка или скачиваем ее ОТ МЕНЯ (версия скачана 12.07.2016), чтобы точно работало, и кидаем ее в папку «js» (имя должно быть three.js)
В папке «css» создаем файл styles.css, со след наполнением (ОН ЖЕ,только с заготовкой для 2 части):
.world {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
background: -webkit-linear-gradient(#e4e0ba, #f7d9aa);
background: linear-gradient(#e4e0ba, #f7d9aa);
}
Это наш «мир» а именно, фон.
Итак подготовка сделана. Осталось творить — ШАГ 2.
Обучение JS и разработка игры Самолётик. Шаг 1.: 2 комментария