WebGL 3D Sierpiński Gasket TV Ident

Ray Jasson
29/01/2021

💻 Program Execution

Play around with the 3D gasket using various geometric transformations in the program! Try it here!

UI of the WebGL program

🔽 What is a Sierpiński Gasket?

The Sierpiński Gasket is a triangular object that can be defined recursively and randomly using subdivisions. The 2D gasket is only a triangle with repeatedly subdivided triangles at smaller sizes, whereas the 3D gasket consists of a tetrahedron with recursively smaller tetrahedrons after subdivision.

Examples of 3D Sierpiński Gasket

🔽 Geometric Transformations

The 3D gasket can be manipulated in various ways using the provided input parameters:

• 3D Gasket Properties
  • 4 colours for the face of each triangle (specified using colour pickers)
  • Number of subdivisions (ranging from 1 to 5)
  • Initial scale before the animation starts (ranging from 0.5x to 3x with a step of 0.5x)
• Animation Properties
  • Speed of animation in percentage (ranging from 100% to 800%)
  • Scale factor (ranging from 0.5x to 3x with a step of 0.5x)
  • Rotation angle in degree (ranging from 0° to 360° with a step of 10°)
  • Rotation about x-axis (can be enabled or disabled)
  • Rotation about y-axis (can be enabled or disabled)
  • Translation style including random, rotating, dancing, flipping and paralysing

✒️ References

• Angel, E., & Shreiner, D. (2015). Interactive Computer Graphics (7th ed.). Pearson Education.
• A GitHub repository for WebGL examples