Christina Creates Games
Christina Creates Games
  • 54
  • 327 202
How to create a UI carousel in Unity || Unity UI Tutorial
You will learn how to create a UI carousel for your game over the course of this tutorial. The result can be customized in many ways and entries to the carousel will be created as Scriptable Objects so that you can create those separately and mix and match as needed.
💬 Discord 💛
You are very welcome to join! discord.gg/Gy7a9h3APK
🛍️ Affiliate links 🛍️
If you'd like to support my channel, please use my affiliate links when buying cool stuff:
My favourite assets I install by default into every project: assetstore.unity.com/lists/highly-recommended-9071944798250?aid=1101lr4hF [affiliate]
Humblebundle: www.humblebundle.com/?partner=christinacreatesgames [affiliate]
Synty Store: syntystore.com?ref:christina [affiliate]
🎮 Play my games on Itch.io 🎮
christinacreatesgames.itch.io
✍️ Github
github.com/Maraakis/ChristinaCreatesGames/tree/main/Unity%20UI%20Carousel
💸In case you'd like to support what I do
ko-fi.com/christinacreatesgames
📖 Chapters
00:00 Overview of Use cases for a UI Carousel
00:22 General overview of setup and functionality of the carousel
01:09 Creating the main Carousel elements
04:16 Adding Buttons for previous and next
05:54 Adding Text Boxes for infos
07:05 Overview of scripts we will need
07:38 Writing the script for a carousel entry
09:06 Adding functionality to the text boxes
10:46 Adding fading interactions to the carousel buttons
14:09 Adding indicators to the carousel
17:59 The UI carousel manager script
23:48 Setting everything up in the inspector
24:18 Adding button controls
Переглядів: 2 485

Відео

