ria pc game
fle game engine - движок для создания игр
fle game engine - движок для создания игр


Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
21 марта 2019 14:51
Вход Регистрация Забыли пароль ?

megainformatic - Создание музыки в Impulse Tracker 2.14 - урок 6 - Ввод Нот
          Урок 6: Ввод нот
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
megainformatic - Уроки Photoshop - Рисуем и Анимируем - Урок 1 - Старт

megainformatic - Уроки Photoshop - Рисуем и Анимируем на AllSoft.ru

megainformatic - DirectX 9c - Изучаем пример MultAnimation

megainformatic - megainformatic cms Система Управления Контентом

megainformatic - Темы для WordPress

megainformatic - Что нужно для создания собственного сайта ?

megainformatic - Макет дизайна Вашего сайта

скачать megainformatic cms

megainformatic - Итоги 2010 года

megainformatic - Что нужно для создания собственного сайта ?

megainformatic - как создать инсталлятор для собственной cms

megainformatic - Новости - страница 2

Нововведения в megainformatic cms

Web Администрирование

Уроки Верстки

Система автоматизированной е-майл рассылки

Система автоматизированной е-майл рассылки

megainformatic - Выгрузка файла на сайт

megainformatic - выпадающее меню на html и css

megainformatic - Использование checkbox

Краеугольная особенность работы Web-form на примере смены состояния checkbox

Технологии WEB

Технологии WEB - AJAX-запросы

Часто Задаваемые Вопросы

Продукты

Проблемы с кодировками при отображении страниц

игра Нечто: Необъяснимое Нить Накала - "в плену желаний"

Система Автоматизации Доставки Электронных Заказов megainformatic cms e-pro

megainformatic cms e-pro Автоматизация Обработки Уведомлений о Заказах по партнерским программам

megainformatic cms e-pro Автоматизация Обработки Уведомлений о Заказах по партнерским программам

webinformatic: Музыкальная страничка трэкера

megainformatic - Создание музыки и звука

webinformatic: Создание музыки и звука: урок 2

megainformatic - Создание музыки и звука: урок 3 - настройка Impulse Tracker для работы в WinXP

megainformatic - Создание музыки и звука: урок 4 - Введение в Mod Plug Tracker

megainformatic - Создание музыки и звука: урок 5 - Первая композиция в Mod Plug Tracker

megainformatic - Создание музыки в Impulse Tracker 2.14 - урок 6 - Ввод Нот

megainformatic - Создание музыки в Impulse Tracker 2.14 Первая мелодия

megainformatic - Создание музыки в Impulse Tracker 2.14 Настройка параметров сэмплов

megainformatic - Создание музыки и звука: теория и практика создания трэкерской музыки

megainformatic - Инструкция по оплате услуг средствами WebMoney

Основы работы в Microsoft Visual Studio 2008 и DirectX 9 (DX SDK Aug 2008)

Введение в программирование игр на С++ для платформы DirectX 9 - Первый старт

Введение в программирование игр на С++ для платформы DirectX 9 - Меняем иконку приложения

Введение в программирование игр на С++ для платформы DirectX 9 Добавляем другую модель

Введение в программирование игр на С++ для платформы DirectX 9 Программирование игр в directx. Hello, World!

Введение в программирование игр на С++ для платформы DirectX 9 Разбираем конструкции языка C++ на примере работы в Microsoft Visual Studio 2008

Разбираем конструкции языка C++ на примере работы в Microsoft Visual Studio 2008 - Урок 1 Основные операторы языка C++

Разбираем конструкции языка C++ на примере работы в Microsoft Visual Studio 2008 - Урок 1 Основные операторы языка C++ (часть 2)

Урок 2 Написание Win32-приложений. Обзор стартового кода Win32-приложения. Добавление ресурса текстовая строка

Урок 3 Создание Win32-приложений. Создание меню и простых диалоговых окон.

