Display Julia Set on Leaflet.js
ジュリア集合を表示させることができる Leaflet プラグインです。 ズームイン・アウトをするたびに計算処理が行なわれ、タイルがレンダリングされます。 ジュリア集合の計算には WebAssembly を用いており、高速なレンダリング処理を可能にしています。
<script src="https://cdn.jsdelivr.net/npm/leaflet.fractal.julia/dist/bundle.js"></script>npm install leaflet.fractal.julia
https://yuukitoriyama.github.io/Leaflet.Fractal.Julia/index.html
<html>
<body>
<div id="viewer" style="width: 1000px; height: 1000px"></div>
<script type="module">
const div = document.getElementById("viewer");
// L.Mapを作成
const viewer = L.map(div, {
center: [0, 0],
zoom: 0,
crs: L.CRS.Simple,
});
// initメソッドを呼び、Wasmをロード
await JuliaSetLayer.init();
// ジュリア集合を定義
const juliaSetLayer = new JuliaSetLayer({
re: -0.15,
im: 0.65,
});
// レイヤーとしてL.Mapに追加
viewer.addLayer(juliaSetLayer);
</script>
</body>
</html> |
 |
 |
- https://github.com/IvanSanchez/Leaflet.MandelbrotGL
- https://rustwasm.github.io/wasm-bindgen/examples/julia.html
Torichan(@CoconMap)