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


Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
22 февраля 2019 16:25
Вход Регистрация Забыли пароль ?

сайт megainformatic - Главная
О чем сайт megainformatic.ru ? За годы его существования, а создан он был в июне 2010 года, цели значительно расширялись и углублялись. В феврале 2006 года я впервые озадачился проблемой создания сайта вообще. Кстати свой доступ в интернет у меня появился в это же время. Первые версии сайта были на бесплатных хостингах (narod, boom, pochta) и делал их на чистом html. Однако уже тогда,
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
Поддержка сайтом нескольких языков - модуль multi lang

Поддержка сайтом нескольких языков - модуль multi lang

megainformatic - Моделируем девушку в 3d используя 3ds max - другие статьи сборника статей - обзор

установка нового шаблона в joomla 2.5.4

Описание продукта megainformatic cms social

Описание продукта megainformatic cms social

megainformatic - ТЗ на сайт по аналогии rys-stroi.ru

megainformatic cms groupon

megainformatic - дизайн сайта строительной компании УЛЬТРА-СТРОЙ

megainformatic - Тестирование подключения платежной системы

megainformatic - Выпадающее окно регистрации на сайте

megainformatic - Тестирование подключения к платежной системе с использованием скрипта эмулятора

megainformatic - Модуль для регистрации пользователя на сайте

megainformatic - Код для модуля регистрации пользователя на сайте

megainformatic - Быстрый подсчёт ключевых слов в статье

megainformatic - Модуль подсчёта ключевых слов в статье

megainformatic - Онлайн-сервис для подсчёта статистики ключевых слов

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

megainformatic - Логика работы слайдера на javascript

megainformatic - Пишем свою соц. сеть - модуль предложений для webjob

megainformatic - Пишем свою соц. сеть - модуль предложений для webjob - часть реализации для личного кабинета

megainformatic - Пишем свою соц. сеть - Реализация файлового хранилища предложений в csv-файле

megainformatic - Тестирование подключения к платежной системе ЕДИНЫЙ КОШЕЛЕК (w1.ru) с использованием скрипта эмулятора

megainformatic - Пишем свою cms - шаг 1

megainformatic - Пишем свою cms - шаг 2

megainformatic - Пишем свою cms - шаг 3

megainformatic - бесплатная флеш игра freeway fury 2 - разработчик Serius Games

megainformatic - бесплатные флеш игры сторонних разработчиков

megainformatic - Как я осваивал Flash

megainformatic - Список уроков на тему создания flash приложений и игр

megainformatic - Как я осваивал Flash - шаг 2 - Основы создания простейших flash - игр

проект портала Идеи Комфорта

megainformatic - игра Веселый Буквоежка

megainformatic - игра Веселый Буквоежка

megainformatic - Использование cron, crontab и планировщика задач

megainformatic - Совместное использование jquery и mootools или других js-фреймворков

megainformatic - Модуль content php performer для megainformatic cms

megainformatic - Пишем компактный слайдер

megainformatic - Что нужно знать для создания сайта ?

megainformatic - Что нужно знать для создания сайта ? Глава 2 - Кодировки и DOCTYPE

megainformatic - Что нужно знать для создания сайта ? Глава 3 - Идём дальше - нанизываем новый код - где объявляются стили css и код javascript

megainformatic - Что нужно знать для создания сайта ? Содержание

megainformatic - Что нужно знать для создания сайта ? css - стили

megainformatic - preg_match или Использование регулярных выражений в php

megainformatic - статьи Тимонина Андрея - Flash. Содержание

megainformatic - статья Тимонина Андрея - Flash. Подготовка к работе.

megainformatic - статья Тимонина Андрея - Flash. Hello world.

megainformatic - статья Тимонина Андрея - Flash. Экспорт SWC библиотеки.

megainformatic - Тимонин Андрей - Несколько слов о себе

megainformatic - статьи Тимонина Андрея - уроки из области веб программирования, создания казуальных игр

megainformatic - статья Тимонина Андрея - Обеспечиваем доступ к объекту из любой точки программы. Singleton

megainformatic - статья Тимонина Андрея - Хронология работы программы. Создаем Лог

megainformatic - статья Тимонина Андрея - Поиск файлов. Получаем список файлов каталога.

megainformatic - статья Тимонина Андрея - Исключения. Создаем класс обработки исключений.

megainformatic - статья Тимонина Андрея - States. Создаем менеджер состояний игры.

megainformatic - статья Тимонина Андрея - Регистрация. Часть 1. Создаем страничку регистрации на сайте.

