Draw Lines Component

✨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

📒Draw Lines Component Intro

• 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.

📒Draw Lines Component Sample Cases

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.

• Sample1 - Draw to kill

• Sample2 - Draw to help

• Sample3 - Draw Bridge

• Sample4 - Copy drawing

📒Draw Lines Component Instruction

The adjustable parameters of 「Draw Lines Component」 are divided into three parts: "Exterior", "Line", and "Event".

We will combine the template "Draw to help" to provide instructions for using the 「Draw Lines Component」

1.Exterior

• [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」.

2.Line

The "Line" parameter includes two parts: "Line Style" and "Rigidbody Type"

1）Line Style

• 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.

2）Rigidbody Type

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.

3.Event

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."

1-1）Trigger Event: Begin Drawing

Set "Begin Drawing" and add the desired response events.

Trigger condition: When the player starts drawing a line.

1-2）Trigger Event: Finish Drawing

Set "Drawing Complete" and add the desired response events.

Trigger condition: When the player completes drawing a line.

2-1）Response Event: Erase Lines

The response result of this event is that drawn lines are erased.

2-2）Response Event: Edit Line Style

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.

2-3）Response Event: Enable/Disable Draw Lines Component

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."