Motion Core

Canvas

Neural Noise

A generative organic pattern using Compositional Pattern Producing Networks (CPPN).

ogl

Installation

Install the component

Run the following command to install the component and its dependencies: 
npx @motion-core/cli add neural-noise
npx @motion-core/cli add neural-noise

Import the component

Import the component into your Svelte file: 
import { NeuralNoise } from "$lib/motion-core";
import { NeuralNoise } from "$lib/motion-core";

Usage

Props

0.500
<script lang="ts">
	import { NeuralNoise } from "motion-core";
	import type { ComponentProps } from "svelte";

	type Props = Partial<ComponentProps<typeof NeuralNoise>>;

	let { speed = 0.5 }: Props = $props();
</script>

<NeuralNoise {speed} class="h-full min-h-96 w-full" />

<script lang="ts">
	import { NeuralNoise } from "motion-core";
	import type { ComponentProps } from "svelte";

	type Props = Partial<ComponentProps<typeof NeuralNoise>>;

	let { speed = 0.5 }: Props = $props();
</script>

<NeuralNoise {speed} class="h-full min-h-96 w-full" />

Props

NeuralNoise

PropTypeDefault
speed
number 1.0
class
string ""