Архив рубрики: Я стану Программистом

Пока иду к РП, нужно освоить минимум как пяток смежных должностей, чтобы стать хорошим рп, в том числе и программистом.

Обучение JS и разработка игры Самолётик. Шаг 2.

В подготовительной части  мы подгружали 2 JS файла:

<script type="text/javascript" src="js/three.js"></script>
<script type="text/javascript" src="js/step1.js"/></script>

Если про 1 я упоминал — это сам 3D фреймфорк, то файл «step1.js», то то что нам предстоит создать.

Преступим.

Из чего должна состоять игра самолётик? Вполне логично предположить что из самого самолетика, поля над котором он должен лететь, облаков для антуража, топливо ( в последующем мы его заменим на буквы) для полета, которое нужно собирать ну и препятствий, которые нужно облетать.

Нам нужно создать соответствующие объекты. three.js содержит «по умолчанию» ряд стандартных графических объектов, такие как шар, куб, цилиндр, пирамида и тд. — подробнее можно глянуть в описании ФВ.

Итак с объектами разобрались — но игра это не только объекты, это и «камера» от лица который мы видим «сцену» , так же это освещение и управление объектами. Для удобства создания и обновления всех объектов создадим «основной» модуль-функцию, пусть называется  «init»:

window.addEventListener('load', init, false);

function init() {
	// тут создаем сцену - камеру
	createScene();

	// тут добавляем свет, а то темно будет
	createLights();

	// тут появляются чать наших объектов, 
        // еще не все что нужно, но уже что-то
        // Сам самолетик / поверхность для полета будет море / облака
	createPlane();
	createSea();
	createSky();

	// здесь в зависимости от "контроллов",
        // мы будем менять положение наших объектов 
	// а так же генерировать изменения ландшавта
	loop();
}

 

Давайте начнем с самого простого и понятного — наших 3D объектов :

Самолетик:

 

Обучение JS и разработка игры Самолётик. Шаг 1.

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

Итак ШАГ 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.

Статья для habrahabr

Решил попробовать стать полноценным жителем habrahabr.ru. Для получения заветного «ключа» нужно представить относительно полезную/интересную статью или ее перевод, или обзор по технологии — в общем что-то связанное с IT и не слишком «замыленное» на Habre.

Так как сейчас начал изучать JavaScript  в виду его активного роста, простоты изучения и увеличения возможностей за счет различный фреймворков, для создания web приложений — ориентир на SPA ( SPA в WiKi )

Кстати для начала разработки SPA сайтов и приложений кроме JS нужно еще знание HTML / HTML5 , CSS, AJAX.

После изучения базовых основ, а для этого мне очень помогла статьи на Habre, направляя на пусть истинный:

Как стать профессиональным веб-разработчиком: практическое руководство

А для «набивания руки» в JS использовал игру codecombat.com , которая вплоне дает понимания как основ программирования , так и использования JS в принципе. PS.  в CodeCombat можно выбрать не только JavaScript, но и например Phyton, для изучения — вперед дерзайте!

PS. Так же у каждого разработчика должна быть под рукой статься с Более 350 бесплатных инструментов для разработчиков так же на Habre.

По совету той же статься после основ, стал искать различные фреймворки и проекты с открытым исходным кодом. И ткак как мне всегда нравились игры нашел статью по созданию игры The Aviator — летающий самолетик который уклоняется от камней и собирает «топливо», в которой есть не только исходники, но и «пошаговое описание» как эту игру сделать:

Делаем игру «Самолетик» используя Three.js

Раз пример будет использовать Three.js, то соответственно наш путь идет на  http://threejs.org/ — где имеется полное описание для данного FW с примерами. Туду нужно заглянуть тем кто заинтересуется как работают «потрошки».

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

Ну как говориться если хочешь чему то научиться, попытайся обучить этому другого)…

Итак ШАГ 1.

 

 

 

Как получить базовые понимания основных элементов в программировании играя в игру?

Если вы хотите получить практическим путем базовое понимание что такое алгоритм в программировании, понимания циклов, а так же понятие инкапсуляции (или модульность), то для этого недавно открыл для себя отличную игру!  С удовольствием в нее поигрался сам, а теперь ее осваивает моя дочка. Называется данная игра LigthBOT. В этой игре требуется путем «написания кода» в виде добавления команд кирпичиков, создать алгоритм-программу для управления роботом.

Ligthbot1

Цель игры сделать «активными», путем их «подсвечивания», все синие квадратики.

Сайт игры с ссылками где ее можно скачать, есть бесплатная версия:

http://lightbot.com/

Игра отлично подойдет всем начинающим программистам).

Учебник SQL часть 2 — Основные типы запросов.

Рассмотрим основные запросы SQL.

SQL делает с информацией в БД, то-же что мы привыкли делать с обычной информацией например в Excel, а именно выбирать нужную, изменять ее по определенному признаку, удалять не нужную и добавлять новую. Для этих действий используются следующие основные операторы:

SELECT – выбрать строки из таблиц;
INSERT – добавить строки в таблицу;
UPDATE – изменить строки в таблице;
DELETE – удалить строки в таблице;

