Новые статьи

Создание графического меню

Прочие языки  mobile basic, java me

В этой статье будет рассмотрено создание графического меню. Многим хочется чтобы их приложение или игра были оформлены красиво, так же меню должно обеспечивать удобное взаимодействие пользователя и приложения.
Я опишу метод создания меню без использования множества спрайтов и проверки их столкновений.
Нам понадобится два графических файла: курсор, картинка меню(к примеру размер 128-160) с нарисованными прямоугольными кнопками(у нас будет 3 кнопки: СТАРТ, ПОМОЩЬ, ВЫХОД).
Нам понадобятся координаты верхнего левого и нижнего правого углов каждой кнопки.
Например:
СТАРТ-координаты 20,10;100,30
ПОМОЩЬ-координаты 30,40; 90,60
ВЫХОД-координаты 20,70; 100,90
Эти координаты понадобятся нам в дальнейшем.

И так, начнём писать код..

  1. 10 gelload "kur","kur.png"
Загружаем
Продолжить

Рейтинг:  3  (За: 4 | Против: 1)
Добавлено: 9.05.2014 от heavenzip

Комментарии (0)

Анимация движения персонажа

Прочие языки  mobile basic, java me

Для создания анимации движения, нам понадобится восемь картинок движения, 2 вверх, 2 вниз, 2 влево, 2 вправо.
(в нашем примере это будут u1.png, u2.png, d1.png, d2.png, l1.png, l2.png, r1.png, r2.png)
  1. 10 a%=8
  2. 20 for i%=0 to a%-1
  3. 30 read a$
  4. 40 read b$
  5. 50 gelload a$,b$
  6. 60 spritegel a$,a$
  7. 70 spritemove a$, -100,0
  8. 80 data u1,u1.png,u2,u2.png,d1.png,d2,d2.png,l1,l1.png,l2,l2.png,r1,r1.png,r2,r2.png

Загружаем графические файлы с помощью ''сканера'', сопоставляем спрайты с гелями, выводим спрайты за экран
  1. 90 x%=50:y%=60:k%=1:p%=1
Задаём начальные координаты x%,y% и дополнительные переменные k%,p%
  1. 100 if right(0) then x%=x%+1:p%=p%+1:sleep 20:k%=0
Если нажата клавиша 6, то x% увеличивается на единицу,
Продолжить

Рейтинг:  2  (За: 4 | Против: 2)
Добавлено: 9.05.2014 от heavenzip

Комментарии (0)

Простые эффекты

Работа с графикой  propaintmobile, ppm

Фейерверк
Открыть спойлер

Угловой градиент
Открыть спойлер

Продолжить

Рейтинг:  2  (За: 3 | Против: 1)
Добавлено: 9.05.2014 от aNNiMON

Комментарии (0)

Создание облаков

Работа с графикой  propaintmobile, ppm

1. Создаем рисунок. В моём случае 180х180

2. Заливаем фон голубым цветом.

3. Сильно распыляем область где должно находится облако распылителем белого цвета.

4. Применяем размытие 1 раз

5. Эффектором затемнение и осветление делаем немного тени и света.

6. Применяем эффект размытие ещё раз
7. Исправляем ошибки и дорабатываем
  clouds.png

Вот так я и создаю облака.


Урок подготовлен by aNNimuS
Продолжить

Рейтинг:  6  (За: 6 | Против: 0)
Добавлено: 9.05.2014 от ANS

Комментарии (9)

Рисуем воду

Работа с графикой  propaintmobile, ppm

1. Создаём рисунок 235x320 (в моем случае), в прочем нужно создавать файл такой высоты, что при финальном виде рисунка вода будет примерно в 2, 2.5 раза ниже исходного изображения.
  1.png

2. Применяем эффект "генерация текстур" с параметрами 7,1,0 должно получится как на примере.
  2.png

3. Применяем эффект "негатив каналов" с параметрами 0,0,0,1.
  3.png

4. Применяем эффект соляризация "первый пункт".
  4.png

5. Регулируем цветность воды "регулировка argb", чтобы получить цветность как у воды.
  5.png

6. С помощью инструмента "масштабирование" уменьшаем верхние части рисунка по вертикали, а нижние части также уменьшаем но
Продолжить

Рейтинг:  2  (За: 2 | Против: 0)
Добавлено: 9.05.2014 от heavenzip

Комментарии (0)
<< 1 ... 41 42 43 44 45 ... 49 >>

Мы в соцсетях

tw tg yt gt