XHXIAIEIN's Recent Forum Activity

- XHXIAIEIN
- - Joined 26 Mar, 2016
  - 30 topics • 197 posts
- 3
- 4 Jun, 2022
- Quote
should be allow to scaled from objects borders, as Photoshop, instead of 8 endpoints, which works great on some large objects. such as backgrounds, sky, textures.

Because when you have a large object and then zoom the editor view big, you have a hard time finding the endpoints.

XHXIAIEIN
- Joined 26 Mar, 2016
- 30 topics • 197 posts
1

2 Jun, 2022
Quote

You can use 'Stylus' Chrome extension chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

and create this style:

.eventSheetView {
 font-family: "Cascadia Mono"
}

If you want to know more, you can refer to theme.css of c3-theme-sdk:

/*
	Note that when specifying colors in CSS variables, the color MUST be specified
	in six-digit hex format (e.g. #FF0000). For any other CSS properties any kind of
	syntax may be used, but CSS variables are read from JavaScript and require a
	specific format to be used. Layout View colors can also use rgba() syntax.
*/

body {
	/* Adjust the window active and inactive caption colors to be green */
	--window-caption-inactive-color: #008000;
	--window-caption-active-color: #00A000;
	
	/* Other CSS variables available:
	
	--window-border-size				Width of resizable window/dialog borders - MUST be in 'px'
	--window-thin-border-size			Width of non-resizable window/dialog borders - MUST be in 'px'
	
	--default-icon-color				Default color of icons in the UI
	--project-item-icon-color			Color of project items, e.g. layout icon, event sheet icon
	--effect-icon-color					Color of the 'fx' icon for effects
	--family-overlay-icon-color			Color of overlay used on family icons
	
	--invert-icon-color					Event sheet invert cross icon color
	
	--default-layer-color				Initial color of a layer
	
	--c3logo-type: light;				Set to 'dark' to enable dark-background Construct 3 logos
	*/
}

.eventSheetView {
	/*
	--event-sheet-background-color		Background color of the event sheet
	*/
}

canvas.layoutView {
	/*
	Note: LayoutView CSS variables can also use rgba() syntax, rather than hex.
	This is important for selection fill colors, which use the alpha component.
	
	--layoutview-border-color			Layout border color
	--layoutview-margin-color			Background color of area outside layout
	--layoutview-margin-edges-color		Color of edge of margin markers
	
	Colors of various select boxes outline and fill in the Layout View:
	
	--layoutview-select-box-fill-color
	--layoutview-select-box-outline-color
	--layoutview-container-box-fill-color
	--layoutview-container-box-outline-color
	--layoutview-wrap-fill-color
	--layoutview-wrap-outline-color
	--layoutview-resize-handle-fill-color
	--layoutview-resize-handle-outline-color
	
	Other miscellaneous variables:
	
	--layoutview-viewport-dash-size		(in px)
	--layoutview-collisionpoly-color
	--layoutview-collisionpoly-width	(in px)
	*/
}

- XHXIAIEIN
- - Joined 26 Mar, 2016
  - 30 topics • 197 posts
- 1
- 2 Jun, 2022
- Quote
In fact, I would call 'Construct Animate' as 'Construct Lite', just like the way Starbucks markets its medium, large and extra-large cups. You know, CA is not aimed at professional game developers, but teachers who only need a small part of C3 for making interactive type videos or applications.Its functions are separated from the C3, but the price is less, and it is more conducive to marketing.That's why CA is not a dedicated plugin, but another product.

I don't think it distracts from scirra because Construct Animate is mainly being developed by Diego. And Ashley has been focusing on C3 feature. so that he can keep 2 software updates going weekly. For now, updating CA is actually updating C3 Timeline, so it won't have any impact.
- XHXIAIEIN
- - Joined 26 Mar, 2016
  - 30 topics • 197 posts
- 1
- 2 Jun, 2022
- Quote
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- XHXIAIEIN
- - Joined 26 Mar, 2016
  - 30 topics • 197 posts
- 2
- 1 Jun, 2022
- Quote
CA suggestions:

In the timeline toolbar, displayed current parameter and allowed to edit.

I don't need to think for a few seconds what the X value is now, where can i edit it ? The eye only needs to focus on 1 place, instead of looking to the left, looking up, and looking at the canvas in the middle. Currently, my eyes have to look at 3 places at the same time.

Also solved 1 problem, I can edit the value of X just need to check the properties of the timeline. Currently, I have to select the object before I can edit the properties.

-----

Off topic, I suddenly thought of a book 'Don't Make Me Think' by Steve Krug. recommended reading. may be helpful for the interactive experience of your design tool
- XHXIAIEIN
- - Joined 26 Mar, 2016
  - 30 topics • 197 posts
- 2
- 1 Jun, 2022
- Quote
Recommendation:

Commission some professional animator to create some animation templates.

For example, use them to make some story. It would be better if it could include some body movements, text dialogue, cutscenes, camera changes

As they make it, let them provide editor feedback on their use. I think their experience will be more in line with expectations
- XHXIAIEIN
- - Joined 26 Mar, 2016
  - 30 topics • 197 posts
