fbpx
Search
Close this search box.
Home> Blog> Three-Dimensional Tic Tac Toe

Three-Dimensional Tic Tac Toe

26/08/2024
Share:

Tic Tac Toe, also known as “Three in a Row,” is a common two-player board game. The board consists of a 3×3 grid, with each square representing a position where a player can place their piece. The goal of the game is to be the first player to get three of their pieces in a row (horizontally, vertically, or diagonally) to win.

In this lesson, we will introduce you to the design of a three-dimensional version of Tic Tac Toe. Through this course, you can break away from the traditional two-dimensional concept of Tic Tac Toe and explore more ways to play and enjoy the game! The Laser Wizard brings you the creation called “Three-Dimensional Tic Tac Toe”!

I. Analysis of the Creation

software building Three Dimensional Tic Tac Toe 1
The structure of the Three-Dimensional Tic Tac Toe consists of three main components: the three-dimensional pieces, the opaque white acrylic support columns, and the acrylic base.
software building Three Dimensional Tic Tac Toe 2

II. Materials List

Number

Name

Quantity

1

3mm Basswood Board

1

2

3mm Milky White Acrylic

1

3

5mm Transparent Acrylic

1

III. Laser Modeling

1. Designing the Three-Dimensional Pieces

(1) Select the “Rectangle” tool from the left toolbar using the left mouse button, draw a rectangle, and set the length and width to “60, 20”. Select the rectangle with the mouse, copy and paste it, and rotate it “90°”. Select both rectangles with the mouse, click the “Align Toolbox” in the left toolbar, and click “Center Align” as shown in the figure below:
software building Three Dimensional Tic Tac Toe 3

(2) Select the “Ellipse” tool from the left toolbar using the left mouse button, draw four perfect circles, and set the length and width to “20, 20”. Position them at the four corners of the cross.

Select the “Eraser” tool from the left toolbar using the left mouse button, activate the eraser function, and adjust the size to 1mm. Erase the parts where the four circles overlap with the cross.

While holding down the Ctrl key on the keyboard, select the cross-shaped line segments and the four circular arcs in the middle of the pattern with the left mouse button, and click to delete them.

Select the pattern with the mouse, click the “Combine Curves” tool in the left toolbar using the left mouse button, set the center value to 1mm, and click “Confirm”. See the image below for reference.

software building Three Dimensional Tic Tac Toe 4

(3) Select the “Rectangle” tool from the left toolbar using the left mouse button, draw two rectangles, and set the dimensions to “15, 9.4” and “9.4, 15”. Position them along the edges of the cross.

Select the “Rectangle” tool again from the left toolbar using the left mouse button, draw three rectangles, and set the dimensions to “2.6, 3”. Align them horizontally and vertically with the two rectangles and the cross, respectively.

Select the shapes within the red box labeled 1 in the following figure, click the “Circular Array” tool in the left toolbar using the left mouse button, set the start angle to 0°, step angle to 90°, replication count to 4, center (X) to 312.65, and center (y) to 118.50. Uncheck “Relative to Rotation Center” and change the values to center (X) 300 and center (y) 100, as shown in the following figure.

Click the “Ellipse” tool in the left toolbar using the left mouse button, draw a perfect circle, and set the dimensions to “15, 15”. Center-align this circle with the cross pattern, as shown in the following figure.

software building Three Dimensional Tic Tac Toe 5
software building Three Dimensional Tic Tac Toe 6

(4) Select the “Rectangle” tool from the left toolbar using the left mouse button, draw two rectangles, and set the dimensions to “34.5, 15” and “15.7, 15”. Select both rectangles and center-align them.

Select the “Line” tool from the left toolbar using the left mouse button, hold down the Ctrl key on the keyboard, and draw a line with a length of “12”.

Select the “Rectangle” tool from the left toolbar again using the left mouse button, draw a rectangle with dimensions of “1, 1”, and align it with the line created in the previous step. Duplicate the line and align it below the rectangle. Select the rectangle and click to delete it, as shown in the following figure.

Select the two line segments with the mouse, click “Array” in the left toolbar using the left mouse button, set the horizontal count and horizontal spacing to “8, 1”, and click “Confirm”, as shown in the following figure.

