Sliding Puzzle (CMS) - Revision history

AFRLme at 17:03, 15 May 2023

2023-05-15T17:03:21Z

← Older revision		Revision as of 18:03, 15 May 2023
Line 1:		Line 1:
	{\| class="ts" style="width:100%"		{\| class="ts" style="width:100%"
	\|-		\|-
	! style="text-align:left" \| Name !! style="text-align:left" \| Type !! style="text-align:left" \| By ~~{{lee_PP}}~~		! style="text-align:left" \| Name !! style="text-align:left" \| Type !! style="text-align:left" \| By
	\|-		\|-
	\| Sliding Puzzle (3x3) \|\| Definition \|\| AFRLme		\| Sliding Puzzle (3x3) \|\| Definition \|\| AFRLme
Line 51:		Line 51:
	Written by AFRLme [Lee Clarke]		Written by AFRLme [Lee Clarke]
	-- + --		-- + --
	afrlme@outlook.com \| https://afrl.me		afrlme@outlook.com \| https://afrl.me \| patreon.com/AFRLme \| ko-fi.com/afrlme
	-- + --		-- + --
	This script is donation optional. In game credit is non-negotiable.		This script is donation optional. In game credit is non-negotiable.

AFRLme at 19:11, 28 April 2022

2022-04-28T19:11:21Z

← Older revision		Revision as of 20:11, 28 April 2022
Line 7:		Line 7:

	This script is used to generate & control sliding puzzle consisting of a 3x3 grid. ''Visionaire Studio 5.1.9.1 + is required to run this script''. This script is just a basic example of a sliding puzzle, you should be able to easily modify it for any grid size. It should also be possible to generate from a randomized tile order providing you provide a table of known working tile positions. You could also add a move counter, or even limit the amount of moves that can be made if you want to make the puzzle harder.		This script is used to generate & control sliding puzzle consisting of a 3x3 grid. ''Visionaire Studio 5.1.9.1 + is required to run this script''. This script is just a basic example of a sliding puzzle, you should be able to easily modify it for any grid size. It should also be possible to generate from a randomized tile order providing you provide a table of known working tile positions. You could also add a move counter, or even limit the amount of moves that can be made if you want to make the puzzle harder.

			Check out this website [https://www.cs.princeton.edu/courses/archive/spring20/cos226/assignments/8puzzle/specification.php here], for more in depth information on sliding puzzle design.

	== Instructions ==		== Instructions ==

AFRLme at 19:08, 28 April 2022

2022-04-28T19:08:57Z

← Older revision		Revision as of 20:08, 28 April 2022
Line 6:		Line 6:
	\|}		\|}

	This script is used to generate & control sliding puzzle consisting of a 3x3 grid. ''Visionaire Studio 5.1.9.1 + is required to run this script''. This script is just a basic example of a sliding puzzle, you should be able to easily modify it for any ~~sized~~ grid. It should also be possible to generate from a randomized tile order providing you provide a table of known working tile positions. You could also add a move counter, or even limit the amount of moves that can be made if you want to make the puzzle harder.		This script is used to generate & control sliding puzzle consisting of a 3x3 grid. ''Visionaire Studio 5.1.9.1 + is required to run this script''. This script is just a basic example of a sliding puzzle, you should be able to easily modify it for any grid size. It should also be possible to generate from a randomized tile order providing you provide a table of known working tile positions. You could also add a move counter, or even limit the amount of moves that can be made if you want to make the puzzle harder.

	== Instructions ==		== Instructions ==

AFRLme at 19:08, 28 April 2022

2022-04-28T19:08:06Z

← Older revision		Revision as of 20:08, 28 April 2022
Line 35:		Line 35:
	</syntaxhighlight>		</syntaxhighlight>
	\| style="width:200px;padding-left:5px;" \| [[File:sliding_puzzle_grid.png\|center\|x200px]]		\| style="width:200px;padding-left:5px;" \| [[File:sliding_puzzle_grid.png\|center\|x200px]]
	\|}~~<br/>~~<br/>		\|}<br/>
	3. Create a condition called '''puzzle_solved''', this will be used to determine if puzzle has been solved & whether or not you can move the tiles.<br/>		3. Create a condition called '''puzzle_solved''', this will be used to determine if puzzle has been solved & whether or not you can move the tiles.<br/>
	4. To check if a tile slot is empty or whether tile can be moved you should create an ''execute a script action'' inside of a ''left click (immediate)'' action containing...		4. To check if a tile slot is empty or whether tile can be moved you should create an ''execute a script action'' inside of a ''left click (immediate)'' action containing...

