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


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

megainformatic - первый независимый онлайн-журнал комиксов ККК Костя Коробкин Комикс номер 1 март 2016
первый независимый онлайн-журнал комиксов ККК Костя Коробкин Комикс номер 1 март 2016
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
megainformatic - Программируем на C++ с использованием MFC - Создание MFC приложения - hello, world !

megainformatic - Как создать игру ? - Пишем игровой движок с нуля

megainformatic - Как создать игру ? - Пишем игровой движок с нуля - Вступление

megainformatic - Как создать игру ? - Пишем игровой движок с нуля - Общая структура будущего игрового движка

Разное

megainformatic - Как создать игру ? - Пишем игровой движок с нуля - DXUTMainLoop - цикл работы DirectX-приложения

megainformatic - Варианты макетов Психолог 911

megainformatic - Шаблоны для сайтов - что это и какие они бывают ?

megainformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - Глава 3 - Кто он ? (who is ?)

megainformatic - Мои Музыкальные Миры - готовая музыка mp3 - новинки 2013 года

megainformatic - Теория и практика хакерских атак - самозащита от нападения

megainformatic - Теория и практика хакерских атак - самозащита от нападения - Способы подмены реального IP

megainformatic - Fruity Loops Studio 9 - Как синтезировать свои сэмплы - изучаем возможности плагина Sytrus

megainformatic - Видоизменяем тему для Wordpress под свои нужды

megainformatic - Flash приложения и игры - Шаг 3 - управляемый шарик

megainformatic - Учимся создавать флеш-игры, что нужно знать для того, чтобы заняться созданием flash приложений и игр ?

megainformatic - Шаг 4 в освоении Flash-технологий - как анимировать персонажа и управлять им

megainformatic - Форма для смены шаблонов сайта. Модуль template selector

megainformatic - megainformatic cms express files + module slider

megainformatic - Создание сайта бесплатно или под заказ

megainformatic - Как создать flash баннер

megainformatic - Разработка flash-приложения для сайта: онлайн примерочная

megainformatic - Мои впечатления о книге - Владислав Крапивин - Журавленок и Молнии

megainformatic - Модуль отзывов/комментариев для вашего сайта

megainformatic - Модуль отзывов/комментариев для вашего сайта

megainformatic - Модуль отзывов/комментариев для вашего сайта

megainformatic - Модуль короткие ссылки short link

megainformatic - Работа с сокетами fsocket из php

megainformatic - Как создать игру Создание игровых панелей и индикаторов

megainformatic - Приключения Кости Коробкина - Как я провел лето - интерактивный комикс

megainformatic - Приключения Кости Коробкина - Как я провел лето - интерактивный комикс

megainformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс

megainformatic - Система управления сайтом на php - megainformatic cms admin files

megainformatic - обзор антивирусных средств защиты

megainformatic - как работает антивирус ?

megainformatic - Создание сайта для бизнеса

megainformatic - Новый взгляд на очевидные вещи

megainformatic - Разработка программ на c++

megainformatic - Немного о музыке

megainformatic - GET и POST запросы

megainformatic - для чего нужна карта сайта

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

megainformatic - Мысли о разном

megainformatic - Легко ли быть программистом

megainformatic - Глубины программирования на C++

megainformatic - Убираем лимит на размер импортируемого файла в PhpMyAdmin

megainformatic - Как создать torrent файл

megainformatic - Нужна ли валидация вашему сайту ?

megainformatic - Антивирус DrWeb

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

megainformatic - Что такое BitTorrent (БитТоррент)

megainformatic - Миссис Даутфайр 1993 фильм torrent

megainformatic - Как скачивать торрент-раздачу ?

megainformatic - Автотелега фильтр

megainformatic - Фильмы

megainformatic - Fahrengeit Фаренгейт игра 2006 для PC

подробнее



107 океан


просмотров: 510




106 океан


просмотров: 516




105 ria pc game темная сторона


просмотров: 9122




104 ria pc game видеообзор игры часть 9


просмотров: 9123


подробнее

Веселый Буквоежка - онлайн комикс - страница 3

представляем Веселый Буквоежка - онлайн комикс.