Select the patterned shape after arraying, right-click to group it, hold down the Ctrl key on the keyboard, click the middle rectangle, click “Center Align”, and then delete the rectangle, as shown in the following figure.

Select the “Rectangle” tool from the left toolbar using the left mouse button, draw two rectangles with dimensions of “9.4, 15”, and align them to the left and right of the middle rectangle, respectively, as shown in the following figure.

Select the “Rectangle” tool from the left toolbar again using the left mouse button, draw six rectangles with dimensions of “3, 3”, align them horizontally and vertically after attaching them to the two rectangles, as shown in the following figure.

Finally, delete the two rectangles, select the four rectangles above and below, as well as the middle rectangle, click “Union”, and adjust the layer to the black layer, as shown in the following figure.

software building Three Dimensional Tic Tac Toe 7
software building Three Dimensional Tic Tac Toe 8
(5) Select the “Rectangle” tool from the left toolbar using the left mouse button. Draw a rectangle with dimensions of “14, 15” and four small rectangles with dimensions of “3, 3”. Place the four small rectangles on the four sides of the middle rectangle, aligning them horizontally and vertically, respectively. Finally, select all the shapes and click “Union”, as shown in the figure.
software building Three Dimensional Tic Tac Toe 9

(6) Select the “Ellipse” tool from the left toolbar using the left mouse button. Draw two perfect circles, and set their dimensions to “60, 60” and “15, 15”, respectively. Select both circles and click “Center Align”.

Select the “Rectangle” tool from the left toolbar using the left mouse button. Draw four small rectangles with dimensions of “2.6, 3”. Align them horizontally and vertically after attaching them to each other, as shown in the following figure.

Select the “Rectangle” tool again from the left toolbar using the left mouse button. Draw a rectangle with dimensions of “182.4, 15”.

Select the “Line” tool from the left toolbar using the left mouse button. Draw a line with a length of “12”. Then, select the “Rectangle” tool and draw a small rectangle with dimensions of “3, 3”. Attach it to the line. Duplicate the line, attach the duplicate to the right and below the small rectangle, and delete the small rectangle, as shown in the following figure.

Select the two lines, and in the left toolbar, click “Array” with the left mouse button. Input the horizontal count and horizontal spacing as “91, 1”, click “Confirm”. Select the arrayed shapes, right-click to group them, hold down the Ctrl key on the keyboard, click the rectangle, click the alignment toolbox, and select “Center Align”.

Select the “Rectangle” tool from the left toolbar using the left mouse button. Draw two rectangles with dimensions of “47.1, 3” and place them in sequence above the large rectangle, as shown in the following figure.

Select the “Rectangle” tool again from the left toolbar using the left mouse button. Draw two small rectangles with dimensions of “1.5, 3” and “3, 3”. Align them to the left and right of the first rectangle, respectively, as shown in the following figure.

Select all the rectangles above the large rectangle, duplicate them, click the “Mirror” tool, select “Horizontal Mirror”, and align them to the right of the large rectangle. Draw a small square with dimensions of “3, 3” and center it above the large rectangle, as shown in the following figure.

Copy all the patterns above the large rectangle, paste them below the large rectangle, select all the rectangles with a length of “47.1”, click to delete them. Hold down the Ctrl key on the keyboard, select all the small rectangles and the large rectangle, click “Union”, and change the layer to black, as shown in the following figure.

software building Three Dimensional Tic Tac Toe 10
software building Three Dimensional Tic Tac Toe 11

2. Support Column Design

Using the left mouse button, select the “Rectangle” tool from the left toolbar. Draw four rectangles with dimensions set to “20, 6”, “14, 21”, “11, 21”, and “9, 21”. Stack them vertically and click “Horizontal Align” to align them horizontally.

Again, using the left mouse button, select the “Rectangle” tool from the left toolbar. Draw a rectangle with dimensions of “3, 69” and place it in the center of the combined rectangles. After clicking “Horizontal Align”, drag a trapezoid from the basic shape library, adjust its size appropriately, and place it on both sides of the second and third rectangles, as shown in the figure.

