2020年12月

Create UI process

Develop Diary

2020.12.10

UI (User Interface) and UX (User Experience) are two things that you will inevitably run into when developing software. UI refers to the buttons and screen structure of the software. In this article, we will discuss the changes in UI during the development stage. Unity, Adobe products, and CG software have so many features that it is often difficult to know which window or button to press. These software programs take time to learn, but once you get used to them, you will be able to handle all kinds of situations. There are so many functions that you will learn which ones you use and which ones you don’t…. In creating the UI, I was conscious of the fact that it can be played in three steps without any knowledge like CG software. I believe that the first impression from starting the software to playback is very important, so I wanted to create a design that anyone can understand the steps to playback. I tried to make it as simple as possible so that anyone could understand it, and the initial UI looked like this, with Unity’s screen structure in mind. This is what it looked like after I modified […]

InputField and Slider Synchronization

Develop Diary

2020.12.09

I didn’t expect to find a document like the one above, where the numbers in the InputField and the corresponding slider are synchronized, so I’ll leave it as a note. I implemented it very simply and I think there is a better way. I wrote the following function. If the range of the slider is [0,1] and the range of the Input Field is [0,255], the function will look like the following. We have to compensate for each range and convert them to string and Int respectively. Attach the above script to the Slider and set the Slider, InputField, Max Number, and Min Number, and set SyncSliderChanged to “On Value Changed” in the Sldier. This will cause the value to change when the slider value changes. Next, attach and configure the InputFiled in the same way. Next, set the SyncInputFieldChanged to On End Edit in the Input Field. By using On End Edit, the value will be applied to the slider when the input is finished. You can also do the same with “On Value Changed”, but in this case, the value is applied to the middle of the input. So, if you enter “100”, the value of “1” or […]