The Unity Button Tutorial | How to setup, add OnClick method by script and more
Переглядів 4,3 тис.4 місяці тому
This tutorial teaches you: how to set up a button in Unity from scratch, assign functionality for On Click per script or the inspector, understand how to setup different transition modes for using Sprites and more and find out how to solve the issue of players not being able to click on buttons! 💬 Discord 💛 You are very welcome to join! discord.gg/Gy7a9h3APK 🛍️ Affiliate links 🛍️ If you'd like ...
My favourite assets to polish up games | Unity asset store recommendations
Переглядів 1 тис.4 місяці тому
These are my favourite assets for polishing up my game projects! About half go into every project I create, most of those have done so for months and years, the other half are a bit more niche - but very good for their respective tasks. When this video gets published, the Unity Asset Store will have lots of assets on sale as their Dev Days of Summer event and most in this video will be part of ...
How to create a Damage Popup in Unity | ideal for crafting survival games
Переглядів 2,8 тис.5 місяців тому
Tell your players how much damage they did with a good damage popup! This works for 2D as well as 3D. These popup labels are made with TextMesh Pro and are being handled with an object pool. Contents of this tutorial - Creating the labels with TextMesh Pro - How to work with a Unity Object Pool - How to animate the label along a curve - Visualizing the curve with Gizmos in the editor to make tw...
TrackSanity | A 48h game jam stunt racing game devlog
Переглядів 7735 місяців тому
Do you love loopings? Do I have a game for you! Race around tracks littered with obstacles in my free game jam game TrackSanity! It's a single player stunt racing racing game with multiple tracks full of cool obstacles like loopings, slaloms, gravity-defying curves and your ghost to race against. In this devlog, I'll talk about how I built it as part of @DanPos @syntystudios art jam and what I ...
TrackSanity - Trailer for my stunt action racing game full of loopings!
Переглядів 2555 місяців тому
TrackSanity is a single player racing game with multiple tracks full of cool obstacles like loopings, slaloms, gravity-defying curves and your ghost to race against! Play the game for free! christinacreatesgames.itch.io/tracksanity Get a glimpse of what awaits you in this trailer for Tracksanity! I developed the game over the course of 48 hours for a jam, it's been a blast to work on! 💬 Discord...
How to create UI animation with code in Unity | UI Tweening
Переглядів 2,9 тис.6 місяців тому
Animate your UI elements in Unity by code! We'll use tweening for this, but won't use any outside asset and instead write our own. We write a script that handles the animation of an element's position and alpha and go a step further by visualizing the locations it will end up in with Gizmos. That takes a lot off guesswork out of finding the correct distances and placements when creating your UI...
Unity UI canvas modes and canvas scaler explained
Переглядів 10 тис.7 місяців тому
Learn all you need about the differend canvas modes and the canvas scaler in this Unity UI deep dive tutorial. We are going to cover: - Basics of how to structure UI into multiple Canvases and why - How to check if your cursor is over UI - Sorting Canvases - Each of the three different Canvas Modes (Overlay mode, Camera mode, World Space mode) - Taking screenshots without the UI showing and why...
Down the Mountain 🚠 Devlog of a cozy 48h jam game made in Unity
Переглядів 3,1 тис.8 місяців тому
I built a cozy photography game for a game jam! Let's journey down the mountain along a winding trail, enjoying the handcrafted sights and keeping an eye out for the animals calling this mountain their home. You have your camera with you, so have a fun and relaxing day exploring! Play the game on itch.io! christinacreatesgames.itch.io/down-the-mountain It's a cozy photography game. You can play...
Down the Mountain 📸 A cozy photography game set on a mountain - Trailer
Переглядів 7738 місяців тому
Let's journey down the mountain along a winding trail, enjoying the handcrafted sights and keeping an eye out for the animals calling this mountain their home. You have your camera with you, so have a fun and relaxing day exploring! Play the game on itch.io! christinacreatesgames.itch.io/down-the-mountain The game will fit into a relaxing evening and there are no spiders on the mountain :)
Unity UI Canvas Anchors explained
Переглядів 4,8 тис.9 місяців тому
The Unity UI Anchors menu looks intimidating? I'll explain how to use it. We'll have a look at how anchors and pivot points determine where your game's UI elements sit on different screen resolutions, how those positions are calculated and how understanding them helps a lot in building a general UI layout as well as a modal window. 💬 Discord 💛 You are very welcome to join! discord.gg/Gy7a9h3APK...
How to Highlight, Copy Paste Text in Unity with TextMesh Pro
Переглядів 1,6 тис.9 місяців тому
Learn how to copy text from your Unity game to your system's clipboard to paste everywhere and add a colored highlight to your text to make it visible. This works with Text Mesh Pro You can paste text copied like this into input fields in your Unity game, or outside of your game, as it uses the operating system's clipboard. We go through four different ways to tackle this: Copy all of a text bo...
How to setup a Toggle in Unity - and how to assign dynamic functionality
Переглядів 3,8 тис.10 місяців тому
You will learn how to set a Toggle up on the UI in Unity, how to get values from it by script, how to assign methods to it with code, how to work with toggle groups and how to add a bit of life and style to Toggle buttons. Squash and Stretch Effect tutorial: ua-cam.com/video/F_LtpgpTHA8/v-deo.html Looking for toggle switches instead? Find the tutorial here: ua-cam.com/video/E9AWlbPGi_4/v-deo.ht...
Trello for game dev - automate it!
Переглядів 1 тис.11 місяців тому
You can automate your Trello workflows with just a few clicks and it's all done without coding. Perfect to plan your game dev project more easily! We will create a few different kinds of automation in order of complexity: - Automate labeling of cards, - create a button that picks something random from our to do list and moves it into our focus list - create a card button which simplifies settin...
Trello for game dev - Starter guide!
Переглядів 2,7 тис.11 місяців тому
This walkthrough will teach you all the basics you need to start working with Trello for game dev projects effectively. I show you how to setup boards, how to create lists, how to work with cards, give a deep look into Checklists and we will have a first look into creating dependency systems. I explain how I choose which subscription tier I'm using and why; why starting out with three lists is ...
I'm excited about the Unity Asset Manager!
Переглядів 1,7 тис.Рік тому
I'm excited about the Unity Asset Manager!
Style your Unity toggle switch with color and material transitions!
Переглядів 1,9 тис.Рік тому
Style your Unity toggle switch with color and material transitions!
Creating a Toggle Switch System in Unity step by step (Toggle Button)
Переглядів 7 тис.Рік тому
Creating a Toggle Switch System in Unity step by step (Toggle Button)
This is how you look at and watch your target in Unity 2D! (Target Tracking)
Переглядів 1,5 тис.Рік тому
This is how you look at and watch your target in Unity 2D! (Target Tracking)
Create a Squash and Stretch effect in Unity with code (2D, 3D, UI)
Переглядів 5 тис.Рік тому
Create a Squash and Stretch effect in Unity with code (2D, 3D, UI)
This is how you layout lists with TextMeshPro
Переглядів 1,7 тис.Рік тому
This is how you layout lists with TextMeshPro
How to Create a reusable Resource Bar in Unity 💛 For HP, MP, Energy,...
Переглядів 1,6 тис.Рік тому
How to Create a reusable Resource Bar in Unity 💛 For HP, MP, Energy,...
The Unity Dropdown: Get value, add dynamic content, set value and styling guide 💛
Переглядів 16 тис.Рік тому
The Unity Dropdown: Get value, add dynamic content, set value and styling guide 💛
Hidden in plain sight: The Color Palette 💛 Unity Tipps
Переглядів 1,2 тис.Рік тому
Hidden in plain sight: The Color Palette 💛 Unity Tipps
Developing a Rhythm Game Design Prototype [Devlog + Assets]
Переглядів 1,8 тис.Рік тому
Developing a Rhythm Game Design Prototype [Devlog Assets]
Create a custom cursor and let it react to your game in Unity!
Переглядів 1,7 тис.Рік тому
Create a custom cursor and let it react to your game in Unity!
Must need to know Font sources for Game Development 💛
Переглядів 1,9 тис.Рік тому
Must need to know Font sources for Game Development 💛
The shadows made me do it 💛 Architectum Devlog 2
Переглядів 407Рік тому
The shadows made me do it 💛 Architectum Devlog 2
TextMeshPro Input Field in Unity: Basics to Pro Features 💛
Переглядів 14 тис.Рік тому
TextMeshPro Input Field in Unity: Basics to Pro Features 💛
Simplify your UI workflow by working with UI kits!
Переглядів 3 тис.Рік тому
Simplify your UI workflow by working with UI kits!