и sql запросы имею вид:

SELECT * FROM <имя_таблицы>;

INSERT INTO <имя_таблицы> (<столбец1>, <столбец2>, … , <столбецN>) VALUES ( ‘<значение1>’, ‘<значение2>’, … , ‘<значениеN>’ );

UPDATE <имя_таблицы> SET <столбец1> = ‘<значение1>’ , <столбец2> = ‘<значение2>’ WHERE <столбецN> = ‘<значениеN>’;

DELETE FROM <имя_таблицы> WHERE <столбец1> = ‘<значение1>’;

ВНИМАНИЕ! Запрос на удаление удалит ВСЮ запись, а не только конкретное значение столбца!

Учебник SQL часть 1 — Введение

Учебник по SQL. Часть 1.

Введение.

Что вообще такое SQL? Для многих рядовых сотрудников которых вдруг огорошили, что они теперь будут работать в какой-то СУБД и им придется вытаскивать оттуда информацию через SQL данная аббревиатура ничего не говорит, но не все так сложно как может показаться на первый взгляд. В любом обычном разговорном языке есть правила, при помощи которых создаются предложения, а SQL или Structured Query Language (язык структурированных запросов) по сути является сводом таких-же правил, при помощи которых мы сообщаем компьютеру что хотим из БД получить используя довольно простые логические конструкции. Как и обычные языки, которые имеют различные наречия и 2 человека разговаривающие на одном и том-же, вроде бы английском могут слабо понимать друг друга, язык SQL имеет несколько вариантов, основной или стандартный поддерживается комитетом стан­дартов ANSI, и соответственно называется ANSI SQL, отдельные же реализации носят собственные имена (PL-SQL, Transact-SQL и т.д.) и зачастую относятся к конкретным СУБД например PL-SQL относится к Oracle и какой не то большой и сложный запрос на этом языке может быть не понятен например Access, но за некоторыми исключениями, конструкции построенные на ANSI SQL будут понятны всем СУБД. Стандартный ANSI SQL язык состоит всего из нескольких слов, другие же реализации могут включать другие слова-функции. Мы будем рассматривать в основном Jet SQL применяемый к Access и vba, который за некоторыми функциями соответствует стандарту ANSI SQL-92.
Синтаксис Jet SQL (далее если встречается sql, имеетca ввиду именно jet sql) :
Операторы:
SELECT — запрос на выборку данных
DELETE — запрос на удаление данных
CROSTAB — запрос на суммирование данных из нескольких таблиц
ACTION — запрос на изменение информации, также возможно создание новых таблиц\полей
PARAMETR — запрос с изменяемым (задаваемым пользователем) условием
INTO — указывает название новой таблицы в простом запросе на создание таблицы на основе запросы на выборку
FROM — указывает откуда получать данные
WHERE — указывает условие на выборку данных
ORDER BY — указывает условие на сортировку данных
AS — указывает название нового поля\(имени самого запросе в сложных запросах) в запросе
DISTINCTROW
ASC[ENDING]
DESC[ENGING]
AND
OR
IS NULL

Функции:
AVG
YEAR
MONTH
DATE
NOW
DATEPART
FORMAT$
COUNT

Запуск SQL запросов из VBA для Access и Excel

sql-fun
sql-fun
В различных ситуация требуется какое либо действие сделать с БД с помощью SQL запросов, и при написании программы зачастую требуется это сделать из VBA кода. Для этого я использую различные схемы, в зависимости от сложности запроса и поставленной задачи.
, где для всех примеров myBD это объявленная наша БД, например через Dim myBD As Database и последующей Set myBD = CurrentDb , как пример для Access

 

1 — Запуск запросов через QueryDef, ИМХО — использую для ODBC:
Для первого варианта средствами Access делаем обычный запрос  с нужными нами действиями или несколько связанных между собой и запускаем его строчкой ниже. Вообще QueryDef является одним из лучших методов по запуску и выполнению (да запуск сохраненных SQl запросов через него, это далеко не все что он может) запросов в базах данных использующих драйвер ODBC.
myBD.QueryDefs(«ИМЯ_ЗАПРОСА»).Execute
или делаем непосредственный запуск запроса
myBD.QueryDefs.Execute «DELETE * FROM MyTabl»

 

2 — Запуск запросов через RecordSet, ИМХО — использую для ADO:
Этот вариант у меня прижился больше для Excel когда к БД подключаюсь через ADO драйвер, и требуется например сохранить данные в бд, через запрос (Помидорами не кидать, знаю что сам RecordSet позволяет это делать — тут просто пример как можно запустить запрос через него)
Set rs = cmd.Execute(«DELETE * FROM MyTabl», , adExecuteNoRecords)

 

3 — Непосредственный запуск запросов
ИМХО — использовать стоит в основном внутри Access и довольно редко, для мелких задач, а для всего отсльаного лучше через QueryDef:
DoCmd.RunSQL «DELETE * FROM MyTabl»
myBD.Execute «DELETE * FROM MyTabl»