{"id":1412,"date":"2026-04-19T14:31:06","date_gmt":"2026-04-19T14:31:06","guid":{"rendered":"https:\/\/sites.wsagames.com\/yy8y24\/?p=1412"},"modified":"2026-04-19T18:05:05","modified_gmt":"2026-04-19T18:05:05","slug":"mini-game-system","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/yy8y24\/2026\/04\/19\/mini-game-system\/","title":{"rendered":"Mini Game System"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>The video shows mini game system:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-video alignwide\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/Mini-game-system.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mini Game System:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mini Game UI:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\" data-id=\"1419\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-1-1024x683.png\" alt=\"\" class=\"wp-image-1419\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-1-1024x683.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-1-300x200.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-1-768x512.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-1-1536x1024.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-1-2048x1365.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1418\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-1024x1024.png\" alt=\"\" class=\"wp-image-1418\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-1024x1024.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-300x300.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-150x150.png 150w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-768x768.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-1536x1536.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-gallery alignwide has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"683\" data-id=\"1422\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/75a2311266a0f8dfe23abbbff4e3b1e7-1-1024x683.png\" alt=\"\" class=\"wp-image-1422\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/75a2311266a0f8dfe23abbbff4e3b1e7-1-1024x683.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/75a2311266a0f8dfe23abbbff4e3b1e7-1-300x200.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/75a2311266a0f8dfe23abbbff4e3b1e7-1-768x512.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/75a2311266a0f8dfe23abbbff4e3b1e7-1-1536x1024.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/75a2311266a0f8dfe23abbbff4e3b1e7-1-2048x1365.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1420\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-2-1024x1024.png\" alt=\"\" class=\"wp-image-1420\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-2-1024x1024.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-2-300x300.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-2-150x150.png 150w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-2-768x768.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-2-1536x1536.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u672a\u547d\u540d\u4f5c\u54c1-2.png 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" data-id=\"1453\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-15-194348-1024x611.png\" alt=\"\" class=\"wp-image-1453\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-15-194348-1024x611.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-15-194348-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-15-194348-768x458.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-15-194348-1536x916.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-15-194348-2048x1221.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I used an illustration of a character I designed as the jigsaw puzzle image, and divided it evenly into 16 square pieces. I drew a cute-style puzzle frame that resembles a music player interface.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, I create a canvas panel, import the puzzle background frame into it, and position the anchor point at the centre of the canvas panel. I add a uniform grid panel as the parent and resize it to match the dimensions of the background frame. I add 16 square buttons as children of the uniform canvas panel, arrange them in a grid within the background frame, and set the patterns of the 16 buttons sequentially to the 16 puzzle pieces.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Start Mini Game Blueprint:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220727-1024x611.png\" alt=\"\" class=\"wp-image-1434\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220727-1024x611.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220727-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220727-768x458.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220727-1536x917.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220727-2048x1222.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">My mini-game was created using a user control, rather than as a new level. So my Blueprint approach is as follows: trigger the Blueprint when the player\u2019s collision volume overlaps with the table. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, create the control, then add it to the viewport to ensure it is displayed in the game. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next, configure the mouse settings and tick the \u2018Show mouse cursor\u2019 option to display the cursor on screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, retrieve the player controller, lock the player\u2019s view and movement, and ensure that, when the game is displayed, the player moves around the scene and leaves their current position.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mini Game Blueprint:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Set rotating angle for jigsaw pieces\uff1a<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220528-1-1024x611.png\" alt=\"\" class=\"wp-image-1439\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220528-1-1024x611.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220528-1-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220528-1-768x458.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220528-1-1536x916.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220528-1-2048x1221.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When the event handler is triggered, focus is set, and the first button is made the first element to receive focus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Set up a custom event called \u2018Rotation\u2019 and add a new variable named \u2018Focus Button\u2019 with the variable type set to \u2018Button\u2019. Next, set the button\u2019s render transformation angle; the target for this node is the \u2018Focus Button\u2019. Then, retrieve the current angle of the \u2018Focus Button\u2019, add 90 degrees to this angle to obtain the render transformation angle to be set.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Rotating jigsaw pieces:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220545-1-1024x611.png\" alt=\"\" class=\"wp-image-1442\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220545-1-1024x611.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220545-1-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220545-1-768x458.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220545-1-1536x917.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220545-1-2048x1222.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A custom event named \u2018rotate\u2019 is triggered whenever a button is clicked. Therefore, capture the click event for each of the 16 buttons, and then trigger the \u2018rotate\u2019 event.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"610\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220640-1-1024x610.png\" alt=\"\" class=\"wp-image-1443\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220640-1-1024x610.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220640-1-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220640-1-768x458.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220640-1-1536x915.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220640-1-2048x1220.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The game needs to determine which button the player is rotating. The Blueprint approach is as follows: first, create a branch to retrieve the first button and set it as the target for any user focus. If the first button is the target for any user focus, set it as the focus button. If this condition is not met, check the second button, and so on until the last button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Set random angle\uff1a<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery alignwide has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" data-id=\"1446\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220510-1-1024x611.png\" alt=\"\" class=\"wp-image-1446\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220510-1-1024x611.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220510-1-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220510-1-768x459.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220510-1-1536x917.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220510-1-2048x1223.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"634\" data-id=\"1447\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220656-1-1024x634.png\" alt=\"\" class=\"wp-image-1447\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220656-1-1024x634.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220656-1-300x186.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220656-1-768x475.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220656-1-1536x951.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220656-1-2048x1268.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Before the mini-game begins, each puzzle piece is randomly rotated to a different angle, ensuring that every playthrough offers a unique experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, set the rendering rotation angles to three values: 90 degrees, 180 degrees and 270 degrees. Then, generate a random integer within these ranges; before the game begins, the puzzle pieces will be rotated randomly by 90 degrees, 180 degrees or 270 degrees.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Encapsulate the random angle from the previous step into a function and name it `Random`. Set the first button as the target for this function, then retrieve the `Random` function and set the second button as the target, and so on until the sixteenth button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Puzzle completion check\uff1a<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery alignwide has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"610\" data-id=\"1432\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220610-1024x610.png\" alt=\"\" class=\"wp-image-1432\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220610-1024x610.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220610-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220610-768x458.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220610-1536x915.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220610-2048x1220.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"610\" data-id=\"1443\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220640-1-1024x610.png\" alt=\"\" class=\"wp-image-1443\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220640-1-1024x610.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220640-1-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220640-1-768x458.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220640-1-1536x915.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/04\/\u5c4f\u5e55\u622a\u56fe-2026-04-13-220640-1-2048x1220.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The game requires you to determine whether each piece of the jigsaw puzzle has been rotated to the correct angle.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, obtain the rendering rotation angle of the first button; divide the current angle by 360, and if the remainder is 0, the condition is met. Then use the same calculation method to check all the remaining buttons. Once all buttons meet the condition, the control closes automatically.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The video shows mini game system: Mini Game System: Mini Game UI: I used an illustration of a character I designed as the jigsaw puzzle image, and divided it evenly into 16 square pieces. I drew a cute-style puzzle frame that resembles a music player interface. First, I create a canvas panel, import the puzzle [&hellip;]<\/p>\n","protected":false},"author":56,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[75,1],"tags":[],"class_list":["post-1412","post","type-post","status-publish","format-standard","hentry","category-development","category-year2"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/posts\/1412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/comments?post=1412"}],"version-history":[{"count":20,"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/posts\/1412\/revisions"}],"predecessor-version":[{"id":1454,"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/posts\/1412\/revisions\/1454"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/media?parent=1412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/categories?post=1412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/tags?post=1412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}