Урок 4 Создание Win32-приложений. Стандартные диалоги. Изучение сопутствующих конструкций языка. Консольные Win32-приложения. Указатели. Ссылочный тип. Массивы.

Урок 4 часть 2 Win32. Диалог выбора цвета, смена цвета фона окна приложения

Написание приложения DirectX9c + MFC в среде MSVS 2005

megainformatic - Создание компьютерных игр на основе DirectX в среде Delphi 6, 7

megainformatic - Создание компьютерных игр на основе DirectX в среде Delphi 6, 7 - Почему избраны DX8 и Delphi ?

подробнее

Пишем слайдер на javascript с нуля

Доброго Вам времени суток, странник интернета !!!

Я давно хотел рассказать о том, как можно создать свой слайдер используя javascript - технологию.

Вы скажете - слайдеров уже готовых в интернете - МОРЕ.

Согласен с Вами. Но все они написаны чужой рукой, а значит знания о том, как они писались остаются за бортом :((

Я же хотел бы пополнить и расширить свои и Ваши знания по языку javascript, его применению и главное - сделать что-нибудь полезное, а не демонстрировать слишком "абстрактные" примеры. ;)

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

Итак, рассмотрим какой html-код требуется для отображения слайдера и что должен делать с этим кодом javascript, чтобы этот код превратился в слайдер.

Если посмотреть код html, относящийся к слайдеру, который отображает браузер, то мы увидим следующее

<div id="gl_slider" style="text-align: center;">

<div id="gl_slider_container">

<div class="timedSlideshow jdSlideshow" id="mySlideshow" style="display: block; "><a class="global" href="">

<div class="slideElement" style="position: absolute; left: 0px; top: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; background-image: url('.$slider_dir.'/images/banner/05.gif); visibility: hidden; opacity: 0; background-position: 50% 50%; "></div>

<div class="slideElement" style="position: absolute; left: 0px; top: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; background-image: url('.$slider_dir.'/images/banner/fl_lessons.jpg); visibility: hidden; opacity: 0; background-position: 50% 50%; "></div>

<div class="loadingElement" style="display: none; "></div><div style="visibility: visible; opacity: 0.7; height: 40px; " class="slideInfoZone"><h2>продукты сайта</h2><p>все продукты нашего сайта</p></div></a> </div> <script type="text/javascript">

countArticle = 0;

var mySlideData = new Array();

mySlideData[countArticle++] = new Array(

'modules/slider/images/banner/05.gif',

'http://localhost/megainformatic_ru/?page=40&banner',

'Уроки Photoshop',

'Если Вы хотите изучить профессиональные методы работы в Adobe Photoshop'

);

mySlideData[countArticle++] = new Array(

'modules/slider/images/banner/ph_draw_and_anim.jpg',

'http://localhost/megainformatic_ru/?page=66&banner',

'Уроки Photoshop - Рисуем и анимируем',

'учимся рисовать и анимировать в photoshop'

);

</script>

<script type="text/javascript">

function startSlideshow() {

var slideshow = new timedSlideShow($('mySlideshow'), mySlideData);

}

addLoadEvent(startSlideshow);

</script>

</div>

</div>

Исходя из этого кода можно сделать такой вывод - в блоке div с id mySlideshow размещаются все картинки слайд-шоу в виде блоков div класса slideElement.

Как можно заметить все они имеют атрибут visibility: hidden;
Т. е. скрытый - поэтому они не отображаются.

А вся роль скрипта слайдера сводится к тому, чтобы при возникновении определенного события: от таймера или от нажатия на элементы управления слайдером, следующая картинка слайдера становилась видимой, а предыдущая снова скрытой.

Как видите в теории это достаточно просто.

Посмотрим что имеет место в скрипте фактически.

Сначала выполняются некоторые подготовительные операции -

countArticle = 0;

var mySlideData = new Array();

mySlideData[countArticle++] = new Array(

'modules/slider/images/banner/05.gif',

'http://localhost/megainformatic_ru/?page=40&banner',

'Уроки Photoshop',

'Если Вы хотите изучить профессиональные методы работы в Adobe Photoshop'

);

Т. е. в яваскрипте создается массив элементов, в который заносится информация, необходимая для каждого элемента слайдера -

Адрес изображения

Ссылка для перехода по клику на данное изображение

А также некоторые пояснительные надписи

Затем происходит следующее -

function startSlideshow() {

var slideshow = new timedSlideShow($('mySlideshow'), mySlideData);

}

addLoadEvent(startSlideshow);

Т. е. внутри обработчика функции startSlideshow создается экземпляр класса timedSlideShow и ему передаются параметры -

id блока набора элементов слайдера

и массив описаний к этим элементам.

Далее данная функция добавляется в обработчик события onLoad для загрузчика onLoad страницы.

Это стандартный обработчик, с которого начинают свою работу многие javascript-приложения.

В нашем случае таким приложением как раз является скрипт слайдера.

То что мы рассматривали выше - это так называемая подготовительная часть работы, которая описывает html код слайдера вместе с его содержимым (набором картинок), а также вызов метода для создания яваскрипт-объекта слайдера.

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

На самом деле их всего 3:

<script src="<?php echo $slider_dir; ?>/inc/mootools.release.83.js" type="text/javascript"></script>

<script src="<?php echo $slider_dir; ?>/inc/timed.slideshow.js" type="text/javascript"></script>

<link rel="stylesheet" href="<?php echo $slider_dir; ?>/inc/jd.slideshow.css" type="text/css" media="screen">

файл mootools.release.83.js - представляет из себя подключенную, используемую слайдером библиотеку mootools.

файл timed.slideshow.js - содержит собственно логику работы слайдера.

ну и наконец файл jd.slideshow.css - это собственно описание элементов внешнего вида слайдера.

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

Нам с вами остается собственно кратко познакомиться с логикой работы слайдера (т. е. прокомментировать код, описанный в файле timed.slideshow.js).

Этим Мы с вами займёмся в следующей статье - логика работы слайдера на javascript
подробнее

     
  [к содержанию] [назад] [далее]  
     
 

Создание текстур горных пород и суши (урок 5)

 

При создании компьютерных игр, в моделях ландшафтов и пространств широко используются различные виды текстур, имитирующих различные виды суши и пород. В данном уроке описывается как создавать такие текстуры с использованием средств программ Adobe Photoshop 7 и Corel Draw 11.

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

Создано в Photoshop

Создано в Corel Draw

Каменистая порода

Гранит

Создано в Corel Draw Создано в Corel Draw
Почва
Минералы

 

 Процесс создания земных поверхностей и пород напоминает процесс создания других видов текстур (см. уроки 2, 3,4). Отличием является основа контура, с которой Вы начнете свою работу. Для создания правдоподобных или фотореалистичных текстур надо рисовать с фотографий образцов настоящих земных поверхностей и пород.

 

Рассмотрим процесс создания одной из земных поверхностей в Photoshop.

Земная поверхность

Замечание: в данном уроке процесс описан более сжато. За подробностями обращайтесь в предыдущие уроки (1,2,3,4).

  1. Создайте файл 256х256 пиксель.
  2. Изобразите карандашом с толщиной пера 1 пиксель с заданным черным цветом рисунок похожий на приведенный ниже:

Контуры земной поверхности

  1. Создайте новый слой, переместите слой под слой с контуром, залейте слой коричневым цветом. У слоя с контуром измените полупрозрачность для того, чтобы контуры больше сливались с основным (коричневым) тоном.
  2. Склейте оба слоя, используя различные, известные Вам из предыдущих уроков инструменты: Осветление, Затемнение, Губка, Палец, Размытие, Резкость, Аморфность (Liquify) и другие придайте изображению примерно такой вид, как на рисунке ниже.

Результат применения различных инструментов

  1. К созданному изображению попробуйте применять различные фильтры: Filter > Texture > Texturizer;

> Noise > Dust & Scratches; > Distort > Diffuse Glow и другие.

Вам останется только поэкспериментировать с параметрами указанных фильтров и применить их.

  1. Для того, чтобы сделать текстуру бесшовной используйте методики описанные в уроках 3 и 4.
  2. Осталось только сохранить окончательный вариант и проверить его, залив тестовое изображение.

 

Corel Draw 11 содержит встроенные генераторы текстур – это определенные алгоритмы, меняя параметры которых можно генерировать новые образцы. Эта методика уже описывалась при создании изображения воды в уроке 4. Суть ее состоит в том, что Вы создаете квадрат 256х256 и заливаете его нужной текстурой. Меняя параметры можно получить различный вид. Убрав в фигуры (квадрата) обводку можно экспортировать ее в растровый формат, например BMP, а затем доработать в Photoshop.

 

Описанные методы позволяют создавать самые различные виды текстур, была бы только фантазия!

 
     
  [к содержанию] [назад] [далее]  
подробнее

Статьи на тему создания сайтов и других областях информатики

подробнее

     
  Инструкция по оплате услуг средствами WebMoney  
     
 

1. Если у Вас нет кошелька WebMoney, откройте его на сайте www.webmoney.ru.

2. Запустите WebMoney Keeper.

start_wm_keeper.jpg

3. Откройте в интернет-браузере главную страницу нашего сайта - megainformatic.ru

open_www.chitaonline.ru.jpg

4. Найдите желаемый товар, который хотите заказать и нажмите кнопку КУПИТЬ расположенную напротив него

own_cabinet_panel.jpg

5. Вы попадете на новую страницу сайта, где Вам нужно выбрать способ оплаты WebMoney

 
     
 

6. Нажмите кнопку Подтвердить

7. На следующей открывшейся странице Вам нужно просто Подтвердить что Вы действительно собираетесь оплатить заказ - снова нажмите кнопку Подтвердить

8. На следующей странице заполните Ваши Фамилию Имя Отчество и е-майл адрес, на который нужно выполнять доставку заказанного товара, после чего снова нажмите кнопку Подтвердить

9. В открывшемся окне проверьте сумму платежа и нажмите кнопку Оплатить

10. Внимательно посмотрите код и нажмите кнопку Далее.

11. В появившемся окне нажмите кнопку Продолжить

a_m_4.jpg

12. В открывшемся полупрозрачном окне еще раз проверьте сумму, название товара и ФИО, введите код, который ранее запомнили и нажмите кнопку Да.

13. После успешного завершения платежа Вы увидите новую страницу, сообщающую, что Ваш заказ успешно принят и будет обработан в течение 1-4 дней.

14. На ваш e-mail придет уведомление. А после зачисления средств на счёт нашего магазина - обычно в течение дня - будет выполнена доставка товара на Ваш e-mail.

 
     
     
     
     
       
 

Урок 6: Ввод нот

Итак, Вы справились с предыдущим уроком, т.е. скачали архив и настроили ModPlug Tracker 1.16 для корректной работы. Теперь приступим к изучению работы с этой программой.

 

ModPlug Tracker 1.16 вобрал в себя всё лучшее трэкеров Impulse, Scream, Fast, Pro. Скачать его можно здесь.

 
       
 

ModPlug Tracker (далее MT) - это мощное средство создания многодорожечных трэков. Трэк - это дорожка, отсюда и пошло название - трэкеры. Программа имеет стандартный оконный интерфейс. Ваше музыкальное произведение может иметь один из форматов - *.it, *.xm, *.s3m, *mod. Размер одного произведения, а именно объем памяти для загрузки сэмплов, ограничивается только пределами доступной оперативной памяти! Реальные композиции имеют объём 1-2 Mb. Причем основной объем дают сэмплы. Чем длиннее и качественнее сэмплы - тем длинее файл композиции.

Всегда можно найти разумный компромисс между качеством сэмплов и длиной композиции. Желательно всегда использовать 16-битные сэмплы, моно и не слишком длинные (если только это действительно не требуется). Даже из короткого сэмпла можно сделать бесконечно долго звучащий - достаточно просто зациклить его. Как сделать это? Об этом ниже.
 
       
 

Теперь кратко о том, как построена работа в трэкере MT.

При написании трэков используются следующие понятия: pattern - страница нотного и командного текста для управления генерацией музыки. sample - (уже знакомое Вам понятие) - образец звука. В MT могут использоваться как моно, так и стерео-сэмплы. Рекомендуется использовать моно-сэмплы. Почему? Во-первых, они в 2! раза короче, а во-вторых, эффект стерео звучания чаще всего сводится к сдвигу панорамы. А для этого и не нужно иметь стерео-сэмпл.

 
       
 

Немного о характеристиках ModPlugTracker'а 1.16 -

MT позволяет использовать до 99 загружаемых сэмплов. Само музыкальное произведение находится в виде кодов нот и команд в паттернах. Размеры 1-го паттерна - до 64 каналов звука.(Хотя и 16 вполне достаточно!) и до 200 строк - размер страницы паттерна. В композиции можно использовать до 256 паттернов. Порядок воспроизведения паттернов может быть произвольный.

 
 

Итак, ноты хранятся в дорожках (по дорожке на каждый канал) в следующей форме С#1 01 00 000. Чтобы увидеть это запустите MT и щелкните по вкладке Patterns - переход в режим редактирования паттернов. Вы можете посмотреть список всех возможных команд и клавиш MT нажав F1. Правда там все описано на английском. Мы по ходу будем постепенно разбираться что к чему.

В MT применяется символьная нотация для нот, т.е. все 12 нот это: C, C#, D, D#, E, F, F#, G, G#, A, A#, B. (до - до-диез - ре - ре-диез - ми - фа - фа-диез - соль - соль-диез - ля - ля-диез - си).

Каждая дорожка паттерна состоит из 4-х столбцов:

C#5 01 00 000 - нота до-диез 5-ой октавы, инструмент 01, громкость - такая же как у предыдущей ноты; команда-эффект - нет или как у предыдущей ноты.

С-4 01 A2 D02

первый столбец - нота и номер октавы - от 0 до 8.

второй столбец - номер сэмпла/инструмента;

третий столбец - уровень громкости ноты или команда-эффект;

четвертый столбец - команда управления нотой (эффект) - типичные команды - спад, подъем, изменение частоты, громкости, вибрация и т.п.

 
       
 

Как вводятся ноты? Клавиши клавиатуры представляют как бы виртуальное пианино:

Схема расположения нот на клавишах клавиатуры

Т.е. нижний и средний ряды - это белые клавиши фортепиано, а средний и верхний - черные, с соответствующими пропусками.

Примеры IT-трэков смотри в игре "Дорога в Город".
 
       
 
Соответствие клавиш клавиатуры клавишам фортепиано
Вводить ноты достаточно просто: нажмите соотвествующую клавишу и получите в текущей позиции ноту.  
       
 

Попробуем создать первую свою композицию с использованием созданного в предыдущих уроках сэмпла - ударный "бочка". Перейдите в режим работы с сэмплами - вкладка Samples. Чтобы загрузить сэмпл в текущий слот нажмите кнопку Import Sample. Используйте открывшееся диалоговое окно для открытия требуемого сэмпла. После нажатия ОК происходит загрузка сэмпла в слот. Если на диске есть какие-либо IT-трэки, то можно загружать сэмплы прямо из них. Для этого используйте верхнее левое окно программы, узел Instrument Library. Найдите требуемую композицию, раскройте ее узел и Вы увидите список сэмплов, используемых в ней. Можно даже прослушать сэмплы не загружая их - нажмите одну из клавиш, генерирующих ноту - см. выше.

Можно менять текущую октаву - клавиши / и * на цифровой клавиатуре.  
       
 

Если Вы справились с загрузкой своего (или какого-либо другого) сэмпла, то двинемся дальше. Нажмите вкладку Patterns для перехода в режим редактирования паттерна. Номер текущего паттерна отображается в поле Pattern в средней части окна MT. Если нажать кнопку #n на пересечении строк и столбцов паттерна в левом верхнем углу (где n - номер текущего редактируемого паттерна), то появится окно Pattern properties. В нём можно задать размер паттерна в строках. Чтобы скрыть это окно нажмите ОК или Esc. Паттерны можно листать клавишами + и - на цифровой клавиатуре. Номер текущего инструмента показан в поле Instrument. Текущий сэмпл, который используется для ввода нот можно задать выбором из выпадающего списка в поле Instrument. Можно также вернуться в окно списка сэмплов (вкладка Samples) - и кнопками в поле Sample выбрать желаемый текущий сэмпл.

 

Оctave - базовая октава - нажимая мышью кнопки около этого поля можно изменить значение. Этого же можно добиться клавишами / и * на цифровой клавиатуре. Заметим сразу, что в основном многие действия могут дублироваться как комбинациями клавиш на клавиатуре (или отдельными клавишами), так и отдельными окнами и пунктами меню.

 
 

 

 
  Если Вы, находять в режиме редактирования паттерна (Pattern Edit), нажмёте на одну из клавиш генерирования ноты, то действие которое произойдет при этом будет зависеть от того, в каком столбце текущей дорожки Вы находитесь. Если в первом столбце - нота будет проиграна и записана в текущую позицию с использованием заданных Вами настроек. Если в одном из 2-4 столбцов дорожки - то это приведет к вводу нового значения номера инструмента, громкости или команды-эффекта.

Дорожка - это один независимый звуковой канал, в котором может, независимо от других каналов, проигрываться какой-либо набор нот с использованием заданных сэмплов. Проигрыванием звуков одновременно сразу в нескольких дорожках достигается полифония. Т.е. в одном треке может быть записана партия ударных, в другом басовая партия, в третьем, четвертом и пятом - партия солирующего инструмента, в 6 и 7 - партия струнных и т.п. Что и в каком канале - неважно - Вы это определяете сами.

 
       
  Не спутайте столбцы дорожки со столбцами самих дорожек! Столбцы дорожек - это большие широкие столбцы. В свою очередь каждая дорожка включает 4 мини-столбца, в которых и содержится информация о проигрываемой в данный момент ноте/инструменте/громкости/эффекте. Эта информация занимает около 5 байт на ноту. Соответственно Вы можете расчитать объем занимаемый одним 64-строчным, 16-канальным паттерном - 5х64х16 - 5120 байт. Этот размер ничтожен по-сравнению с размерами сэмплов (вспомните - сэмпл длительностью 1 секунда с качеством дискретизации 44100 Гц и глубиной 16 бит занимает 88200 байт!) Таким образом получается, что основной объем композиции определяется суммарным объемом сэмплов. Объем же нотной информации максимально может составить для 200 паттернов того же размера - 1024000 байт. Но такое количество востребованно бывает довольно редко. В то время как всего 10 сэмплов, по секунде каждый, займут все 882000 байт. А это уже бывает чаще!

Замечания по работе в MT: иногда нажатия горячих клавиш не приводят к нужному результату. Это означает, что фокус ввода находится в другом месте окна программы. Переключите фокус ввода на другую область - щелчком мыши и снова используйте горячие клавиши.

 
       
  [Предыдущий урок] [Следующий урок] [Все уроки]  
megainformatic live chat
Начать беседу
X
 

Оставленные комментарии



fle game engine - движок для создания игр
fle game engine - движок для создания игр


Something: Unexplained 2 captive of desires / Нечто: Необъяснимое 2 в плену желаний
Костя Коробкин Комикс Коллекционное издание - 6 комиксов, 81 страница, 220 mp3 треков
megainformatic Размещение баннерной рекламы у нас
Время загрузки: 1,5226