PuzMaty: Supporting Puzzle Mats Design Creation
Download as PPTX, PDF0 likes55 views
Puzzle mats made of cushioned material are widely used in environments like homes and playrooms to prevent injuries from infants and toddlers falling. The mats feature puzzle-like edges, allowing users to freely adjust their size and shape to fit the space where the mat is placed. This study proposes “PuzMaty,” a design interface for drawing patterns of animals, numbers, letters, etc. using puzzle mats of different colors. This interface is expected to make the puzzle mat function not only as a safety measure but also as an interior decoration. It is also likely to reduce the burden of childcare when placing mats because it makes the number of mats required for a particular space more intuitive.
![• Mat with puzzle-like uneven shapes made of cushioned
material
• Sound and shock absorption
• Prevention of injuries to children
• Noise reduction
• Global market size[1]
• 2022: USD 949.7 million
• 2029: USD 1,514.4 million
• CAGR （ Compound Annual Growth Rate ）： 6.9%
• Used in a variety of environments, such as living rooms and
children's rooms
• Adjustable to suit the size and shape of the room
2
Puzzle Mat
[1]Baby Play Mats- Global Market Share and Ranking, Overall Sales and Demand Forecast 2025-2031, QY Research, https://www.qyresearch.co.jp/reports/432996/baby-play-mats (Accessed 2025/01/10)](https://image.slidesharecdn.com/siis-250214065006-14c1b052/85/PuzMaty-Supporting-Puzzle-Mats-Design-Creation-2-320.jpg)
![5
Related Work: Design Support Tools
[2] Yuki Igarashi and Takeo Igarashi. 2009. Designing plush toys with a computer. Commun. ACM 52, 12 (December 2009),
[3] Yuki Igarashi, Takeo Igarashi, and Jun Mitani. 2012. Beady: interactive beadwork design and construction. ACM Trans. Graph. 31, 4, Article 49 (July 2012),
[4] Yuki Igarashi and Takeo Igarashi. 2022, Pixel Art Adaptation for Handicraft Fabrication. Computer Graphics Forum, 41: 489-494.
[5] Sheng-Jie Luo, Yonghao Yue, Chun-Kai Huang, Yu-Huan Chung, Sei Imai, Tomoyuki Nishita, and Bing-Yu Chen. 2015. Legolization: optimizing LEGO designs. ACM Trans. Graph. 34, 6, Article 222 (November 2015), 12 pages.
Easy creation of blueprints and products for
children and beginners
Plushie[2]
Beady[3]
Support during the creation
of handicraft blueprints
Support during production
of handicraft work
Pixel Art Adaptation[4]
Legolization[5]](https://image.slidesharecdn.com/siis-250214065006-14c1b052/85/PuzMaty-Supporting-Puzzle-Mats-Design-Creation-5-320.jpg)
![6
Related Work: Research on Floor Coverings
[6] Yuta Sugiura, Koki Toda, Takayuki Hoshi, Youichi Kamiyama, Takeo Igarashi, and Masahiko Inami. 2014. Graffiti fur: turning your carpet into a computer display. In Proceedings of the 27th annual ACM symposium on User
interface software and technology (UIST '14). Association for Computing Machinery, New York, NY, USA, 149–156.
[7] Yijia An, Qinglei Bu, Jie Sun, Eng Gee Lim, Lijun Kong, Zhiqin Chen, and Roshan Devaraj. 2023. Interactive Rehabilitation Carpet for Children with Cerebral Palsy. In Proceedings of the Seventeenth International Conference on
Tangible, Embedded, and Embodied Interaction (TEI '23). Association for Computing Machinery, New York, NY, USA, Article 40, 1–5.
[8] Yulia Zhiglova. 2018. The Interactive Carpet - Smart Textile Interface for Children on Autism Spectrum Disorder. In Proceedings of the Twelfth International Conference on Tangible, Embedded, and Embodied Interaction (TEI '18).
Association for Computing Machinery, New York, NY, USA, 712–714.
Carpet design Interaction between
carpets and children
Graffiti Fur[6]
Making carpets into displays by
raising the pile
The Interactive Carpet[8]
Training to promote attention and
social skills in autistic children
Interactive Rehabilitation Carpet[7]
Rehabilitation support for children
with cerebral palsy](https://image.slidesharecdn.com/siis-250214065006-14c1b052/85/PuzMaty-Supporting-Puzzle-Mats-Design-Creation-6-320.jpg)
PuzMaty: Supporting Puzzle Mats Design Creation
- 1. Sarii Yamamoto1) , Jia Jun Wang2) , Liwei Chan2) , Yuta Sugiura1) 1) Keio University 2) National Yang Ming Chiao Tung University 2025/01/23 The 2025 IEEE/SICE International Symposium on System Integrations (SII 2025) PuzMaty: Supporting Puzzle Mats Design Creation
- 2. • Mat with puzzle-like uneven shapes made of cushioned material • Sound and shock absorption • Prevention of injuries to children • Noise reduction • Global market size[1] • 2022: USD 949.7 million • 2029: USD 1,514.4 million • CAGR （ Compound Annual Growth Rate ）： 6.9% • Used in a variety of environments, such as living rooms and children's rooms • Adjustable to suit the size and shape of the room 2 Puzzle Mat [1]Baby Play Mats- Global Market Share and Ranking, Overall Sales and Demand Forecast 2025-2031, QY Research, https://www.qyresearch.co.jp/reports/432996/baby-play-mats (Accessed 2025/01/10)
- 3. 3 Challenges • At time of purchase • Calculate the size and number of mats suitable for the space • At time of placing mats • The pattern tends to be simple. • To draw complex designs, the number of pieces of each color needs to be adjusted
- 4. • Simulate the design on a 3D model of the environment in which the mats will be placed • Check the number of mats required on the design drawings • Use of mats as floor decor 4 Objectives and Proposed Methods PuzMaty: Supporting Puzzle Mats Design Creation
- 5. 5 Related Work: Design Support Tools [2] Yuki Igarashi and Takeo Igarashi. 2009. Designing plush toys with a computer. Commun. ACM 52, 12 (December 2009), [3] Yuki Igarashi, Takeo Igarashi, and Jun Mitani. 2012. Beady: interactive beadwork design and construction. ACM Trans. Graph. 31, 4, Article 49 (July 2012), [4] Yuki Igarashi and Takeo Igarashi. 2022, Pixel Art Adaptation for Handicraft Fabrication. Computer Graphics Forum, 41: 489-494. [5] Sheng-Jie Luo, Yonghao Yue, Chun-Kai Huang, Yu-Huan Chung, Sei Imai, Tomoyuki Nishita, and Bing-Yu Chen. 2015. Legolization: optimizing LEGO designs. ACM Trans. Graph. 34, 6, Article 222 (November 2015), 12 pages. Easy creation of blueprints and products for children and beginners Plushie[2] Beady[3] Support during the creation of handicraft blueprints Support during production of handicraft work Pixel Art Adaptation[4] Legolization[5]
- 6. 6 Related Work: Research on Floor Coverings [6] Yuta Sugiura, Koki Toda, Takayuki Hoshi, Youichi Kamiyama, Takeo Igarashi, and Masahiko Inami. 2014. Graffiti fur: turning your carpet into a computer display. In Proceedings of the 27th annual ACM symposium on User interface software and technology (UIST '14). Association for Computing Machinery, New York, NY, USA, 149–156. [7] Yijia An, Qinglei Bu, Jie Sun, Eng Gee Lim, Lijun Kong, Zhiqin Chen, and Roshan Devaraj. 2023. Interactive Rehabilitation Carpet for Children with Cerebral Palsy. In Proceedings of the Seventeenth International Conference on Tangible, Embedded, and Embodied Interaction (TEI '23). Association for Computing Machinery, New York, NY, USA, Article 40, 1–5. [8] Yulia Zhiglova. 2018. The Interactive Carpet - Smart Textile Interface for Children on Autism Spectrum Disorder. In Proceedings of the Twelfth International Conference on Tangible, Embedded, and Embodied Interaction (TEI '18). Association for Computing Machinery, New York, NY, USA, 712–714. Carpet design Interaction between carpets and children Graffiti Fur[6] Making carpets into displays by raising the pile The Interactive Carpet[8] Training to promote attention and social skills in autistic children Interactive Rehabilitation Carpet[7] Rehabilitation support for children with cerebral palsy
- 7. 7 Flow of the Proposed Method Scanning of 3D models Design creation Mats placement Place puzzle mats in the actual environment Scan a 3D model of the environment and import into ‘PuzMaty’ After pre-prosessing, freely draw up the design
- 8. 8 Design Creation （ 1/3 ） • Implementation environment • Unity • Preprocessing • Rotation of the 3D model • Adjustment of mat placement range • Adjustment of mats size
- 9. 9 Design Creation （ 2/3 ） • System configuration (1) 3D model (2) Mat layer: A layer composed of mats, assumed to be puzzle mats (3) Point cloud layer: A layer composed of finer mats designed to detect the point cloud density within a 3D model • Furniture detection • Mats that detect point clouds within the point cloud layer are activated • If more than 60% of the mats within the point cloud layer contained in each mat of the mat layer are activated, the position of that mat is determined to contain furniture System configuration Point cloud layer A mat within the mat layer detected undetected Point cloud 60%
- 10. 10 Design Creation （ 3/3 ） • Users who own puzzle mats • Register the color and number of mats they own • Drawing a design not exceeding the number of mats owned • Users who don’t own puzzle mats • Create colors while drawing • After drawing, purchase the required mats
- 11. 11 Mat Placement • Placement of mats in the real environment based on the created design Before After
- 12. Experimental Overview • Freely design using the system and place mats in the real environment • Puzzle mats (30 cm x 30 cm x 1.2 cm, polyethylene) were prepared according to the experimental environment • Experimental participants (6 males, 4 females, average: 23.8 ± 2.23 years) • Time required （ unllimited ） • drawing ： 20min • placement ： 30min Color Amount Beige 84 Orange 40 Green 36 Yellow 28 Blue 28 Brown 8 Total 224 The color and number of mats used The experimental environment 12
- 13. Examples of Patterns Created by Experimental Participants 13 Design Actual mats Design Actual mats
- 14. 14 Evaluation • SUS(System Usability Scale) ： Average Score 82.5 > 68 • Interview • Satisfaction • The designs created in the system matched the designs in the actual environment • When registering the mat, a different color from the original mat was registered • The opportunity to redecorate • Simulation ensures no confusion when placing the mats
- 15. 15 Future Work • UI improvement • Support to create a design in ‘PuzMaty’ • Construction of design datasets • Images • Keywords • Image to pixel art conversion • Suggest designs from color and number of mats • Support during mat placement • Presents the color of the mat to be placed at that location in AR • Presents the order in which the mats are placed
- 16. 16 Summary Background Puzzle mats used as a safety measure for children The hassle of counting the number of mats that fit the space, the difficulty of creating complex patterns Related Works Design Support Tools Research on Floor Coverings Proposed Methods Development and evaluation of a tool to support design creation for puzzle mats Implementatio n Scan the 3D models of real environments Create designs in ‘PuzMaty’ Place mats in the real environment Experiment 10 Experimental participants Design with mats using the system and place in the real environment Evaluation SUS, Interview Future Work UI improvement Support during design creation and mats placement PuzMaty: Supporting Puzzle Mats Design Creation Sarii Yamamoto , Jia Jun Wang, Liwei Chan, Yuta Sugiura
- 17. Appendix
- 18. 18 Furniture Detection • Detect furniture from point cloud • Determine the presence or absence of point clouds at a height of 60 cm from the floor • Mat Layer • If at least 60% of the point cloud mats are valid, furniture is present • Pont Cloud Layer • Mats are valid where the point cloud is located 3D Model Mat Layer Point Cloud Layer Clip Point cloud layer A mat within the mat layer detected undetected Point cloud 60%
- 19. • children aged 5-6 years and their parents • They enjoyed to draw designs and place mats • Possibilities • Sense of achievement • Linguistic competence • Modifications • Support during design creation and mat placement • A device to keep children occupied 19 Workshop Designs and Actual Mats that participants created
- 20. • Optical Sensor • Measuring the distance to an object and the shape from the time difference between the incident and reflected light. 20 LiDAR （ Light Detection And Ranging ）
- 21. 21 Scanning a 3D Model • LiDAR （ Light Detection And Ranging ） • Measures the distance to an object and the shape of the object using a laser beam • De used: iPhone 15 Pro • App used: SiteScape 3D Model