n7484443 / cyoap_flutter Goto Github PK

Allow users to make quick corrections to text without loading the main editor. Right from the main screen. Double-click on the text, change the background to white and the cursor appears. No adjustments, formatting, color changes, etc.

Now they are arranged in a very strange way.
It would be better to place them to the left of the description and indent them slightly to the next slider.
Or it would be better to redesign this menu completely -_-

Put the arrows on the row together. On the right side.
Placing the controls so far apart is very illogical. They should all be uniformly placed on the choices and on the row.

Narrow the pop-up window. And place the name in the middle.
Perhaps you should do this for all windows.

Align "Variable name" with everything else. Dynamic text is nice, but here it's just confusing. To make it less work, you can just enter the default value. It's the same as Id anyway.

At the moment it can be set so that there would be 4 choices of the same width in a row or immediately 6. But, for some reason, not 5

The test sample should take up more space. Right now there is a lot of empty space around it, and when you work in a small window, you get these design errors.

In the online version everything works just fine, but in the win-version there are some oddities...
First - the same button behaves differently, which is wrong in itself.
Second - after clicking on "Save" the program doesn't confirm that it saved the project in any way.

Possible solutions.

1. Add a small hint message "Saved!"
2. Make two save buttons. There's plenty of space for one more icon, no problem with that yet at all.
3. Leave only saving as a zip file. To be honest, I don't understand why you need two saving formats at once, considering that the program opens and works perfectly well with zip files.

A wish for the future: Autosave and save button should have three slots. In other words, do not instantly overwrite the previous version, but save the second file. Then the third. And only then overwrite the first.

For authors, a quick preview button would be much more convenient, and readers would still play finished CYOAs online without even downloading CYOAP.

Yes, now it is possible to design the price display, but it is inconvenient. You have to adjust the color, shift, etc. every time. It would be great if there was a basic, simplified functionality for entering the price, so that the user would have to write less code and not customize the display of conditions manually.

One solution is to literally drag and drop points onto a choice, and then add them to its code automatically. And assign the exact value in the Express Editor.

You should remove the drop-down menu if there is only one option. "Save as Zip"
Clicked the icon - saved without re-clicking.

I think assigning colors to different areas and buttons is not that difficult, but it will greatly improve the perception of the program. Right now it literally has no design at all, which can make it look unfinished. And the bright white background is not very pleasing to the eye.
Of course, in addition to the main screen, you need to paint all the other screens. Setting, pictures, variables, etc.

The drop-down menu there is completely superfluous. There is enough space to put just a few icons in a row. That way they are always visible to the user and can be activated with a single click.
Especially when you remember that there's literally one line in the drop-down menu right now...

Yes, the "add choice" button repeats the existing functionality, but... It takes up little space. And sometimes I want to quickly create 10 new choices.

I don't know yet how necessary the "copy" and "delete" of the whole row is in cyoap. I've used it in ICC, but it has a different way of configuring styles.

Maybe you should also combine flutter and vue, especially since it weighs not much. Just make a button "save as final project", by clicking on which the user will get the archive which will contain all the necessary files, ready for uploading to the server.

The program should have a page with hints, tips, and instructions on how to use it. I will probably have to write it, but it would be great if you could point out the features that are hard to find and not mentioned anywhere.

'variable_show': 'Show when playing', -> "Hide completely"

Change the default state to the opposite. CYOAP has an advantage over ICC in the form of normally working conditions. Accordingly, it is likely that there will be more variables in the game than points displayed to the player.

All controls must remain in their usual places, regardless of the design of the CYOA.

It would be better to replace the drop-down menu with three or four separate icons, so that the user could immediately click the option he wants. To avoid distorting the design, it might be better to make them semi-transparent and overlay them directly on the image.

Perhaps this error occurs only if you compile yourself on a computer that does not have Korean fonts installed, but... Here.

In the win-version and in the online version opened by the link, everything works fine. Moreover, after some time (5 minutes or so)and in the version compiled on my computer the text appears, i.e. Chrome itself somehow downloads fonts.

Maybe it's worth adding a Korean font directly to the source? Or do nothing at all...

Replace the sliders with buttons. Right now they are very large and attract too much attention. But if you make them smaller and without bright colors, they will probably become awkward. A regular gray button with a check mark would be much better.

Or at least something like that, especially since the button is the entire inscription "Hidden variables" and it's hard to miss here.

The CYOA preset needs to look good from the start. To give the user a good first impression. And that if he doesn't touch the settings at all, he'll have a decent CYOA.
I realize it's a matter of taste, but white on white with no border is definitely not a good choice.

Now they're popping up literally everywhere, which is completely pointless and very annoying. For example, when loading an image, a window pops up when you haven't even had a chance to do anything yet.

It should be possible to open options from the left pane when you are in edit mode. Now you have to go back to the main screen first to do this. This greatly reduces the usefulness of the left pane.

Unfortunately sometimes it can be quite difficult to understand what a feature does, so it would be great to add tooltips. This would definitely make the program much more beginner friendly.