КОМЕНТАРІ

  • @goksicar91
    @goksicar91 2 дні тому

    This is not working for me..I cannot recolor the toggle..Do I need the Flag Coloring script, that is missing from yout github?? please help, tnx

  • @maumaga
    @maumaga 2 дні тому

    Very good tutorial! But is there a way to use a single variable font file, configuring their axis, instead of assigning style by style (separate files)?

    • @ChristinaCreatesGames
      @ChristinaCreatesGames 2 дні тому

      Thank you =D! Last time I checked, there wasn't yet a system where you'd only use a single file. That would be nice, but alas.

  • @enderepsilon
    @enderepsilon 2 дні тому

    Motherfucker, I've been banging my head against the wall trying to figure out why Dropdown didn't work and it was just a different type. Thanks, enjoy the like and sub

  • @JensenSagaStudio
    @JensenSagaStudio 6 днів тому

    Thank you so much I've been fighting with mine for hours.😁

  • @random_precision_software
    @random_precision_software 8 днів тому

    Christina could you do a video on his to use a font png sprite sheet,i have loads of great fonts in pngs. I think you use the sprite asset?

  • @behenee
    @behenee 8 днів тому

    it was crystal clear! the expressions are flawless. thank you for this video <3

  • @Peter28148
    @Peter28148 9 днів тому

    Thank you so much!! quick question does having too many listeners be a bad thing? I am creating a Ui only (not a game) mod maker helper thing. so there are going to be a lot of inputs...

  • @kpm25
    @kpm25 12 днів тому

    Thanks a lot!!

  • @palanolho82
    @palanolho82 13 днів тому

    Great tutorial as always @ChristinaCreatesGames!. Question... couldn't you have learped the image switch (night/day for example) using a canvas group alpha? Asking because I'm trying to do it for a switch that shows an ON / OFF text

  • @apatsa_basiteni
    @apatsa_basiteni 14 днів тому

    Thanks. This helped out on my first game in Unity.

  • @F2FOST
    @F2FOST 15 днів тому

    so cozy'

  • @jugibur2117
    @jugibur2117 16 днів тому

    Thanks for sharing, really helpful!

  • @mikeha
    @mikeha 21 день тому

    do you know if its possible to have a world space ui that displays through geometry? Because a lot of games use a world space ui to show where you need to go in a city for example, and the ui indicator is visible no matter where the player is on the map, it displays through buildings. Watch Dogs is an example

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

    These videos are amazing. Thank you for sharing your knowledge.

  • @carterx-rz1do
    @carterx-rz1do 25 днів тому

    ^ Make sure to unsubscribe from the link event when the script is destroyed, otherwise you get a null error

  • @nash01
    @nash01 26 днів тому

    I managed to implement a great design that I was trying to achieve for a long time, thank you very much and what a great tutorial, keep it up

  • @neina843
    @neina843 28 днів тому

    The carousel tutorial was very helpful The personal improvement I made after applying it to my project is PointerEventData.della.x in OnEndDrag measured only the last frame, and if you drag it and hold it for a while, the movement value was measured as zero, which was not good for usability So I introduced float totalDragDistanceX, which measures the total value of movement, and floatdragThreshold for critical points, reset totalDragDistanceX to zero when OnBeginDrag, and measured the final value of movement with _totalDragDistanceX += data.delta.x in OnEndDrag, and then decided if there would be page movement compared to dragThreshold. This allowed the fine movement to keep the current page and provided the correct usability to move to another page if it moves more than a certain amount in the start drag

  • @SoraShiratori
    @SoraShiratori 28 днів тому

    This was exactly what I was looking for! Thanks a lot for putting it out there ❤ It took ages just to find a lead on my issue! >v<

  • @md.shahadathossain7641
    @md.shahadathossain7641 Місяць тому

    Awesome tutorial

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

    Straightforward and very useful, thank you. I like the color swatch renaming.

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

      Thank you! Yes, renaming colour swatches is so very underappreciated... It helps me a lot in reminding myself of where to use them.

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

    Thanks for this! You were the top search for "how to configure button on click script unity"

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

    Doesnt work.

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

    Thanks alot has been very helpful

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

    Hello, where can I find a relatively systematic free UGUI tutorial? I am reading Master Ui development with unity, which is almost the only UGUI book I can find, but the text alone does make me have some difficulties in understanding, which is why I found this video.

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

    today i just got a problem with 2 buttons that share the same script but with 2 different methods on the On Click() event, somehow they refuse to work together , and i ended up removing one of the 2, calling the other method in another way.... i really hope that does not happens everytime i need 2 buttons sharing the same script.

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

    Great video. Thank you!

  • @bardondancarloc.1756
    @bardondancarloc.1756 Місяць тому

    this helps me a lot, thank you very much

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

    What's the difference between Beautify 3 and Unity's build post processing?

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

      It is differently setus, as in you don't have multiple modules to add, but instead have all in one. It has a range of features not included in the core post processing system and for me, it's more intuitive and actually fun to experiment with.

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

    I couldn't figure out myself how to auto scale the TMP object. After watching this video I managed to do it with Content Size Fitter component. Thanks a lot.

  • @DarthMerlin
    @DarthMerlin 2 місяці тому

    I noticed you have bloom on your UI. If that's the case, how were you able to achieve that? I'm trying to add bloom to specific UI elements, but I haven't been able to figure out how to do it.

  • @erelvgalya
    @erelvgalya 2 місяці тому

    Thanks for the video! I did not understand why you have to divide/multiply by 100? Where does this "magic number" comes from?

  • @MostlySpider
    @MostlySpider 2 місяці тому

    What if you want to have multiple text mesh pro objects so that you can have different text colors. How would you set that up?

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

      I highly recommend solving that issue not with a ton of text boxes, but with styles instead! Super simple and versatile. I made a video about it here: ua-cam.com/video/9xiX_qvm2mw/v-deo.html

  • @user-hq3zi2fh9e
    @user-hq3zi2fh9e 2 місяці тому

    👍

  • @chinhvns
    @chinhvns 2 місяці тому

    Love your videos and your voice

  • @JohnFalcon
    @JohnFalcon 2 місяці тому

    You're one of the few devs on UA-cam who actually uses OnValidate!!

  • @MSCardinal
    @MSCardinal 2 місяці тому

    4:30 For those of you that cannot use this method (as indicated by the warning "Calling IsPointerOverGameObject() from within event processing (such as from InputAction callbacks) will not work as expected; it will query UI state from the last frame") use something like the following code: Vector2 mousePosition = Mouse.current.position.ReadValue(); List<RaycastResult> raycastResults = new List<RaycastResult>(); PointerEventData pointerEventData = new PointerEventData(EventSystem.current); pointerEventData.position = mousePosition; EventSystem.current.RaycastAll(pointerEventData, raycastResults); if (raycastResults.Count > 0) return;

  • @DRKL
    @DRKL 2 місяці тому

    Came for tutorials, stayed for voice. You actually have a sooo pretty voice!

  • @GR00V3R73
    @GR00V3R73 2 місяці тому

    A HUGE help! Thank you! :)