AFRLme at 19:07, 28 April 2022

2022-04-28T19:07:37Z

← Older revision		Revision as of 20:07, 28 April 2022
Line 6:		Line 6:
	\|}		\|}

	This script is used to generate & control ~~a randomized~~ sliding puzzle consisting of a 3x3 grid. ''Visionaire Studio 4.1+ is required to run this script''.		This script is used to generate & control sliding puzzle consisting of a 3x3 grid. ''Visionaire Studio 5.1.9.1 + is required to run this script''. This script is just a basic example of a sliding puzzle, you should be able to easily modify it for any sized grid. It should also be possible to generate from a randomized tile order providing you provide a table of known working tile positions. You could also add a move counter, or even limit the amount of moves that can be made if you want to make the puzzle harder.

	== Instructions ==		== Instructions ==
Line 14:		Line 14:
	t[1] = { .. x = 288, y = 221		t[1] = { .. x = 288, y = 221
	</syntaxhighlight>		</syntaxhighlight>
	2b. Next you should define where each tile is allowed to slide to in the '''move''' section of each of the tables. See the diagram below for an explanation of how I determined which tiles can move where.<br/>		2b. The second thing you need to do is specify the initial order you want to set for the tiles, but be careful as certain tile orders can make the sliding puzzle unsolvable.
			<syntaxhighlight lang="lua">
			t[1] = { .. name = nil
			t[2] = { .. name = "anim_p1"
			t[3] = { .. name = "anim_p3"
			</syntaxhighlight>
			2c. Next you should define where each tile is allowed to slide to in the '''move''' section of each of the tables. See the diagram below for an explanation of how I determined which tiles can move where.<br/>
	{\| style="width:100%;"		{\| style="width:100%;"
	\|-		\|-
Line 29:		Line 35:
	</syntaxhighlight>		</syntaxhighlight>
	\| style="width:200px;padding-left:5px;" \| [[File:sliding_puzzle_grid.png\|center\|x200px]]		\| style="width:200px;padding-left:5px;" \| [[File:sliding_puzzle_grid.png\|center\|x200px]]
	\|}		\|}<br/><br/>


	3. Create a condition called '''puzzle_solved''', this will be used to determine if puzzle has been solved & whether or not you can move the tiles.<br/>		3. Create a condition called '''puzzle_solved''', this will be used to determine if puzzle has been solved & whether or not you can move the tiles.<br/>
	4. To check if a tile slot is empty or whether tile can be moved you should create an ''execute a script action'' inside of a ''left click (immediate)'' action containing...		4. To check if a tile slot is empty or whether tile can be moved you should create an ''execute a script action'' inside of a ''left click (immediate)'' action containing...

AFRLme at 18:42, 28 April 2022

2022-04-28T18:42:28Z

← Older revision		Revision as of 19:42, 28 April 2022
Line 30:		Line 30:
	\| style="width:200px;padding-left:5px;" \| [[File:sliding_puzzle_grid.png\|center\|x200px]]		\| style="width:200px;padding-left:5px;" \| [[File:sliding_puzzle_grid.png\|center\|x200px]]
	\|}		\|}


	3. Create a condition called '''puzzle_solved''', this will be used to determine if puzzle has been solved & whether or not you can move the tiles.<br/>		3. Create a condition called '''puzzle_solved''', this will be used to determine if puzzle has been solved & whether or not you can move the tiles.<br/>

AFRLme at 18:42, 28 April 2022

2022-04-28T18:42:12Z

← Older revision		Revision as of 19:42, 28 April 2022
Line 30:		Line 30:
	\| style="width:200px;padding-left:5px;" \| [[File:sliding_puzzle_grid.png\|center\|x200px]]		\| style="width:200px;padding-left:5px;" \| [[File:sliding_puzzle_grid.png\|center\|x200px]]
	\|}		\|}

	3. Create a condition called '''puzzle_solved''', this will be used to determine if puzzle has been solved & whether or not you can move the tiles.<br/>		3. Create a condition called '''puzzle_solved''', this will be used to determine if puzzle has been solved & whether or not you can move the tiles.<br/>
	4. To check if a tile slot is empty or whether tile can be moved you should create an ''execute a script action'' inside of a ''left click (immediate)'' action containing...		4. To check if a tile slot is empty or whether tile can be moved you should create an ''execute a script action'' inside of a ''left click (immediate)'' action containing...

AFRLme at 18:41, 28 April 2022

2022-04-28T18:41:18Z

← Older revision		Revision as of 19:41, 28 April 2022
Line 30:		Line 30:
	\| style="width:200px;padding-left:5px;" \| [[File:sliding_puzzle_grid.png\|center\|x200px]]		\| style="width:200px;padding-left:5px;" \| [[File:sliding_puzzle_grid.png\|center\|x200px]]
	\|}		\|}
	3. Next you need to edit the animation names inside of the '''n''' table. ''All names should be the same but with a prefix number on the end. Any changes you make here will have to be changed inside of the '''puzzleState''' function.''		3. Create a condition called '''puzzle_solved''', this will be used to determine if puzzle has been solved & whether or not you can move the tiles.<br/>
	~~<syntaxhighlight lang="lua">~~		4. To check if a tile slot is empty or whether tile can be moved you should create an ''execute a script action'' inside of a ''left click (immediate)'' action containing...
	~~n = { "anim_p1", "anim_p2", "anim_p3", "anim_p4", "anim_p5", "anim_p6", "anim_p7", "anim_p8" }~~
	~~</syntaxhighlight>~~
	4. Create a condition called '''puzzle_solved''', this will be used to determine if puzzle has been solved & whether or not you can move the tiles.<br/>
	5. To check if a tile slot is empty or whether tile can be moved you should create an ''execute a script action'' inside of a ''left click (immediate)'' action containing...
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	canMove(i) -- replace i with the tile slot number.		canMove(i) -- replace i with the tile slot number.
	</syntaxhighlight>		</syntaxhighlight>
	6. Finally you should create a ''called by other action'' inside of the scene actions of the scene where the puzzle is located. Name it '''~~act_puzzle_solved~~''' & inside of this action add the actions that should be ~~triggered~~ when the puzzle is solved.		5. Finally you should create a ''called by other action'' inside of the scene actions of the scene where the puzzle is located. Name it '''puzzle_solved''' & inside of this action add the actions that should be executed when the puzzle is solved, such as changing the '''puzzle_solved''' condition to true & playing a sound to indicate the puzzle was solved successfully.

	== Main Script ==		== Main Script ==
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	--[[		--[[
	Sliding Puzzle (3x3) [v3] (14/11/~~2014~~)		Sliding Puzzle (3x3) [v4] (28/04/2022)
	Written by AFRLme [Lee Clarke]		Written by AFRLme [Lee Clarke]
	-- + --		-- + --
	~~alternatingfrequencies~~@~~hotmail~~.com \| ~~skype @ AFRLme~~		afrlme@outlook.com \| https://afrl.me
	-- + --		-- + --
	This script is donation optional. In game credit is non-negotiable.		This script is donation optional. In game credit is non-negotiable.
Line 55:		Line 51:

	-- * tables * --		-- * tables * --
	local n, t = ~~{},~~ {} -- ~~empty tables (see below)~~		local t = {} -- init local table for storing tile coordinates, names, & move positions

	-- * function for ~~randomly generating tile positions~~ * --		-- * function for initializing tiles * --
	function initPuzzle(c)		function initPuzzle()
	-- + initialize the grid properties + --		-- + initialize the grid properties + --
	t[1] = { x = ~~288~~, y = ~~221~~, name = nil, move = {2,4} }		t[1] = { x = 96, y = 77, name = nil, move = {2,4} }
	t[2] = { x = ~~438~~, y = ~~221~~, name = ~~nil~~, move = {1,3,5} }		t[2] = { x = 246, y = 77, name = "anim_p1", move = {1,3,5} }
	t[3] = { x = ~~588~~, y = ~~221~~, name = ~~nil~~, move = {2,6} }		t[3] = { x = 396, y = 77, name = "anim_p3", move = {2,6} }
	t[4] = { x = ~~288~~, y = ~~331~~, name = ~~nil~~, move = {1,5,7} }		t[4] = { x = 96, y = 187, name = "anim_p4", move = {1,5,7} }
	t[5] = { x = ~~438~~, y = ~~331~~, name = ~~nil~~, move = {2,4,6,8} }		t[5] = { x = 246, y = 187, name = "anim_p2", move = {2,4,6,8} }
	t[6] = { x = ~~588~~, y = ~~331~~, name = ~~nil~~, move = {3,5,9} }		t[6] = { x = 396, y = 187, name = "anim_p5", move = {3,5,9} }
	t[7] = { x = ~~288~~, y = ~~441~~, name = ~~nil~~, move = {4,8} }		t[7] = { x = 96, y = 297, name = "anim_p7", move = {4,8} }
	t[8] = { x = ~~438~~, y = ~~441~~, name = ~~nil~~, move = {5,7,9} }		t[8] = { x = 246, y = 297, name = "anim_p8", move = {5,7,9} }
	t[9] = { x = ~~588~~, y = ~~441~~, name = ~~nil~~, move = {6,8} }		t[9] = { x = 396, y = 297, name = "anim_p6", move = {6,8} }
	-- + ~~initialize the tile names (1-8) + --~~		-- + move tiles to correct position if in wrong position + --
	~~n = { "anim_p1", "anim_p2", "anim_p3", "anim_p4", "anim_p5", "anim_p6", "anim_p7", "anim_p8" }~~		for i = 2, 9 do ActiveAnimations[ t[i].name ]:to(0, { CurrentPosition = { x = t[i].x, y = t[i].y } }) end
	~~-- + loops which are used for randomly generating the tile order & names etc~~ + --
	for i = 1, ~~(#n * #n)~~ do
	~~c = n~~[~~8]; table.remove(n, 8); table.insert( n, math.random(8), c ) -- shuffle the tile names~~
	~~if i == (#n * #n) then~~
	~~for b = 1, 8 do~~ t[b].name ~~= n[b~~] ~~end -- update "t" table names with shuffled "n" table names~~
	~~for a = 1, 8 do startObjectTween~~(~~ActiveAnimations[ t[a].name ], VAnimationCurrentPosition, ActiveAnimations[ t[a].name ].AnimationCurrentPosition~~, {x = t[a].x, y = t[a].y}~~, 200, easeLinearOut~~) ~~end~~
	~~end~~
	end
	end		end

Line 85:		Line 73:
	for i = 1, 8 do		for i = 1, 8 do
	if t[i].name == "anim_p"..i then v = v + 1 end		if t[i].name == "anim_p"..i then v = v + 1 end
	if i == 8 and v == 8 then startAction( ~~"Game~~.~~GameCurrentScene~~.~~SceneActions~~[~~act_puzzle_solved~~]" ) end		if i == 8 and v == 8 then startAction( game.CurrentScene.Actions["puzzle_solved"] ) end
	end		end
	end		end
Line 91:		Line 79:
	-- * function for updating tile positions * --		-- * function for updating tile positions * --
	function canMove(v)		function canMove(v)
	for i = 1, ~~table.maxn(~~t[v]["move"]) do		for i = 1, #t[v]["move"] do
	if t[ t[v]["move"][i] ].name == nil and Conditions["puzzle_solved"].~~ConditionValue == false~~ then moveTile(v, t[v]["move"][i], 200, easeLinearOut); break end		if t[ t[v]["move"][i] ].name == nil and not Conditions["puzzle_solved"].Value then moveTile(v, t[v]["move"][i], 200, easeLinearOut); break end
	end		end
	end		end
Line 98:		Line 86:
	-- * function that is used to move the animation from one position to another with delay & easing * --		-- * function that is used to move the animation from one position to another with delay & easing * --
	function moveTile(a, b, delay, easing)		function moveTile(a, b, delay, easing)
	~~startObjectTween(~~ActiveAnimations[ t[a].name ], ~~VAnimationCurrentPosition, ActiveAnimations[ t[a].name ].AnimationCurrentPosition,~~ {x = t[b].x, y = t[b].y}~~, delay~~, easing)		ActiveAnimations[ t[a].name ]:to(delay, { CurrentPosition = {x = t[b].x, y = t[b].y} }, easing)
	t[b].name = t[a].name; t[a].name = nil; puzzleState(0) -- update tile position names & check puzzle state		t[b].name = t[a].name; t[a].name = nil; puzzleState(0) -- update tile position names & check puzzle state
	end		end
Line 107:		Line 95:
	\|-		\|-
	! style="text-align:left" \| Name !! style="text-align:left" \| Description		! style="text-align:left" \| Name !! style="text-align:left" \| Description
	\|-
	~~\| [[:Media:3x3_sliding_puzzle.zip\|sliding_puzzle.zip]] \|\| A working example of the script in action. ''Visionaire Studio 4.1+'' required to run the included .ved file.~~
	\|-		\|-
	\| [[:Media:3x3_sliding_puzzle_(v4).zip\|3x3_sliding_puzzle_(v4).zip]] \|\| A working example of the script in action. ''Visionaire Studio 5.1.9.1 +'' required to run the included .ved file.		\| [[:Media:3x3_sliding_puzzle_(v4).zip\|3x3_sliding_puzzle_(v4).zip]] \|\| A working example of the script in action. ''Visionaire Studio 5.1.9.1 +'' required to run the included .ved file.
	\|}{{toc}}		\|}{{toc}}

AFRLme at 18:25, 28 April 2022

2022-04-28T18:25:22Z

← Older revision		Revision as of 19:25, 28 April 2022
Line 11:		Line 11:
	1. Add the [[#Main_Script\|main script]] to the Visionaire Studio Script Editor & set the script as a definition script.<br/>		1. Add the [[#Main_Script\|main script]] to the Visionaire Studio Script Editor & set the script as a definition script.<br/>
	2a. First thing you should do is update the t[1] to t[9] tables with the correct x, y positions for where each tile should be placed (top left pixel).		2a. First thing you should do is update the t[1] to t[9] tables with the correct x, y positions for where each tile should be placed (top left pixel).
	<syntaxhighlight>		<syntaxhighlight lang="lua">
	t[1] = { .. x = 288, y = 221		t[1] = { .. x = 288, y = 221
	</syntaxhighlight>		</syntaxhighlight>
Line 17:		Line 17:
	{\| style="width:100%;"		{\| style="width:100%;"
	\|-		\|-
	\| <syntaxhighlight style="height:200px;">		\| <syntaxhighlight style="height:200px;" lang="lua">
	t[1] = { .. move = {2,4} -- grid position 1		t[1] = { .. move = {2,4} -- grid position 1
	t[2] = { .. move = {1,3,5} } -- grid position 2		t[2] = { .. move = {1,3,5} } -- grid position 2
Line 31:		Line 31:
	\|}		\|}
	3. Next you need to edit the animation names inside of the '''n''' table. ''All names should be the same but with a prefix number on the end. Any changes you make here will have to be changed inside of the '''puzzleState''' function.''		3. Next you need to edit the animation names inside of the '''n''' table. ''All names should be the same but with a prefix number on the end. Any changes you make here will have to be changed inside of the '''puzzleState''' function.''
	<syntaxhighlight>		<syntaxhighlight lang="lua">
	n = { "anim_p1", "anim_p2", "anim_p3", "anim_p4", "anim_p5", "anim_p6", "anim_p7", "anim_p8" }		n = { "anim_p1", "anim_p2", "anim_p3", "anim_p4", "anim_p5", "anim_p6", "anim_p7", "anim_p8" }
	</syntaxhighlight>		</syntaxhighlight>
	4. Create a condition called '''puzzle_solved''', this will be used to determine if puzzle has been solved & whether or not you can move the tiles.<br/>		4. Create a condition called '''puzzle_solved''', this will be used to determine if puzzle has been solved & whether or not you can move the tiles.<br/>
	5. To check if a tile slot is empty or whether tile can be moved you should create an ''execute a script action'' inside of a ''left click (immediate)'' action containing...		5. To check if a tile slot is empty or whether tile can be moved you should create an ''execute a script action'' inside of a ''left click (immediate)'' action containing...
	<syntaxhighlight>		<syntaxhighlight lang="lua">
	canMove(i) -- replace i with the tile slot number.		canMove(i) -- replace i with the tile slot number.
	</syntaxhighlight>		</syntaxhighlight>
Line 42:		Line 42:

	== Main Script ==		== Main Script ==
	<syntaxhighlight>		<syntaxhighlight lang="lua">
	--[[		--[[
	Sliding Puzzle (3x3) [v3] (14/11/2014)		Sliding Puzzle (3x3) [v3] (14/11/2014)

AFRLme at 18:23, 28 April 2022

2022-04-28T18:23:50Z

← Older revision		Revision as of 19:23, 28 April 2022
Line 109:		Line 109:
	\|-		\|-
	\| [[:Media:3x3_sliding_puzzle.zip\|sliding_puzzle.zip]] \|\| A working example of the script in action. ''Visionaire Studio 4.1+'' required to run the included .ved file.		\| [[:Media:3x3_sliding_puzzle.zip\|sliding_puzzle.zip]] \|\| A working example of the script in action. ''Visionaire Studio 4.1+'' required to run the included .ved file.
			\|-
			\| [[:Media:3x3_sliding_puzzle_(v4).zip\|3x3_sliding_puzzle_(v4).zip]] \|\| A working example of the script in action. ''Visionaire Studio 5.1.9.1 +'' required to run the included .ved file.
	\|}{{toc}}		\|}{{toc}}