- 1
- 1 Jun, 2022
- Quote
Does probable it support translator use BBCode for custom alignment? For example, I can use [align=left|center|right]text[/align] to align text. Or it will only judge once at the beginning.

For example

[align=left]Well done for picking a powerful and easy-to-use game creation tool! Take a guided tour to start building your first game with step-by-step instructions. You won't believe how quick and easy it is![/align]

[align=left]你好，年轻的冒险者！欢迎使用我们的游戏制作工具！如果你是第一次使用，可以参与 初学者入门引导 的教程。跟着我一步步尝试制作属于你的第一款游戏。感受一下它是多么友好，并且功能也非常强大！[/align]

Because Asian languages and English are read differently. In the Chinese, the experience of reading paragraph text with center wrapping is really bad. At this time, the best experience is to align left or justify.

Of course, I guess you could say that when it detects that the user is using Asian language, use all left-aligned. No, it's bad. Because there are still many places that need to use the default center align, such as button, title, and some short text in one line. So, the translator knows best where to align left and where to use right.

Keep whitespace exactly the same. Do not add whitespace where there is none in the English translation, and do not remove whitespace where it is used in English.

For some dialog of the editor, currently do not support manual newline in some dialog. That Really need translator can wrap lines manually. This is still the problem, not so the reading experience of a paragraph in Chinese is very bad. They each paragraph requires at least 2 blank lines

For example, currently 'about', 'welcome text', '2 hours break reminder’ not support manual line wrapping
- XHXIAIEIN
- - Joined 26 Mar, 2016
  - 30 topics • 197 posts
- 1
- 31 May, 2022
- Quote
CA suggestions:

add a drop down option to the Play button to Play to the next keyframe.
- XHXIAIEIN
- - Joined 26 Mar, 2016
  - 30 topics • 197 posts
- 7
- 26 May, 2022
- Quote
About the Timeline editor experience
1. Total time should automatically follow of the last keyframe by default.
  github.com/Scirra/Construct-3-bugs/issues/5527
Missing search bar. github.com/Scirra/Construct-3-bugs/issues/5606

Pause in Play(Editor Preview). construct3-21h2.ideas.aha.io/ideas/C321H2-I-202

Enable Snap to Grid by default. construct3-21h2.ideas.aha.io/ideas/C321H2-I-279

Rotate View Tool in the editor. construct3-21h2.ideas.aha.io/ideas/C321H2-I-182

Smart Alignment. construct3-21h2.ideas.aha.io/ideas/C321H2-I-187

Toggle 'Preview Z elevation' Option. construct3-21h2.ideas.aha.io/ideas/C321H2-I-265

When set the select mode, display select mode in the property. construct3-21h2.ideas.aha.io/ideas/C321H2-I-323

More friendly shortcut keys. construct3-21h2.ideas.aha.io/ideas/C321H2-I-44

~~Press 'space' in the animation editor, can preview animation. construct3-21h2.ideas.aha.io/ideas/C321H2-I-51[/s][/li]~~

Toolbar to easily access(1). construct3-21h2.ideas.aha.io/ideas/C321H2-I-116

Toolbar to easily access(2). construct3-21h2.ideas.aha.io/ideas/C321H2-I-224

Better Particles system. construct3-21h2.ideas.aha.io/ideas/C321H2-I-168

----
1. ~~When I click anywhere in the timeline to move the red line, I can quickly preview the animation position at that time. Currently I have to preview it from scratch to be able to observe~~
2. More friendly preview easing editor.For example showing a small animation on the editor. Including: Line, zoom, position translation, the effects of several modes, help us quickly understand what function this is.
3. Support some "mirror" animation calculation methods. For example, I edited and designed an animation of "waving the arm forward to the right", which can be automatically mirrored and moved to the left without having to manually edit it again.
4. Support preview of effects for timeline. I can preview the effect on the object in the editor. This way I don't need to preview the project every time. save a lot of time.
----

Hard:

1. Better timeline workflow rive.app

2. Better camera controls panzoid.com

3. Better Draw workflow procreate.art/en/ipad/video

4. Motion

Animation by Chris Phillips : behance.net/crispe

Animation by DeeKay deekaykwon.com
- XHXIAIEIN
- - Joined 26 Mar, 2016
  - 30 topics • 197 posts
- 1
- 24 May, 2022
- Quote
foozlecc.itch.io/3rd-person-camera-c3-tutorial
- XHXIAIEIN
- - Joined 26 Mar, 2016
  - 30 topics • 197 posts
- 1
- 12 May, 2022
- Quote
Oh, I think I know what's going on. Because operand1 and operand2 are still variables of type String.

I may have to use :

Set Result to float(operand1) > float(operand2)

XHXIAIEIN
- Joined 26 Mar, 2016
- 30 topics • 197 posts
1

12 May, 2022
Quote

I tried to use dop2000's means to compare whether they are numbers or strings, it does work. It correctly distinguishes between numeric and string types

But they still compare with the wrong result.

Clipboard: (Please see the case above for the full code, Here are just added 2 conditions: System: str(float(operand1)) = operand1)