- Лукьяныч ! - позвал Жора. В ответ - тишина. Мертвенная, угрожающая. - Погиб он, - сказал Жора. - Зря мы сюда сунулись - сами не выйдем. И тут мы увидели Лукьяныча. Он медленно и неуверенно брел нам навстречу. - Ложись ! - крикнул ему Жора. - Ложись, тебе говорю ! Но Лукьяныч растерялся или не услышал этого крика. Он остановился, поднял руки и стал отмахиваться от морд. Из морд поползли белые волосатые языки, они схватили Лукьяныча за руки, обвили их и стали дергать, словно хотели втянуть в трубу. Лукьяныч бился, пытался оторвать от себя эти белые языки и потом, прежде чем мы успели подбежать, как-то лениво и равнодушно опустился в воду - во все стороны поплыли, словно опасаясь коснуться его, листья кувшинок.

Веселый Буквоежка - онлайн комикс - страница 3

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

[страница 1]  [страница 2]  [страница 3]  [страница 4]  [страница 5]  [страница 6]  [страница 7]  [страница 8]  [страница 9]  [страница 10]  [страница 11]  [страница 12]  [страница 13]  [страница 14]  [страница 15]  [страница 16]  [страница 17]  [страница 18]  [страница 19]  [страница 20]  [страница 21]  [страница 22]  [страница 23] 

подробнее

     
  Уроки Photoshop - Рисуем и анимируем  
     
  Уроки Photoshop - Рисуем и анимируем  
 
 
     
  [содержание]  
     
  Урок 1 - Старт - PSD, BMP, JPG, TGA, Контуры, Обесцвечивание  
     
 

Вот Мы с Вами начали наш первый урок. Вы уже наверное посмотрели титульную заставку, которая есть на этой странице и задались вопросом: А как же всё это сделано ? Отвечу - это всё было нарисовано от руки обычной мышкой.

Как ?

 
     
  Давайте попробуем. За основу возьмём пока главного героя - Веселого Буквоежку (ВБ).  
     
   
     
  Создаем новое изображение, размер пока зададим 512 x 512 пикселей.  
     
   
     
  Задаем единицы измерения - пиксели (pixels), проставляйте значения, цвет подложки (заднего плана) можно задать пока Transparent (прозрачный). Как видите на рисунке Ваши действия обозначены цифрами от 1 до 6  
     
   
     
 

Остальное нужно оставить без изменений или задать как на рисунке. Resolution - разрешение вашей картинки (пиксель/дюйм) по-умолчанию стоит 72, оставьте как есть или сделайте 300 - как у меня. Color Mode - обязательно RGB Color - чтобы мы могли работать с цветным 24 битным изображением.

1) Почему разрешение имеено 300 точек на дюйм ?

2) Почему изображение будет 24 битным ?

 
     
 

Жмём ОК и слушаем ответ на вопросы -

1) Разрешение влияет на картинку, выводимую на печать, т. е. если Вы планируете вашу картинку после её создания напечатать, то получите именно столько точек на дюйм, сколько это указано, на фактический размер картинки (512х512, который мы уже задали в пикселях), это никак не влияет, но 300 в данном случае - для печати достаточно хорошее значение;

2) Если мы задаем режим RGB Color / 8 bit - это значит каждому пикселю нашего изображения уделяется в памяти 3 х 8 = 24 бит, поскольку R (Red), G (Green) и B (Blue) - его составляющие красного, зеленого и синего будут занимать по 8 бит каждый, а в совокупности это и дает изображение 24 бит на пиксель.

Если еще прикинуть что само изображение будет 512 х 512 пиксель или = 262144 пикселей, и каждый пиксель - это 3 байта (24 бита, 8 бит - это 1 байт), то вся информация о картинке в памяти будет занимать -

262144 х 3 байт = 786432 байт.

1024 байт - это 1 Килобайт (Кб), значит наша картинка будет иметь размер - 768 Кб.

Попробуйте сохранить и проверьте какой получился размер.

 
     
 

У меня получился другой размер файла, скажите Вы. Почему ?

Причин несколько - 1) пока у нас пустое изображение, нужно хотя бы залить например сплошным цветом и сохранить еще раз;

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

Ого, размер файла стал даже больше чем 768 Кб.

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