With the left mouse button, select the “Eraser” tool from the left toolbar and choose the “Crop Segment” option. Use it to crop the sections indicated by the red circles, and then delete the four trapezoids, as shown in the figure.

Using the left mouse button, select the “Line” tool from the left toolbar and choose the “Connect Segments” option. Connect the lines to form closed shapes. Select the four closed rectangles and click “Union” to combine them into a single shape.

Duplicate the unioned shape. Click the origin point and change it to “Upper Center”. Select the middle rectangle and divide its width by 2. This will give you the left image in the red box. For the right image, repeat the process, but change the origin point to “Lower Center” and divide the width of the corresponding rectangle by 2. Arrange the results as shown in the figure.

software building Three Dimensional Tic Tac Toe 12

3. Chessboard Design

Using the left mouse button, select the “Rectangle” tool from the left toolbar. Draw three rectangles with dimensions set to “2.6, 19.6”, “19.6, 2.6”, and “65, 65”. Select all three rectangles and click “Center Align” to align them at their centers, as shown in the figure.
software building Three Dimensional Tic Tac Toe 13
Select the pattern, click [Array], set the number of horizontal and vertical arrays to “3” each, and click Confirm, as shown in the figure.
software building Three Dimensional Tic Tac Toe 14
Using the left mouse button, select the “Rectangle” tool from the left toolbar. Draw four rectangles with dimensions set to “195, 3” and place them between pairs of rectangles. Then, draw another four rectangles with dimensions set to “195, 3” and “201, 3” respectively, and position them around the perimeter, as shown in the figure.
software building Three Dimensional Tic Tac Toe 15
Click the “Output” button for shallow carving in the processing panel and delete the nine rectangle frames, as shown in the figure.
software building Three Dimensional Tic Tac Toe 16
Activate the “Output” function for shallow carving on the processing panel. Using the left mouse button, select the “Rectangle” tool from the left toolbar and draw a rectangle with dimensions set to “201, 201”. Position the rectangle to align with the nine-square grid, as shown in the figure.
software building Three Dimensional Tic Tac Toe 17

. Laser Processing

Parameter Settings for Three-Dimensional Tic-Tac-Toe Craft

(1) Select the chess pieces and change the layer to black by left-clicking on the layer panel at the bottom left. Select the two support columns on the left side and change the layer to blue using the same method. Finally, select the cross within the nine-square grid and change the layer to pink by left-clicking on the layer panel. The setup is as shown in the figure below:

software building Three Dimensional Tic Tac Toe 18
(2) Double-click the black layer with the left mouse button and set the material, thickness, and process to basswood, 3mm, and cutting respectively. Then, double-click the blue layer with the left mouse button and set the material, thickness, and process to acrylic, 3mm, and cutting. Next, double-click the yellow layer and set the material, thickness, and process to acrylic, 5mm, and shallow carving. Finally, double-click the pink layer and set the material, thickness, and process to acrylic, 5mm, and cutting. The setup is as shown in the figure below:
software building Three Dimensional Tic Tac Toe 19

. Assembly Tutorial

Step 1: Connect the curved ring and the round plate using the mortise and tenon joint.

Step 2: Join the cross with the four curved rings using the mortise and tenon joint.

Step 3: Combine the support columns using the pins or dowels.

Step 4: Finally, attach the support columns to the cross on the chessboard.

Note: Ensure that each step is carefully executed to ensure a secure and stable assembly. Check the alignment and fit of each part before proceeding to the next step. If any adjustments are needed, make them accordingly.

software building Three Dimensional Tic Tac Toe 20

. Work Display

software building Three Dimensional Tic Tac Toe 1

. Summary

In this issue, we have brought you a tutorial on how to design and create a three-dimensional Tic-Tac-Toe game. Through this process, we have moved beyond the traditional two-dimensional perspective of Tic-Tac-Toe and explored more playstyles and fun in a three-dimensional space!

Encountering difficulties during the making process is not something to be afraid of.

We can use various methods to solve problems. Keep up the good work, little designers!

Browse Thunder Laser 
Bolt >

Thunder laser Bolt Plus 2 5 150x150

Recent Blog

    America

    Europe

    Aisa

    Oceanica

    Africa