{"is-c3-clipboard-data":true,"type":"events","items":[{"functionName":"Comparison","functionDescription":"","functionCategory":"","functionReturnType":"string","functionIsAsync":false,"functionParameters":[{"name":"source","type":"string","initialValue":"","comment":""}],"eventType":"function-block","conditions":[],"actions":[],"children":[{"eventType":"variable","name":"R","type":"string","initialValue":"(\\w+)\\s*?([<>!=]+)?\\s*?(\\d+|\\w+|[?<=\"].*?[?=\"]|[?<='].*?[?='])\\s*?","comment":"","isStatic":false,"isConstant":true},{"eventType":"variable","name":"operator","type":"string","initialValue":"","comment":"","isStatic":false,"isConstant":false},{"eventType":"variable","name":"operand1","type":"string","initialValue":"","comment":"","isStatic":false,"isConstant":false},{"eventType":"variable","name":"operand2","type":"string","initialValue":"","comment":"","isStatic":false,"isConstant":false},{"eventType":"variable","name":"Result","type":"number","initialValue":"-1","comment":"","isStatic":false,"isConstant":false},{"eventType":"block","conditions":[],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"operand1","value":"trim(RegexMatchAt(source, R, \"\", 1))"}},{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"operator","value":"trim(RegexMatchAt(source, R, \"\", 2))"}},{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"operand2","value":"trim(RegexMatchAt(source, R, \"\", 3))"}}],"children":[{"eventType":"comment","text":"Number"},{"eventType":"block","conditions":[{"id":"compare-two-values","objectClass":"System","parameters":{"first-value":"str(float(operand1))","comparison":0,"second-value":"operand1"}},{"id":"compare-two-values","objectClass":"System","parameters":{"first-value":"str(float(operand2))","comparison":0,"second-value":"operand2"}}],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"operand1","value":"float(operand1)"}},{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"operand2","value":"float(operand2)"}}],"children":[{"eventType":"block","conditions":[{"id":"compare-eventvar","objectClass":"System","parameters":{"variable":"operator","comparison":0,"value":"\">\""}}],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"Result","value":"operand1 > operand2"}}]},{"eventType":"block","conditions":[{"id":"else","objectClass":"System"},{"id":"compare-eventvar","objectClass":"System","parameters":{"variable":"operator","comparison":0,"value":"\"<\""}}],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"Result","value":"operand1 < operand2"}}]},{"eventType":"block","conditions":[{"id":"else","objectClass":"System"},{"id":"compare-eventvar","objectClass":"System","parameters":{"variable":"operator","comparison":0,"value":"\"=\""}}],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"Result","value":"operand1 = operand2"}}]},{"eventType":"block","conditions":[{"id":"else","objectClass":"System"},{"id":"compare-eventvar","objectClass":"System","parameters":{"variable":"operator","comparison":0,"value":"\"==\""}}],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"Result","value":"operand1 = operand2"}}]},{"eventType":"block","conditions":[{"id":"else","objectClass":"System"},{"id":"compare-eventvar","objectClass":"System","parameters":{"variable":"operator","comparison":0,"value":"\">=\""}}],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"Result","value":"operand1 >= operand2"}}]},{"eventType":"block","conditions":[{"id":"else","objectClass":"System"},{"id":"compare-eventvar","objectClass":"System","parameters":{"variable":"operator","comparison":0,"value":"\"<=\""}}],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"Result","value":"operand1 <= operand2"}}]},{"eventType":"block","conditions":[{"id":"else","objectClass":"System"},{"id":"compare-eventvar","objectClass":"System","parameters":{"variable":"operator","comparison":0,"value":"\"!=\""}}],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"Result","value":"operand1 <> operand2"}}]},{"eventType":"block","conditions":[{"id":"else","objectClass":"System"},{"id":"compare-eventvar","objectClass":"System","parameters":{"variable":"operator","comparison":0,"value":"\"<>\""}}],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"Result","value":"operand1 <> operand2"}}]},{"eventType":"block","conditions":[{"id":"else","objectClass":"System"}],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"Result","value":"-1"}}]}]},{"eventType":"comment","text":"String"},{"eventType":"block","conditions":[{"id":"else","objectClass":"System"}],"actions":[],"children":[{"eventType":"block","conditions":[{"id":"compare-eventvar","objectClass":"System","parameters":{"variable":"operator","comparison":0,"value":"\"=\""}}],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"Result","value":"operand1 = operand2"}}]},{"eventType":"block","conditions":[{"id":"else","objectClass":"System"},{"id":"compare-eventvar","objectClass":"System","parameters":{"variable":"operator","comparison":0,"value":"\"==\""}}],"actions":[{"id":"set-eventvar-value","objectClass":"System","parameters":{"variable":"Result","value":"operand1 = operand2"}}]}]}]},{"eventType":"block","conditions":[],"actions":[{"id":"set-function-return-value","objectClass":"Functions","parameters":{"value":"operand1 & \" \" & operator & \" \"& operand2 & \" // \" & (Result = 1 ? \"True\" : \"False\")"}}]}]}]}