---
source: projects/hottter-pattern-generator/
generated: 2026-05-08T10:05:14.544Z
note: This is a markdown version optimized for LLMs. For the full experience, visit the HTML version.
---

Paul Lahana's Portfolio  

A markdown version of this page optimized for LLMs is available at: [https://dev.paul-lahana.com/projects/hottter-pattern-generator/index.md](https://dev.paul-lahana.com/projects/hottter-pattern-generator/index.md)

# [Paul Lahana](/)

[![Paul Lahana](/_astro/smiley.aUVAx_wu.png)](/drawing-board)

-   [About](/about)

[](/)

## hottter - custom pattern generator

RailsRubyP5.jsStripeAdministrateTurbo

[hottter - custom pattern generator](https://github.com/paultursuru/take_cover) [hottter's main website](https://www.hottter.ch/)

This is a child project for the scarf brand hottter, featuring an interactive pattern generator built with P5.js.

The pattern is created with P5.js and saved as SVG and JSON.

The project is now offline but the code is still available on GitHub.

![A screenshot showing an example of the custom pattern generator with a geometric shape](/_astro/hottter.DXx3u1lH_ZRGJ1m.webp)![A screenshot showing an example of a generated pattern viewed from the product page](/_astro/hottter-2.ij6w5Fzf_Z2bGMp6.webp)