Draw Lines Component
#Content Editor #Template Content Creation #Blank Canvas
Last updated
#Content Editor #Template Content Creation #Blank Canvas
Last updated
✨Entrance of Template Content Creation：Work Preview Area>>>Draw Lines Component button / Layer Area>>>Draw Lines Component
✨Entrance of Blank Canvas：Gameplay Template>>>Component>>>Draw Lines Component
Related case tutorial can refer to Draw Lines Component - Blank Canvas Tutorial
Currently, both "Template Content Creation" and "Blank Canvas" support the use of the "Draw Lines Component." With "Template Content Creation," you can make adjustments to the components based on the original template's gameplay. With "Blank Canvas," you can create assets for draw lines gameplay from scratch.
Based on the existing 「Draw Lines Component」 ,you can adjust the template's drawable area, line style, and other related settings.
Note: Only one component can be added per scene, but component can be added across scenes or copied.
The "Draw Lines Component" is suitable for gameplay where lines can be freely drawn within a designated area. Using the "Draw Lines Component" you can draw lines within a specified area and trigger various effects based on the lines.
The adjustable parameters of 「Draw Lines Component」 are divided into three parts: "Exterior", "Line", and "Event".
[Show&Hide] Separate Setting：Same as appearance parameters for each layer. You can adjust whether the 「Draw Lines Component」 is displayed separately in landscape/portrait mode.
Position&Size：You can modify the width, height, and position of the 「Draw Lines Component」. They determine the range where lines can be drawn (as shown in the example below, the green overlay indicates the playable area for drawing lines).
Screen adaptation：Same as appearance parameters for each layer, you can adjust the screen adaptation method for the 「Draw Lines Component」.
Scale：Same as appearance parameters for each layer, you can adjust the scale ratio of the 「Draw Lines Component」.
The "Line" parameter includes two parts: "Line Style" and "Rigidbody Type"
You can set the color and thickness of the drawn lines.
Clicking on "Preview Line" allows you to preview the set line styles directly on the canvas.
The Rigidbody Type can define whether the drawn lines have physical properties.There are four types to choose from:
Non-rigid Body: Non-rigid Body objects do not have physical properties and are only displayed as images.
Static Rigidbody: Static bodies have physical properties and can collide with other bodies but remain stationary themselves, such as walls, floors, etc., which are considered "Static Bodies."
Dynamic Rigidbody: Objects with mass that move under external forces, following Newton's laws of motion, can collide with other types of bodies and change their velocity, such as freely falling balls.
Kinematic Rigidbody: Objects that move at a constant velocity without considering force or mass, colliding with "Dynamic Bodies," such as balls moving at a constant speed.
Note: In the "Draw to help" template, adjusting the Rigidbody Type is not currently supported.
Two types of trigger events can be configured on the Draw Lines Component："Begin Drawing" and "Finish Drawing".
Response events related to the Draw Lines Component include "Erase Lines," "Edit Line Style" "Enable/Disable Draw Lines Component", "Create a rigid body after drawing the lines."
Set "Begin Drawing" and add the desired response events.
Trigger condition: When the player starts drawing a line.
Set "Drawing Complete" and add the desired response events.
Trigger condition: When the player completes drawing a line.
The response result of this event is that drawn lines are erased.
The response result of this event is that the lines drawn by the component are modified to the specified style.
Note: This response event is effective for undrawn lines only.
Choose to enable/disable the component.
If "Disable" is selected, the response result of this event is that the component can no longer start or end drawing lines.
If "Enable" is selected, the response result of this event is to cancel the "Disable" state.
2-4）Response Event: Create a rigid body after drawing the lines
The response result of this event is that lines are converted into bodies based on the selected "Rigidbody Type."
Sample1 -
Sample2 -
Sample3 -
Sample4 -
We will combine the template to provide instructions for using the 「Draw Lines Component」
