Как нарисовать фон для игры | Parallax | Aseprite | Pixel art

Поділитися
Вставка
  • Опубліковано 4 січ 2023
  • В этом видео мы нарисуем простенький Фон для вашего платформера.
    Parallax можно реализовывать многими способами. Поскольку я не очень хорош в программировании, мне пришлось взять скрипт с другого канала. Вот ссылка на этот ролик. • Unity Parallax Tutoria...
    Группа ВК : club212567519
    Для тех кто хочет поддержать канал : boosty.to/nibicu
  • Ігри

КОМЕНТАРІ • 143

  • @bibibtrigger8447
    @bibibtrigger8447 Місяць тому +3

    Очень простым образом создать приятный вид. Реально очень стильно

  • @Nonobody7777
    @Nonobody7777 Рік тому +17

    Именно то, что я искал! Все просто и понятно.

  • @darkfrei2
    @darkfrei2 Рік тому +3

    Спасибо, очень легко, когда так подробно и по шагам разложено!

  • @user-gg7hc8up3v
    @user-gg7hc8up3v Рік тому +3

    Очень полезное и интересное видео. Буду ждать ваших роликов. Приятно и без воды всё объяснил

  • @AlboKumo
    @AlboKumo Рік тому +6

    Очень рад что ты вернулся к роликам, делаешь качественно интересно и полезно. Красавчик)

  • @March8334
    @March8334 Рік тому +5

    Спасибо большое за видео! Очень его ждал.

  • @user-wu9uf7nm3h
    @user-wu9uf7nm3h Рік тому +2

    С возвращением, классный ролик👍

  • @firecrystal5843
    @firecrystal5843 10 місяців тому +1

    спасибо большое, только недавно купил aseprite и учусь различным фишкам у вас

  • @dayteedeg1g1
    @dayteedeg1g1 Рік тому +3

    Очень полезный туториал , благодарю

  • @qkqskakdfskk2
    @qkqskakdfskk2 Рік тому +2

    наконец-то новое видео! я очень рада:)

  • @notsenq
    @notsenq Рік тому +3

    Нибицу, привет, я подписан недавно, но посмотрел уже половину твоих роликов. Твой контент максимально информативен, ты крут. А ещё, звук стал лучше после этого перерыва :D

    • @nibicu911
      @nibicu911  Рік тому +2

      Привет, я теперь пишу звук через adobe audition )

  • @clarifier4109
    @clarifier4109 Рік тому +2

    УРА, НОВОЕ ВИДЕО. ТЫ ЛУЧШИЙ! СПАСИБО ОГРОМНОЕ

  • @koshkaloloshka3817
    @koshkaloloshka3817 Рік тому +1

    Спасибо большое вашим видео!!! Благодаря этим урокам я сдам свою проектную работу по пиксельарту :)

  • @Vampir_VM
    @Vampir_VM Рік тому +3

    ОООООО ТЫ ВЕРНУЛСЯ! Это похоже совпадение но я буквально вчера всем сердцем желал чтоб ты вернулся и даже хотел попытаться связаться. У тебя лучшие обучающие ролики! Спасибо! :)

    • @nibicu911
      @nibicu911  Рік тому +2

      Спасибо за поддержку))Буду стараться больше не пропадать!

  • @rain294
    @rain294 11 місяців тому +2

    Это лучший канал по пиксельной графике на ютубе, желаю продвижения, всё-таки неоправданно мало подписчиков

    • @nibicu911
      @nibicu911  11 місяців тому +1

      Спасибо за поддержку)

  • @suprojoll
    @suprojoll Рік тому +1

    Вовремя, как раз хотел научиться делать фон. Спасибо!

  • @forestspirit5453
    @forestspirit5453 4 місяці тому +1

    Какая же имба
    Спасибо!

  • @nm_dream
    @nm_dream Рік тому +4

    Я не связана с разработками/отрисовками игр, наткнулась на это видео случайно. Но оно (как и весь канал в целом) показалось мне очень интересным и познавательным, спасибо! А может даже и пригодится в будущем; кто знает, куда жизь заведëт)

    • @nm_dream
      @nm_dream Рік тому +1

      Кстати, думаю мне даже будет полезно как будущему дизайнеру или просто человеку, который увлекается рисованием. А этот фон и проекты других видео получаются невероятно красивыми! Хочу пожелать Вам удачи от всей души!

    • @nibicu911
      @nibicu911  Рік тому +1

      @@nm_dream Спасибо большое)

  • @isaaf_yt
    @isaaf_yt Рік тому +5

    Огромное спасибо за уроки

  • @VEile2
    @VEile2 Рік тому +2

    С новым годом! Твой ролик как хороший снег на голову!

  • @alextrei2619
    @alextrei2619 Рік тому +29

    А я уже расстроилась, что Вы перестали выпускать видео 🥺

    • @nibicu911
      @nibicu911  Рік тому +11

      Не) Я тут надолго) Просто у меня были небольшие трудности, которые я решил)

    • @alextrei2619
      @alextrei2619 Рік тому +7

      Тогда я буду ждать новых видео 🌹

    • @godjizes
      @godjizes Рік тому

      @@nibicu911 Как насчет сделать полноценный плейлист о том как создать игру с нуля?

    • @quxineOfficial
      @quxineOfficial Рік тому +1

      ​@@nibicu911 привет, я рисую по твоему гайду можно немного изменю и буду использовать в своей игре?

    • @nibicu911
      @nibicu911  Рік тому

      @@quxineOfficial Можно, главное не 1 в 1)))

  • @zix2421
    @zix2421 3 місяці тому +2

    Красиво, думал это сложнее делать. Только лучи света не зашли

  • @loptomp
    @loptomp Рік тому +2

    Спасибо большое за видео!

  • @goodmantactics
    @goodmantactics 25 днів тому

    Огромное спасибо за ролик!!

  • @_truer_7070
    @_truer_7070 Рік тому +6

    Наткнулся на этот ролик из рекомендаций. Тутор очень хороший, но я бы посоветовал ускорять хронометраж монотонных моментов в ролике (рисовка сучков, листьев и т.д.) :) Желаю успехов каналу!

    • @nibicu911
      @nibicu911  Рік тому +1

      Спасибо за поддержку)

  • @bijin7510
    @bijin7510 Рік тому +1

    Очень крутое видео, рисуешь просто супер, учусь по твоим гайдам в том числе

  • @1RFS2
    @1RFS2 5 місяців тому +1

    Этот фон напоминает мне из игры кингдом

  • @user-kk5wd8wd8s
    @user-kk5wd8wd8s 3 місяці тому +1

    Посмотрела видео.Как раз для моего проекта!Мне нужно игру создать!! Удачи!

  • @gobyatgobyatovich584
    @gobyatgobyatovich584 Рік тому +2

    Ты вернулся УРА!
    Видео как раз вовремя я только на днях ломал голову как нарисовать фон

    • @gobyatgobyatovich584
      @gobyatgobyatovich584 Рік тому +1

      Ещё хотел спросить планирую делать стримый?
      Просто на стримах можно переспросить если что-то непонятно

    • @nibicu911
      @nibicu911  Рік тому +1

      Уже давно думаю об этом! Возможно в скором времени такое будет)

    • @gobyatgobyatovich584
      @gobyatgobyatovich584 Рік тому +1

      @@nibicu911 спасибо за ответ. Буду ждать

  • @woggow9900
    @woggow9900 Рік тому +1

    Чел спасибо что ты есть

  • @F1ory
    @F1ory Рік тому +3

    Неожидал я, что ты запишешь видео спустя 5 месяцев

    • @nibicu911
      @nibicu911  Рік тому +1

      Я хотел сделать это куда раньше но не вышло)

  • @fjfjfufuy3398
    @fjfjfufuy3398 Рік тому +3

    Спустя 5 месяцев ты наконец вернулся))
    Рад тебя видеть

    • @nibicu911
      @nibicu911  Рік тому +2

      Спасибо за поддержку)

  • @nevhelm
    @nevhelm 9 місяців тому +1

    Великолепное видео

  • @drayper_boyyt1681
    @drayper_boyyt1681 Рік тому +2

    Ураа, новая серия!

    • @drayper_boyyt1681
      @drayper_boyyt1681 Рік тому +1

      Только а как туда ещё персонажа добавить с анимациями? Или это можно по другим роликам? Я просто не знаю, будет ли фон каким либо образом конфликтовать с персонажем

    • @nibicu911
      @nibicu911  Рік тому +1

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

  • @tyking5850
    @tyking5850 Рік тому +1

    Ура, ты вернулся!

  • @bright307
    @bright307 Рік тому +2

    Лучший

  • @melzi5264
    @melzi5264 Рік тому +1

    Разбудите меня, блудный сын вернулся)

  • @MrBoba-yn2uq
    @MrBoba-yn2uq Рік тому +2

    кайф

  • @TimurKOI
    @TimurKOI Рік тому +1

    Спасибо большое за обучающее видео! Единственное, что Вы забыли упомянуть, так то настройки камеры в Inspector'е: размер - 0,9 и галочка на occlusion culling. А то у меня во вкладке Game не так отображалось!

    • @nibicu911
      @nibicu911  Рік тому +2

      Ты прав, буду знать)

  • @bob3ik
    @bob3ik Рік тому +3

    ТЫ ЖИВОЙ

  • @Ice_cream_2023
    @Ice_cream_2023 9 місяців тому +1

    ты топ, но хотелось бы больше видео по юнити

  • @user-uj3up9go1m
    @user-uj3up9go1m Місяць тому

    Если настройки нескольких спрайтов в юнити будут одинаковыми, то можно выбрать все эти спрайты и настроить их в окне инспектора. После нажать эплай и они применятся ко всем спрайтам. Сэкономите кучу времени
    И еще может кому полезно будет: если вы создали проект 3D или 3D URP, а делаете 2D игру, то при загрузке спрайтов у вас самый первый параметр Texture Type будет установлен на Default нужно будет тыкнуть на свиток и выбрать Sprite(2D and UI)

    • @user-uj3up9go1m
      @user-uj3up9go1m Місяць тому

      И еще я бы не оставлял камеру дефолтной. Ситуации разные бывают, конечно. Но допустим вы захотите потом использовать этот проект для фулл хд или 2к, или 4к, то что делать с этой камерой после того как все собрано под нее?
      Я бы в настройках спрайта добавил значение Pixel per unit, установил бы его в соответствии с размером всех оригинальных текстур. Если большинство ассетов нарисовали в 16х16, то ставим PPU на 16, если 32х32, то ставим 32 и тд.
      Потом на камеру накинул бы компонент Pixel perfect camerа, у нее PPU установил такое же как на спрайтах (16 или 32 или ...), и галочку для привязки к пиксельной сетке (pixel snapping), а разрешение поставил бы как указано в видео, если они подходят для пропорции 16:9 Если нет, то фон можно быстро подогнать под эти пропорции. А в самом вьюпорте оставил бы фулл хд. А в настройках камеры, НЕ КОМПОНЕНТА ПИКСЕЛЬ ПЕРФЕКТ КАМЕРА, параметр Size установить нужно по формуле: высота экрана в компоненте делить на значение PPU делить на 2.
      На этом примере получилось бы так: 180/16/2=5,625 Это и есть параметр Size для камеры. И получаем ровные пиксели как задумывали и большое разрешение
      Это не истина, конечно. Это просто мое мнение. Все значения могут меняться. Просто поделился такой инфой

  • @user-ew2bn7yx8v
    @user-ew2bn7yx8v 4 місяці тому +1

    Почему когда двигаю камереэу сначало всë нормально, а чуть много сдвигаю все ломается и и какие то объекты пропадают то появляются и слои туда сюда путаются? Ответьте пожалуйста

  • @Kirioshka
    @Kirioshka Рік тому +2

    :)

  • @ronald3596
    @ronald3596 Місяць тому

    А что за программа для отрисовки??

  • @shyt50gc16
    @shyt50gc16 Рік тому +4

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

    • @nibicu911
      @nibicu911  Рік тому +1

      Буду стараться больше не пропадать)

  • @Player_MV
    @Player_MV 7 місяців тому

    все конечно хорошо, но если мне надо будет уйти за стенку? Можно ли будет ее как то остановить?

    • @nibicu911
      @nibicu911  6 місяців тому

      С помощью кода

  • @Asilbek_Miryoqubov
    @Asilbek_Miryoqubov Рік тому +3

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

    • @nibicu911
      @nibicu911  Рік тому +2

      Если честно не понял) Можно поточнее?)

    • @Asilbek_Miryoqubov
      @Asilbek_Miryoqubov Рік тому +1

      @@nibicu911 какой размер камеры нужно для полноэкранного режима, как 4:3, 9: 16 и т.д.

    • @Asilbek_Miryoqubov
      @Asilbek_Miryoqubov Рік тому +1

      Ну, что бы в полноэкранном режиме игры слева и справа не стояли толстые чёрные линии

    • @smetana889
      @smetana889 9 місяців тому

      Ставь full HD в окне отображения игры и все нормализуется))

    • @Asilbek_Miryoqubov
      @Asilbek_Miryoqubov 9 місяців тому

      @@smetana889 да ладно чтобы это поставить нужно чтобы разработчик поставил правильное соотношение сторон, ну так что же мне делать в соей игре, кто мне full HD сделает?

  • @makspro0735
    @makspro0735 5 місяців тому

    Спасибо за гайд все работает отлично!(только почему-то новый спрайт не хочет появляться когда заканчивается первый не могу понять с чем это связано)

    • @nibicu911
      @nibicu911  4 місяці тому

      Смотри ошибку в коде

    • @makspro0735
      @makspro0735 4 місяці тому

      @@nibicu911 всё верно

  • @user-xh1iy8hn2y
    @user-xh1iy8hn2y 3 місяці тому +1

    Что за игра в начале?

  • @mrmij228
    @mrmij228 Рік тому +2

    А будет туториал как рисовать меню?
    И скоро ли новый ролик?

    • @nibicu911
      @nibicu911  Рік тому +2

      УУУУУУ))) помню делал платформер. И такой думаю, ну самое легкое оставлю на потом, это музыка и меню)))Как же я ошибался) Я запишу в очередь Меню) Новый ролик уже скоро)

    • @mrmij228
      @mrmij228 Рік тому +1

      @@nibicu911 спасибо!

  • @WeeSaRtes
    @WeeSaRtes Рік тому +1

    В каком разрешении лучше всего рисовать игру? От вида с богу ( Пошаговое Рпг )

    • @nibicu911
      @nibicu911  Рік тому +1

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

    • @WeeSaRtes
      @WeeSaRtes Рік тому

      @@nibicu911 Нет, я имел в виду размеры поля, на котором будет нарисована вся игра. Но я уже разобрался, и решил рисовать в 1280х720. Но всё равно спасибо за ответ

  • @user-mj7pd4qv2c
    @user-mj7pd4qv2c 8 місяців тому

    А можно создать анимированный фон? Например, чтобы на заднем плане было море с волнами

    • @nibicu911
      @nibicu911  6 місяців тому +1

      Конечно

  • @Gamerune
    @Gamerune Рік тому +1

    Всем привет, что за игра на 0.40 сек?

  • @user-oo5hh2fh3h
    @user-oo5hh2fh3h Рік тому +2

    Вы можете пояснить как открыть в асепрайт PSD. фаил со слоями нарисованный в другой, нормальной программе. Надо преренести в асепрайт для анимации. Можно конечно каждый слой копировать в вручную. Программа то хорошая, но рисовать в ней неудобно. Она дерганая кривая. Фотошоп или САЙ, он более адекватно, для людей сделан художниками, а не программистами.

    • @user-oo5hh2fh3h
      @user-oo5hh2fh3h Рік тому +1

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

    • @nibicu911
      @nibicu911  Рік тому +1

      Ох уж этот PSD!)) Честно говоря я ни разу не переносит этот формат а асепрайт.

    • @user-oo5hh2fh3h
      @user-oo5hh2fh3h Рік тому

      @@nibicu911 ни один фаил со слоями нельзя открыть в асепрайт

  • @blarash91
    @blarash91 Рік тому +1

    вы не думаете о создании boosty? Я б подписалась Х)

    • @nibicu911
      @nibicu911  Рік тому

      Да, он уже есть)Правда я совсем недавно сделал его. boosty.to/nibicu

  • @potatokiller2829
    @potatokiller2829 8 місяців тому

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

    • @dafni_4602
      @dafni_4602 8 місяців тому

      Точно такая же проблема, решил?
      я чет нигде найти не могу

    • @dafni_4602
      @dafni_4602 8 місяців тому

      я нашел решение, в настройках камеры, измени параметр size с твоего значения на 0.9.

  • @OfficialRu_Channel
    @OfficialRu_Channel 8 місяців тому

    Можно трек лист пожалуйста?

  • @thebugski8215
    @thebugski8215 Рік тому +2

    Кто то знает что за игра на 0:29?

  • @feresiktv4594
    @feresiktv4594 Рік тому +2

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

    • @nibicu911
      @nibicu911  Рік тому +2

      Это нормально! Обычно из 5 проектов хорошо если 1 выпустишь! Главное ты не опустил руки! У меня тоже есть такие проекты.

  • @tirstitmusic
    @tirstitmusic Рік тому +2

    Сделай видео про 2д анимацию, не top down. Очень нужно, пожалуйста

    • @nibicu911
      @nibicu911  Рік тому

      Привет. Ну тут тема индивидуальная)не факт, что мое видео подойдет конкретно к твоей модели)видео по анимации есть, и дальше будут.

    • @tirstitmusic
      @tirstitmusic Рік тому +1

      @@nibicu911 хорошо. Я уже научился рисовать анимацию ног, а вот рук ваще нема

    • @nibicu911
      @nibicu911  Рік тому +1

      @@tirstitmusic с какой конкретно анимацией возникли проблемы?

    • @tirstitmusic
      @tirstitmusic Рік тому

      @@nibicu911 2Д. С видом с боку. Как анимировать так чтобы больше схоже было на человеческую походку. Словами мне трудно объяснить. Простите

  • @gobyatgobyatovich584
    @gobyatgobyatovich584 Рік тому +2

    Кстати я один заметил что он иногда посмеивался 🤔

    • @nibicu911
      @nibicu911  Рік тому +1

      Да) Просто видео идет долго. Я всегда ставлю себя на место слушателя. И когда я говорю что все фон готов, можно перейти в юнити, а потом такой, хотя давайте добавим еще деталей, например луч)) а прошло уже мин 10 и бедные люди, какай еще луч) Бывает у меня такое)

    • @gobyatgobyatovich584
      @gobyatgobyatovich584 Рік тому +2

      @@nibicu911 понятно)

  • @vVvirtuzZz
    @vVvirtuzZz Рік тому +1

    Всё равно кушает качество, подскажите как быть(

  • @user-gg7hc8up3v
    @user-gg7hc8up3v Рік тому +2

    Прозрачность на лучах забыл.

    • @nibicu911
      @nibicu911  Рік тому +1

      Точно))) поторопился)

  • @ARZ-dilarchik
    @ARZ-dilarchik 7 місяців тому

    А что за программа, а то я только начал программированием заниматься😅

  • @EnOverd6d
    @EnOverd6d Рік тому

    братишка тут проблемка когда беру цвет из видео 2:57 прога пишет у вас маленькая палитра

    • @nibicu911
      @nibicu911  Рік тому +2

      Чесно не знаю, что это может быть)

    • @EnOverd6d
      @EnOverd6d Рік тому +1

      Все равно спасибо

  • @davidgalstyan1661
    @davidgalstyan1661 5 місяців тому +1

    А если что-то не правельео сделали как удалить?

  • @bobabeba
    @bobabeba Рік тому +1

    А можно ссылку на скрипт ?🥺😭

    • @nibicu911
      @nibicu911  Рік тому +1

      Вечером посмотрю. Если не забуду.

  • @EnOverd6d
    @EnOverd6d Рік тому +1

    Что за игра на фоне?

    • @nibicu911
      @nibicu911  Рік тому +3

      Phoenix Hope
      Kingdom Two Crowns
      FEZ
      Shovel Knight Dig

    • @EnOverd6d
      @EnOverd6d Рік тому +1

      Спасибо бро

  • @resttricted_
    @resttricted_ 5 місяців тому

    parallax не работает(

    • @nibicu911
      @nibicu911  4 місяці тому

      Ищи ошибку в коде.

  • @The_Coven_of_Virtual_Chaos
    @The_Coven_of_Virtual_Chaos 10 місяців тому +5

    using System.Collections;
    using System.Collections.Generic;
    using UnityEngine;
    public class Parallax : MonoBehaviour {
    private float length, startpos;
    public GameObject cam;
    public float parallaxEffect;
    void Start () {
    startpos = transform.position.x;
    length = GetComponent().bounds.size.x;
    }
    void FixedUpdate () {
    float temp = (cam.transform.position.x * (1 - parallaxEffect));
    float dist = (cam.transform.position.x * parallaxEffect);
    transform.position = new Vector3(startpos + dist, transform.position.y, transform.position.z);
    if (temp > startpos + length) startpos += length;
    else if (temp < startpos - length) startpos -= length;
    }
    }