---
source: projects/hottter-custom-pattern-generator/
generated: 2026-06-20T10:03:37.408Z
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-custom-pattern-generator.md](https://dev.paul-lahana.com/projects/hottter-custom-pattern-generator.md)

# [Paul Lahana](/)

[![Paul Lahana](https://images.ctfassets.net/d92x4yq9qk1g/2tMw3UDcd5d2lOpvxpfN2A/23a892775502b8809a29852a203170da/smiley.png)](/drawing-board)

-   [About](/about)
-   [Projects](/projects)

[](/projects)

## hottter - custom pattern generator

P5.jsdesignartsStripe

[Hottter - Pattern Generator](https://github.com/paultursuru/take_cover)

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.

![hottter](https://images.ctfassets.net/d92x4yq9qk1g/2kUK6l9u05Nv7rr0S2Tab4/6f09016baae06103cee322f882fb1069/hottter.png)![hottter-2](https://images.ctfassets.net/d92x4yq9qk1g/QBG5B8uwoajVIQFq9fTJz/f3449769fc220c50d1b9158ddad3a25c/hottter-2.png)