In the Win version, when you open the program and click the "Make" button, nothing happens. Until you select a folder. This is not very obvious behavior, especially since it works in the online version. So you might want to add a tooltip to make it clear to the user what to do.

Or don't, if you're planning to redo the front page.

위와 같이 여러 파일에서 서로 다른 CYOA를 제작할 경우 발생하는 오류입니다.

일반적으로 하나의 작업물에만 들어갔을 경우 문제 발생은 없습니다.

해당 작업물에 하나의 사진과 하나의 위치가 지정된 모습 figure 1

그러나 다른 작업물에 들어갔다가 나올 경우 문제가 발생합니다.

문제 발생 시 imageSource 파일 figure 2

우선 A가 사진 하나 뿐인 제작물
B가 잠시 열람한 제작물
열람하지도 않았으나 존재하는 제작물을 C라고 지칭하겠습니다.

한 번의 프로그램 실행 시 A에만 들어가 저장하였을 경우 정상적으로 하나의 사진만 저장됩니다. (figure 1)

하나, 실행 시 A와 B 열람 후 A에서 저장하기를 누를 경우 해당 제작물이 아닌 사진까지 지정이 됩니다. (figure 2)
그러나 제작 시 이미지 탭 내부에서 발견되는 문제는 없고 단순히 imagesource 문서 내부에서만 보이는 문제입니다.
여기서 위치 지정이 되는 사진은 A와 B 뿐만 아니라 C의 사진까지 지정됩니다.

"Design" should be at the bottom. Then "Images". And "Variables" at the top.

All corners of the screen are allocated for important functions, because it is convenient to press there, and they attract more attention.

Split the clipboard. Deleted choices should not overwrite copied ones. At least rename Delete to Crop, so people don't get confused.

The button in the lower right corner is too pale and bland. I still sometimes get lost and spend a second trying to figure out how to add an image.

Yep, it's still annoying when every time after editing a choice the program asks "There's something unsaved. Do you want to save the changes?"

If you want to save this for some reason, I'd suggest at least adding a "don't ask again, just save" option in that popup menu or somewhere in the CYOAP settings

The gap between the edge of the choice and the text. It should be adjustable. In my opinion, it is now too thin...

Something like this.

Enlarge the font on the open tab, darken the rest, add separators.

The "back" button works in a very strange way, I've already explained it. You can replace it with just a button leading to the home screen.
I would combine it with the logo. And make a clear tooltip.

Remove the top panel. There are only two buttons there now. "Back" and "Paste". And it takes up a lot of space.

It has no practical sense and hides quite a large part of the screen.
If you want to make it obvious that there is something at the top and bottom - you could at least make it three times smaller and more transparent. Although it seems to me that on all the other sites people somehow manage without it.

Untranslated options in the drop-down menu.

Right now there is a VERY strange shaped button on the home screen. What's more, it completely blends in with the background. And yes, you can even click it at the bottom, even though there are literally a few pixels there.

How is it now.

How can it be.
1.

2.

For some reason in the online version I have all the system text looking blurry. The windows version does not have this problem.

Web

Win

Now the user can only change the background color of individual rows, which leaves the bottom of the CYOA white.
This is bad.
The user should be able to set the background color around the Summary button. As well as the appearance of the button itself, so that it doesn't stand out from the rest of the game.

I have not checked, but if there is a white stripe at the top for these buttons, its background should also match the background of the CYOA

Replace with the English version or the CYOAP logo.

Issue closed, but... Um... Nothing has changed.

After deleting the last selection, the line itself does not disappear, but remains an empty line. If you save, quit, and load again, it will still disappear, but this is clearly not how it should ideally work.

During any editing, even if you just open the settings menu and leave it immediately, the variable moves to the bottom right corner, which is very annoying! They should be fixed in place, just like the choices! The user should not have to look for the variable he wants every time, it's not mahjong!

Ideally, they should be dragged from place to place with the mouse. Just like the choices.
Even better is to split the menu horizontally into two parts. The upper part shows the variables that will be visible to the player, and the lower part shows all the others, so they are not in the way and do not distract. And all new variables should be invisible by default

Since one of the features of cyoap is the sidebar with the ability to quickly navigate, the ability to change the names of the rows is absolutely necessary.

Currently, words that are too long are simply cut off to start a new line, which is wrong. In English, words must be separated by syllables, plus a hyphen.

Obviously, in the English version they should be English.

'lineSetting_tooltip_1': 'Max %s number of selections'
Now it's just a mistake, but it should be on the right, not in the middle, and not in such a bold font.
This is visible even in game mode

Now, if you cropped something wrong, you have to delete the image, upload it again, and try again. And if you wanted just a little bit less height, then you have to guess again, because the previous image is gone. It's very frustrating.

Also, CYOAP doesn't allow you to load the same image twice. If I want to crop and do the head and legs separately, I have to make a copy on my hard drive first.

Add "add image" button to the "Images" tab and background selection page