Но вот если Вы выберите для сохранения формат файла BMP, 24 бит, то в результате получите именно то, о чём я говорил.

 
     
 

Файл BMP (Bitmap) - это точная копия того, как хранится изображение в памяти без каких-либо преобразований. Однако этот формат не используйте для своих изображений.

Рабочие изображения храните в формате PSD - при этом Вы не потеряете ничего из того, что делали - слоёв, оформления и прочих особенностей (BMP их не сохраняет).

Итоговые изображения - законченные и готовые к использованию также не сохраняйте в BMP - они получаются очень большие по размеру и долго обрабатываются. Вместо этого рекомендую использовать более удобный и надежный формат - JPG. По-сути это тот же BMP, но здесь можно хранить файл, выбрав приемлемое качество сжатия. Таким образом Вы достигнете сразу двух целей: получите конечный файл готовый к публикации и размер его будет значительно меньше, чем аналогичный файл BMP, даже если Вы сохраните в JPG с максимальным качеством (12).

 
     
 

Таким образом, в ходе наших с Вами уроков Вы будете работать преимущественно с файлами в форматах PSD, JPG и TGA.

Это еще что за формат ?

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

Эти три базовых формата мы и будем применять в наших уроках.

 
     
  Итак, это было немного теоретических сведений, которые Вам еще пригодятся, но продолжим наш урок.  
     
  Давайте возьмём картинку нашего героя, вставим в созданное нами изображение, сделаем его черно-белым (чтобы было легче обводить) и на отдельном слое, вооружившись кистью просто обведем контуры.  
     
  Открываем картинку fle_1.jpg из Photoshop, выбираем пункт меню Select > All чтобы выделить всё изображение в картинке  
     
   
     
  Далее выбираем Edit > Copy, переключаемся на новое, созданное нами изображение и снова выбираем Edit > Paste  
     
   
     
  Мы видим, что на новом слое Layer 2, который до сих пор был пустым появилось наше изображение.  
     
  Теперь создаем новый слой и рисуем на нём -  
     
   
     
  Вернемся на слой Layer 2 и обесцветим изображение на нём -  
     
   
     
  Щелкаем слой Layer 3, выбираем подходящий цвет, кисть и её параметры и обводим по контуру  
     
   
     
   
     
  чтобы было удобнее обводить воспользуйтесь инструментом Zoom Tool и увеличьте нужный участок картинки. Обратите внимание! Обводим на слое Layer 3 !!! Иначе наши контуры сольются с картинкой (если обводите на Layer 2)  
     
   
     
  Размеры кисти задайте порядка 3 пикселей, края твёрдые и осторожно обводите мышью контуры.  
     
   
     
  В результате у Вас должно получиться что-то подобное -  
     
   
     
  Теперь если скроем слой оригинал (по-которому мы ориентировались при обводке), то увидим наш результат. Именно такой цвет для обводки был выбран не случайно - Вам гораздо легче видеть те участки, которые Вы уже обвели, а которые - еще нет.  
     
   
     
  Маленькая хитрость - когда рисуете контуры в увеличенном изображении нажимайте клавишу [Пробел] и двигайте изображение мышью, нажав еще и левую кнопку мыши.  
     
  Ну и поскольку реальные картинки всегда бывают обведены черным, а не пурпурным цветом, то исправим этот момент -  
     
   
     
   
     
  [содержание]  
     
  Уроки Photoshop - Рисуем и анимируем  
 
 
     
подробнее

     
     
 
МОДЕЛИРОВАНИЕ НА УРОВНЕ МНОГОУГОЛЬНИКОВ
 
[Все уроки 3ds max] [Галерея моделей] [далее]
 

Создание модели книжного шкафа

Нам необходимо смоделировать представленный объект, затем применить к нему материал – дерево.

 
каркасный вид модели книжного шкафа сплошной вид
 

Создайте бокс:

Create Panel > Standard primitives > Box

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

Length = 2,8m; Width = 0,8m; Height = 2,6m;

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

Length Segs = 4; Width Segs = 3; Height Segs = 3;

 

Приступим к процессу видоизменения. Преобразуйте объект в editable poly:

Modify Panel > object name (Box) > щелчок правой кнопкой мышипо 1 пунктуокнастека > Convert To Editable Poly.

