Skip to content
Snippets Groups Projects
Verified Commit 248ec55f authored by Fabius Mettner's avatar Fabius Mettner
Browse files

Add readme

parent 2ec722d7
No related branches found
No related tags found
No related merge requests found
# FFT Example - Centric Logarithmic transform
This project is a client calculated wasm rust side that showcases the result of a logarithmic centered forier transform applied to a picture.
A example is hosted on [my personal side](https://juhu.noisruker.de/fft-example). All computations are made client side.
# Build
If you want to build it yourself you need to install [rust-wasm](https://www.rust-lang.org/tools/install).
Then you can build the rust code to webassembly by calling `wasm-pack build --target web`
Now all you got to do is host the index.html as a local website and open it in a browser.
This can most simply be achieved by using `python -m http.server 8000` and opening [`http://localhost:8000`](http://localhost:8000).
......@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Rust WASM GrayImage Viewer</title>
<title>Rust FFT Example</title>
<style>
:root {
--primary-color: #7a50a1;
......@@ -17,6 +17,8 @@
--color-accent: var(--color-signal);
--size-bezel: 0.5rem;
--size-radius: 4px;
--fg-link: #7c7c7c;
--fg-link-hover: #606060;
}
html,
body {
......@@ -45,6 +47,19 @@
.pictures {
display: flex;
}
a {
color: var(--fg-link);
transition: all 0.5s ease-in-out;
}
a:hover,
a:focus {
color: var(--fg-link-hover);
}
#link-section a {
margin-left: 2rem;
margin-right: 2rem;
}
</style>
</head>
<body>
......@@ -162,6 +177,12 @@
</div>
</div>
</div>
<div class="content" id="link-section">
<a
href="https://gitlab.fachschaften.org/fabius.mettner/fft-shift-log-site/"
>Code</a
>
</div>
<script type="module">
import init, { ImageState } from "./pkg/centric_log_transform.js";
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment