Implement a `@remotion/noise` package

[JonnyBurger]

🎃 This issue is part of our Hacktoberfest campaign! 📚 Read more about Hacktoberfest here 🕛 This issue is currently taken by @satelllte! 💰 Thanks to CodeChem for sponsoring this issue!

Noise is an often used tool to make interesting visuals. Here is an example of a DotGrid from the MKBHD intro:

https://github.com/wcandillon/mkbhd-intro/blob/da1c99236e4b4566f86be667b255230ee2dcc72b/src/Intro/Background.tsx

This uses the simplex-noise package, but the experience for Remotion developer is not yet so streamlined:

• There are two versions of the package with different API
• It uses Math.random() by default, so one has to also install alea to set a custom seed. Ideally the seed is set using Remotions random function.
• No examples or documentation beyond just the API reference.

Task / Acceptance criteria

• Implement a new package in the monorepo called @remotion/noise
• Expose the noise2D, noise3D, noise4D functions from simplex-noise (it is allowed to use it as a dependency)
• Don't use the default Math.random() algorithm, use Remotion's random()
• Create a new documentation page that explains the API with the same quality standard as the other API pages
• Create a documentation page explaining how one can use noise to for example create the DotGrid in the example above. Implement some sliders to allow the user to play around with the parameters like in the Motion Blur PR #1392 and the Greenscreen example (https://www.remotion.dev/docs/video-manipulation#greenscreen-example)

---

IssueHunt Summary

#### [ satelllte](https://issuehunt.io/u/satelllte) has been rewarded. ### Backers (Total: $223.00) - [ remotion-dev](https://issuehunt.io/u/remotion-dev) ($223.00) ### Submitted pull Requests - [#1401 @remotion/noise](https://issuehunt.io/r/remotion-dev/remotion/pull/1401) --- ### Tips - Checkout the [Issuehunt explorer](https://issuehunt.io/r/remotion-dev/remotion/) to discover more funded issues. - Need some help from other developers? [Add your repositories](https://issuehunt.io/r/new) on IssueHunt to raise funds.

[issuehunt-oss[bot]]

@remotion-dev has funded $223.00 to this issue.

---

• Submit pull request via IssueHunt to receive this reward.
• Want to contribute? Chip in to this issue via IssueHunt.
• Checkout the IssueHunt Issue Explorer to see more funded issues.
• Need help from developers? Add your repository on IssueHunt to raise funds.

[satelllte]

Hey @JonnyBurger. I'd like to work on this

[JonnyBurger]

@satelllte Assigned!

[issuehunt-oss[bot]]

@jonnyburger has rewarded $200.70 to @satelllte. See it on IssueHunt

• :moneybag: Total deposit: $223.00
• :tada: Repository reward(0%): $0.00
• :wrench: Service fee(10%): $22.30