После этой операции объект преобразуется из простого параметрического в редактируемый многоугольник.

Этот новый тип объекта позволит нам сформировать пространство для полок, сформировать ножки.

Если вы щелкали вне объекта, то снова выберите объект (щелчком по нему).

Клавишей [F4] включите режим отображения граней (edged faces).

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

В окне стека разверните узел у пункта Editable poly и выберите подпункт Polygon.

Удерживая нажатой клавишу [Ctrl] выделите две грани в центре.

 
выделенные грани
 

Попробуем «вдавить» эти грани внутрь объекта, чтобы сформировать будущее пространство полки.

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

В появившемся диалоговом окне задайте: Extrusion Height = -0,7m; Затем OK.

 
грани после вдавливания
 

Расширение размеров пространства полки

Перейдите в окно Top viewport и увеличьте, переместите вид если требуется. На панели Modify раскройте узел Editable poly и выберите уровень суб-объекта Vertex (вершины).

Используя выделение мышью в окне Top viewport выделите средние верхние четыре вершины. При этом будут выделены все видимые и не видимые вершины объекта в данной зоне.

 
выделение двенадцати вершин
 
Удерживая нажатой [Ctrl] выделите аналогично 12 вершин другой стороны.
 
выделение второго набора из 12 вершин с другой стороны
 
Используя Select and Uniform Scale сместите вершины по координатной оси Y. В окне Perspective viewport вы увидите результат вашей работы.
 
раздвижка вершин масштабированием для достижения эффекта тонких стенок
 
Вдавите верхние две грани для получения пространства верхней полки.
 
получение верхней полки
 

Создание 4-х ножек

В окне Perspective viewport переверните шкаф так, чтобы было видно его дно. Используя панель модификации и уровень Polygon выделите 4-ре крайних прямоугольника по периметру дна. Используя кнопку Extrude и кнопку параметров (рядом с ней) – в группе Edit Polygons – выдавите ножки на 0,1m.

 
выдавливание ножек
 

Теперь коснемся понятия рендеринга или отрисовки. Отрисовка (Рендеринг) созданной модели – это растеризация трехмерного изображения в виде плоского.

Выберите пункт меню Rendering > Render.

В открывшемся окне Render Scene в группе Output size щелкните по кнопке 640х480

 
размер выходного изображения при растеризации
 

Нажмите кнопку Render в самом низу окна.

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

Как видим, это лишь прообраз моделирующий форму шкафа. Для придания реализма к объектам применяются различные материалы.

Под материалами в Max подразумеваются плоские изображения (называемые также текстурами) наносимые (или проецируемые) на поверхность созданных объектов.

Применим к нашей модели шкафа материал wood (дерево).

Вызовите редактор материалов – клавиша M или Rendering> Material Editor

В окне образцов щелкните любой пустой слот.

По умолчанию все слоты имеют shader Blinn.

Понятие шейдера (shader) включает следующее – это специальный алгоритм (или набор алгоритмов) моделирующий поведение материала для придания большей реалистичности. Шейдеры моделируют отражение, приломление, поглощение света.

Тип шейдера можно менять в окне параметров – группа Shader Basic Parameters. Каждый из типов шейдеров имеет свой уникальный набор параметров, хотя конечно есть и нечто общее.

Названия шейдеров обычно представляют или имена авторов или свойства и поведение и т.д.: Blinn, Anizotropic, Metal и другие.

Для моделирования поведения большинства простых материалов подходит именно шейдер Blinn, который применяется наиболее часто. Другие шейдеры больше подходят для специфических материалов – Anizotropic и Metal – для анизотропных веществ, т.е. кристаллов, металлов – материалов в которых свойства среды зависят от направления.

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

В группе Blinn Basic Parameters есть три пункта:

Ambient – окружающий свет

Diffuse – рассеянный свет

Specular – отраженный свет.

 
редактор материалов и рассеянный свет
 

Нажмите пустую кнопку напротив пункта Diffuse – и мы используем в качестве рассеянного света материала текстуру.

В появившемся окне Material/Map Browser выберите рисунок wood. Двойной щелчек приведет к автовыбору.

 
выбор материала wood
 
