Swipe puzzle to verify login Phone Number List

Accurate phone number list discussion.
Post Reply
nabilislam
Posts: 1
Joined: Thu Jun 09, 2022 11:29 am

Swipe puzzle to verify login Phone Number List

Post by nabilislam »

When we use our account to log in to some systems or other products, we often encounter security verification, most of which are text verification, sliding puzzle verification, Phone Number List and digital verification. This article will introduce to you in detail how to draw common sliding puzzle verification, I hope it can help you. Prototype example: . Preparation for drawing First, as shown in the figure below, we first need to prepare some required components for sliding puzzle verification: ①: One verification picture at the bottom ②: Bottom verification picture Part of the puzzle ③: Drag button ④: "Verification failed" rectangular text ⑤: "Verification successful" picture + text Right click to convert to dynamic panel. 2. Phone Number List If you want to drag the button, set the two dynamic panels of the button and the puzzle to move laterally with the drag, then the movement must be within a certain area.

How to calculate the area range: the start position of the area range is the default position of the button, which is the x-coordinate value on the left side of the button, Phone Number List and the end position of the area range is the same position as the x-coordinate on the right side of the button and the right side of the big image. In the prototype of our example, the x-coordinate value of the Phone Number List left side of the button is 30, and the left side of the small puzzle is 30. (The parameters can be set according to actual needs) The coordinate value x on the left side of the big picture at the bottom is 20, and the picture length is 374. Phone Number List (The parameters can be set according to actual needs) From this, we can conclude that the start boundary of the region range is 30, and the end boundary is 394.

Image

Then select the drag button, set the interaction to [Drag] - [Move] - [Current Component] - [Follow Horizontal Drag], set the left border to be greater than 30, Phone Number List and the right border to be less than 394. Add a new action again [Move]-[Puzzle Component]-[Follow Horizontal Drag] Description: There are some small differences between the boundary range of the puzzle and the button, because the two dynamic panels are different in size, and they are arranged on the left side of z Alignment, that is, Phone Number List the starting position of the small puzzle and the button is the same, the right side of the button is more than the small puzzle, so the end coordinate needs to be about -10, the parameters here can be set as needed; The side bounds are set to less than 384.
Post Reply