подробнее

Костя Коробкин - В гостях у тёти Светы (kk as) - онлайн комикс - страница 5

Предлагаем вашему вниманию онлайн-комикс Костя Коробкин - В гостях у тёти Светы - интерактивный комикс (kk as).

Раз, два, три - начали !

Костя Коробкин - В гостях у тёти Светы (- интерактивный комикс (kk as) - онлайн комикс - страница 5

если кликать картинку она будет последовательно меняться в размерах от 620 до 2048 пиксель.

[страница 1][страница 2] [страница 3] [страница 4] [страница 5] [страница 6]

подробнее

Содержимое остальных уроков Вы найдёте в сборнике статей

Моделируем девушку в 3ds max

Сборник содержит следующие статьи:

5. Моделируем ступню

Этот урок посвятим моделированию ступни девушки. В итоге у Вас может получиться модель представленная на рисунке.

модель женской ступни

подробнее

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

Создание фотореалистичной текстуры травы

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

Трава

Кровь под микроскопом

Древесная кора
Солома

 

Так что же такое текстура? Текстура – это повторяющийся узор или рисунок, который имеет свойство непрерывно покрывать заданные области изображения (формировать поверхности или фон) без каких-бы-то-ни-было заметных стыков. Такие изображения (текстуры) часто именуют Tile (тайл) – что как раз и подразумевает свойство непрерывности, в ограниченном размерами изображении.

За счет чего достигается такая непрерывность? Вот в этом мы сейчас и попробуем разобраться на практическом примере.

Попробуем создать изображение текстуры травы в Photoshop 7.

1.                            Создайте новый файл размером 256х256 пикселей (точек экрана) -

для этого выберите команду File > New и в открывшемся диалоговом окне задайте требуемый размер:

Обратите внимание!

Resolution – это соотношение пиксель/дюйм, учитываемое при распечатке на принтере. На размеры картинки не влияет.

ModeRGB Color соответствует цветному изображению.

Contents – определяет цвет наполнения (холст, фон) – Transparent – прозрачный фон – наиболее универсальный и нужный в данном случае нам!

  1. Изобразите, используя инструмент Pencil , черным цветом контур куста травы с видом сверху:

 

  1. Обратите внимание на то, чтобы все контуры были замкнутыми. Это обстоятельство является важным, в противном случае Вы не сможете использовать выделение или заливку листьев куста!
  2. Т.к. фон у нас прозрачный (здесь на рисунке показан белый фон), то мы можем залить куст травы следующим образом: создайте новый слой – Layer > New > Layer или нажмите соответствующую кнопку на палитре слоев (см. урок 1)
  3. Измените цвет пера (foreground color) с черного на зеленый и выполните заливку созданного нового слоя.
  4. Ах! У Вас всё пропало. Но это еще не всё. Теперь в палитре слоев перетащите слой, залитый зеленым так, чтобы он располагался не над слоем с контурами травы, а под ним.

Что мы имеем: слой с контуром травы, а под ним слой с заливкой зеленым.

Почему мы не стали заливать сразу отдельные листочки?

Потому что при этом нужно было бы повторять операцию заливки несколько раз (для каждого листочка – замкнутого контура отдельно). В нашем случае мы сделали это за 1 шаг.

Однако возникает вопрос: Ведь в этом случае залиты не только листочки, но и задний план, т.е. фон вокруг куста.

Исправить это легко: нужно выделить волшебной палочкой пиксели вокруг куста и удалить выделенную область с нижележащего слоя. Но мы пока не будем этого делать. Сделаем это позднее (см. шаг 8).

  1. Чтобы контуры куста не были так резко выражены, попробуйте перейти на слой с контуром и сделать его слегка полупрозрачным, например около 20-35%.

В результате Вы увидите, что контуры станут больше сливаться с основным тоном – зеленым.

  1. Теперь можно попробовать удалить окружающий куст травы зеленый цвет – сделать фон вокруг куста прозрачным: для этого находясь на слое с контуром травы выберите инструмент Magic Wand и установите на панели свойств следующие параметры:

Это означает, что Обратная чувствительность (Tolerance) – будет использовать при выделении только 1 цвет, выделяться будет замкнутый контур.

  1. Щелкните волшебной палочкой (Magic Wand) фон рядом с кустом. В результате область вокруг куста станет выделенной.
  2. Опуститесь на нижний слой содержащий сплошную заливку зеленым и удалите выделенную область – клавишей [DELETE].

 

Вот что у вас должно получиться в результате.

  1. Попробуем придать кусту более живой вид. Для этого воспользуйтесь инструментами Осветление и Затемнение

Dodge Tool – затемнение; Burn Tool – выжигание; Sponge Tool – губка.

В панели свойств каждого из этих инструментов Вы найдете следующие свойства:

Brush – размер и форма пера (кисти), используемого для выполнения операции осветления/затемнения/губки;

Range – диапазон воздействия – определяет оттенок получаемый при применении эффекта – теневой/средний тон/бликовый;

Exposure – сила воздействия.

 

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

Слишком большая достоверность игры теней и бликов не требуется, т.к. мы сейчас отмасштабируем размер куста, уменьшив его в 8 раз, т.е. до размеров 32х32. Замечание – если Вы заметили, что Ваши усилия не дают результатов – не появляется ни бликов ни теней – обратите внимание на каком слое Вы работаете. Работать надо на слое содержащем закрашенные зеленым листья. Если Вы работали на слое, содержащем контур, то это и не давало эффекта, т.к. кроме контуров все остальное на данном слое – «пустой» прозрачный цвет.

  1. Image > Image size и задайте размер 32х32.
  2. Мы получим небольшой, достаточно компактный кустик. Теперь, используя его и инструмент Клон-Штамп

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

Что нужно сделать, более детально:

Создать новый файл – 256х256 с прозрачным фоном.

Переключиться на файл с изображением маленького куста.

Выбрать инструмент Клон-Штамп и с клавишей [Alt] щелкнуть левой кнопкой мыши – запомнить изображение куста. Размер пера, если куст не попадает в него целиком, нужно увеличить.

Переключиться на изображение 256х256 и щелкая левой кнопкой рассаживать кусты. Если кусты не рассаживаются уберите флажок: Aligned – чтобы отключить привязку в первой поставленной копии.

 

В результате может получиться что-то наподобие этого:

Обратите внимание, что фон уже непрозрачный, т.к. прозрачный фон это атрибут только PSD файлов – рабочих файлов Photoshop, любой другой формат требует задания в качестве фона какого-то конкретного цвета. На рисунке как раз и показан такой случай – с JPG файлом.

 

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

 

После сохранения файла (File>Save As и указать имя файла, а также место для сохранения – см. урок 1)

Можно попробовать задать изображение в качестве шаблона (Pattern) и попробовать им что-нибудь залить, например тестовое изображение размеров 1024х768 (одно из стандартных разрешений экрана).

 

Для задания шаблона: изображение с травой должно быть текущим, выберите команду Edit > Define Pattern.

Затем ОК.

После этого можно закрыть файл с изображением и попробовать текстурную заливку:

Создайте новый файл – 1024x768.

Выберите инструмент Ведро (Paint Bucket) и в панели свойств задайте режим Pattern (Шаблон).

В списке шаблонов найдите Ваш (он самый последний в списке, возможно придется даже воспользоваться полосой прокрутки в окне выбора шаблонов).

Выполните текстурную заливку.

Вы заметите, что Ваша текстура имеет резко выраженные швы.

Как сделать текстуру бесшовной (Tile)?

 

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

Пишем компактный слайдер

В данной статье я рассмотрю как создать слайдер написанный с нуля, в самые минимальные сроки.

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

Вот пример того, как должен работать созданный слайдер -



Замечу, что php код необходимый для работы слайдера был внедрен прямо в текст данной статьи при помощи модуля content php performer. Исходный код этого модуля вы найдёте в статье - Модуль content php performer для megainformatic cms

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

Собственно для внедрения данного модуля вам потребуется любая версия библиотеки jquery (нам будет нужен только метод ready) и нижеприведенный код на php.

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

Итак, что у нас в коде ?

<?php //функции ===========================

//отображаем слайдер
function show_slider()
{
$view = '';

//указываем путь, где будут лежать ваши картинки для слайдера
$pictures_path = 'ПУТЬ_К_КАРТИНКАМ/images/';

$pictures = array();
$pictures_data = array();
//эта функция будет описана ниже, она просто возвращает массив имён файлов картинок и подписей к ним
get_all_pictures($pictures);
$pictures_count = count($pictures);
//очень важный шаг - задаем начальную картинку, с которой начинается показ
$current_picture = 0;

$pictures_limit = $pictures_count - 1;

//а также все данные для этой картинки
$current_picture_data = $pictures[$current_picture];

$pictures_slider_interval = get_pictures_slider_interval();

$view .= '<style>';

//определяем стили, необходимые для отображения нашего слайдера
$view .= '

.eks_slider_holder {
float: left;
width: 620px;
margin: 0;
padding: 0;
position: relative;
top: 0;
left: 0;
z-index: 1;
}
.eks_slider_holder
.eks_slider_frame_container {
float: left;
width: 256px;
height: 256px;
margin: 5px 0 0 1px;
padding: 0;
position: relative;
top: 0;
left: 0;
z-index: 2;
}

.eks_slider_holder
.eks_slider_frame_container
.eks_slider_frame {
width: 260px;
height: 260px;
margin: 0;
padding: 0;
position: relative;
top: 0;
left: 0;
z-index: 100;
background: url('.$pictures_path.'frame.png) no-repeat center center;
}

.eks_slider_holder
.eks_slider_frame_container
.eks_slider_item {
float: left;
width: 256px;
height: 1px;
margin: 0;
padding: 0;

position: relative;
top: -256px;
left: 0;
z-index: 90;

}

.eks_slider_holder
.eks_slider_frame_container
.eks_slider_item_responce {
width: 256px;
height: 130px;
margin: 0;
padding: 0;
}

.eks_slider_holder
.eks_slider_link_next {
float: left;
text-align: center;
margin: 15px 0 0 0;
width: 100%;
padding: 0;
line-height: 18px;
}';

$view .= '</style>';

//здесь указываем путь где лежит библиотека jquery
$view .= '<script type="text/javascript" src="include/js/jquery.js"></script>';

$view .= '<script>
//используем noConflict, если нужно совместное использование с другими библиотеками js, которые уже внедрены
//на вашем сайте (например mootools)
jQuery.noConflict();
//выполняем начальную инициализацию (для этого нам и нужен метод READY и библиотека jquery)
jQuery().ready(function() {
//вообщем-то самый важный шаг - задаем интервал, через который происходит автоматическое листание картинок
intervalID = setInterval(slider_autoslide_picture, '.$pictures_slider_interval.');
});

var picture = 0;

//эта функция просто меняет текущую картинку на следующую
function slider_autoslide_picture()
{
//тут ничего мудреного - запоминаем старую картинку
var old_picture = picture;

//получаем новую - смещением на +1
if ( picture < '.$pictures_limit.' )
picture = picture + 1;
else
//если при этом получим несуществующий индекс - устанавливаем на 0, т. е. на самую первую картинку
picture = 0;

//вот и сам движок слайдера - он ОЧЕНЬ прост - скрываем блок старой картинки и отображаем блок для новой
jQuery(\'#eks_slider_frame_\'+old_picture).css(\'display\', \'none\');
jQuery(\'#eks_slider_item_\'+old_picture).css(\'display\', \'none\');
jQuery(\'#eks_slider_frame_\'+picture).css(\'display\', \'block\');
jQuery(\'#eks_slider_item_\'+picture).css(\'display\', \'block\');
}

//эта функция делает то же самое, только при нажатии ссылок НАЗАД и ВПЕРЕД - вызывая пролистывание на -1 или на +1, так что заострять внимание на коде я не буду, он абсолютно аналогичен предыдущей функции, за исключением того, что вместо +1 используется +op, т. е. вместо op мы можем передать -1 или 1 (т. е. +1)
function slider_prevnext_picture(op)
{
var old_picture = picture;

picture = picture + op;
if ( picture < 0 || picture > '.$pictures_limit.' )
picture = 0;

jQuery(\'#eks_slider_frame_\'+old_picture).css(\'display\', \'none\');
jQuery(\'#eks_slider_item_\'+old_picture).css(\'display\', \'none\');
jQuery(\'#eks_slider_frame_\'+picture).css(\'display\', \'block\');
jQuery(\'#eks_slider_item_\'+picture).css(\'display\', \'block\');
}
</script>';

//это php код, который создает вереницу блоков картинок слайдера и текущий блок делает видимым
$view .= '<div class="eks_slider_holder">';

$view .= '<div class="eks_slider_frame_container">';

for ( $i = 0; $i < $pictures_count; $i++ )

{
$i_current_picture = $i;
$i_current_picture_data = $pictures[$i_current_picture];

$display = 'display: none;';
if ( $i_current_picture == $current_picture )
$display = 'display: block;';

//это рамка, для того, чтобы картинка выводилась со скругленными краями, заметьте что ссылку в <a href нужно ставить именно в рамке, т. к. рамка отображается по z выше, чем сама картинка !!!
$view .= '<div class="eks_slider_frame" id="eks_slider_frame_'.$i_current_picture.'" style="'.$display.'">';
$view .= '<a href="#"><img src="'.$pictures_path.'null.png'.'" border="0" alt="'.$i_current_picture_data['name'].'"
title="'.$i_current_picture_data['name'].'" width="256" height="256"></a>';
$view .= '</div>';

//ну а это уже сама картинка слайдера (очередная)
$view .= '<div class="eks_slider_item" id="eks_slider_item_'.$i_current_picture.'" style="'.$display.'">';
$view .= '<img src="'.$pictures_path.$i_current_picture_data['photo'].'" border="0" alt="'.$i_current_picture_data['name'].'"
title="'.$i_current_picture_data['name'].'" width="256" height="256">';
$view .= '</div>';

}



$view .= '</div>';

//в завершении выводим навигацию - ссылки НАЗАД и ВПЕРЕД
$view .= '<div class="eks_slider_link_next">';
$view .= '<a class="eks_link" href="#site_head" onclick="slider_prevnext_picture(-1);">Назад</a><br>';
$view .= '<a class="eks_link" href="#site_head" onclick="slider_prevnext_picture(1);">Вперед</a>';
$view .= '</div>';

$view .= '</div>';

return $view;
}



//задаем изображения для слайдера - функция, о которой я вам уже говорил выше - тут всё предельно просто
function get_all_pictures(&$pictures)
{
$pictures = array(
0 => array('photo' => '1.jpg', 'name' => 'раз'),
1 => array('photo' => '2.jpg', 'name' => 'два'),
2 => array('photo' => '3.jpg', 'name' => 'три'),
3 => array('photo' => '4.jpg', 'name' => 'четыре'),
4 => array('photo' => '5.jpg', 'name' => 'пять')
);
}



//получить настройку для выставление временной задержки слайдера - тут можем задать интервал, через который будет листаться слайдер, а если Вы хотите вынести эту настройку в админку вашей cms, тогда соответственно тут вам надо реализовать код, который будет брать значение этой настройки из нужного места в базе данных сайта или из нужного файла настроек.
function get_pictures_slider_interval()
{
$interval = 3; //секунд
$interval = $interval * 1000; //миллисекунд

return $interval;
}



//просто отображаем наш слайдер
//исполнение ===========================

echo '<div style="float: left; width: 100%; margin: 0; padding: 0; height: 300px; position: relative; top: 0; left: 0; z-index: 0;">';
echo show_slider();
echo '</div>';
echo '<div style="clear: both;"></div><br><br>';

?>

Вот собственно и всё :) Удачи Вам на ниве сайтостроя !!!





     
 

КАК СОЗДАТЬ СВОЮ ИГРУ - Набор разработчика игр - Нечто: Необъяснимое - в плену желаний

размер файла: 40,1 Mb

Стоимость: 100 руб.

После подтверждения оплаты в течение 1-3 дней заказ будет обработан и выполнена электронная доставка данного продукта на Ваш e-mail.

 
     
  КАК СОЗДАТЬ СВОЮ ИГРУ - Набор разработчика игр - Нечто: Необъяснимое - в плену желаний  
     
  Используя этот Набор Вы сможете расширить и дополнить игру
Нечто: Необъяснимое Нить накала - "в плену желаний" или создать самостоятельный продукт. При этом Вам не потребуется написать ни единой строчки кода! Только лишь подготовить необходимые ресурсы - текст, музыку, изображения, файлы параметров и включить их в игру.

Справочные материалы познакомят Вас с проблемами создания изображений для игры -
фона, одежды, девушки; покажут как настроить файлы параметров, используя утилиту
Coords2D.exe и правильно включить созданное в новую Вашу собственную мини-игру.

 
     
  Системные требования: Windows 98SE/2000/Me/XP/Vista/Seven/ DirectX9c / Pentium III 997 MHz / 128 Mb RAM / 32 Mb Video RAM / около 93 Mb свободного места на HDD / DirectX-совместимая звуковая карта / клавиатура, мышь  
     
   
     
  Подробно описывается процесс создания фона заднего плана  
     
   
     
   
     
  А также других особенностей и деталей.  
     
   
     
 

КАК СОЗДАТЬ СВОЮ ИГРУ - Набор разработчика игр - Нечто: Необъяснимое - в плену желаний

размер файла: 40,1 Mb

Стоимость: 100 руб.

После подтверждения оплаты в течение 1-3 дней заказ будет обработан и выполнена электронная доставка данного продукта на Ваш e-mail.

 
     
megainformatic live chat
Начать беседу
X
 

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



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


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