Будет открыто окно параметров проекций (Map) – здесь пока ничего не будем менять, а просто выберем в верхнем выпадающем списке самый первый пункт – имя создаваемого материала.
 
переход на уровень параметров материала в целом
 

Мы снова попадем в окно свойств этого материала. Переименуйте материал назвав, например wood_01. Если материал имеет несколько проекций (Maps), то их тоже можно переименовывать давая другие названия. Все изменения будут сохранены вместе с вашим файлом сцены.

Применим созданный материал к нашему объекту – шкафу – щелкните слот материала и перетаскивайте его на объект в окне Perspective viewport. Если никаких изменений не произошло, то нажмите кнопку Show map in viewport в окне редактора материалов.

 
кнопка управления отображением материала в окне вида
 

Закройте редактор материалов и попробуйте произвести рендеринг вашей сцены.

 

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

Поправим дело: вызовите редактор материалов и доберитесь в нем до параметров проекции с рисунком дерева (wood). В группе Coordinates можно управлять наложением рисунка на объект, а именно:

Offset – производить смещение на указанное число единиц по данной координатной оси;

Tiling – организовывать цикличное (повторяющееся) заполнение образцом указанное количество раз. Это нам и требуется – попробуйте изменять значения и сравнивать изменения проводя Рендеринг.

Angle – позволяет поворачивать образец на некоторый угол. Попробуйте повернуть по координате Y на 90 градусов.

Попробуйте добиться наиболее подходящих значений повторяемости и углов поворота образца.

Примечание: при частых повторных отрисовках для просмотра эффекта от изменений окно редактора материалов можно не закрывать.

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

Используя Modify panel > Editable Poly > Polygons выберите две прямоугольных грани в нижней части шкафа.

 
окончательный вариант модели книжного шкафа
 

Используя кнопку Extrude вдавите дверки на значение (Amount = -0,1m).

Создание ручек

Создайте маленький цилиндр (Cylinder) или конус (Cone) (0,01 х 0,06). Выровняйте расположение ручки, примените материал, создайте вторую ручку.

Между ручками создайте планку (используйте бокс нужных размеров).

В итоге у Вас должно получиться что-то наподобие приведенного на рисунке.

 

 
     
     
  [Все уроки 3ds max] [Галерея моделей] [далее]  

Форма для смены шаблонов сайта.

модуль template selector

template selector
Для этих целей разработан модуль для

megainformatic cms

и её модификаций (express, files, admin, e-pro, e-shop, e-mailer, seo, stat kit, social и других).


Достоинство модуля в его универсальности - он применим и для любых других cms - joomla, wordpress, drupal, dle, shop script le, presta shop и иных систем

Установка модуля включает следующие шаги -

1) размещаем файлы модуля в папке для модулей.

2) в файле template_selector_cookie.php прописываем доступный для выбора набор шаблонов

например так,

$templates = array('super', 'mega', 'classic', 'future', 'social');

Обратите внимание, что шаблоны с такими именами обязательно должны быть в папке шаблонов вашего сайта !!! По-умолчанию это папка design.

3) в модуле before_output подключаем модуль template_selector_cookie.php используя include_once

include_once "modules/template_selector_cookie.php";

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

например так,

include_once "modules/template_selector.php";

Модуль готов к работе !!!

Теперь при выборе нужного шаблона через форму и нажатии кнопки ШАБЛОН все страницы сайта будут отображаться с использованием выбранного шаблона.

Пример использования данного модуля Вы можете видеть в шапке нашего сайта или по данной ссылке -

http://varve.ru/webprojects/modules/template_selector/

Приобрести комплект megainformatic cms express files + модуль template selector


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

Приобретая данный комплект Вы получаете:

- работающий сайт под ключ, устанавливаемый в течение 10 минут, путём простого копирования всех файлов дистрибутива на ваш хостинг;

- Плюс к этому 5 различных шаблонов сайта;

- и подключенный модуль template selector;


В набор также включены следующие модули:


- before output - модули подкючаемые до вывода информации в браузер; - date time - выводит текущую дату/время на сайте;

- default meta - вывод мета-тегов по-умолчанию;

- page - модуль вывода заголовков и страниц сайта;

- run line - модуль бегущей строки;

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

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



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


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