2019-08-27 18:18:38 +01:00
|
|
|
import('./pkg')
|
2018-07-08 17:57:19 +02:00
|
|
|
.then(wasm => {
|
|
|
|
const canvas = document.getElementById('drawing');
|
|
|
|
const ctx = canvas.getContext('2d');
|
2018-09-28 13:54:29 -07:00
|
|
|
|
2018-07-08 17:57:19 +02:00
|
|
|
const realInput = document.getElementById('real');
|
|
|
|
const imaginaryInput = document.getElementById('imaginary');
|
|
|
|
const renderBtn = document.getElementById('render');
|
|
|
|
|
|
|
|
renderBtn.addEventListener('click', () => {
|
|
|
|
const real = parseFloat(realInput.value) || 0;
|
|
|
|
const imaginary = parseFloat(imaginaryInput.value) || 0;
|
|
|
|
wasm.draw(ctx, 600, 600, real, imaginary);
|
|
|
|
});
|
2018-09-28 13:54:29 -07:00
|
|
|
|
2018-07-08 17:57:19 +02:00
|
|
|
wasm.draw(ctx, 600, 600, -0.15, 0.65);
|
2018-09-28 13:54:29 -07:00
|
|
|
})
|
|
|
|
.catch(console.error);
|