https://github.com/yuukitoriyama/leaflet.fractal.julia
Display Julia Set on Leaflet.js
https://github.com/yuukitoriyama/leaflet.fractal.julia
leaflet-plugin leafletjs mathematics
Last synced: 12 months ago
JSON representation
Display Julia Set on Leaflet.js
- Host: GitHub
- URL: https://github.com/yuukitoriyama/leaflet.fractal.julia
- Owner: YuukiToriyama
- License: mit
- Created: 2022-08-12T16:58:16.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-13T09:11:58.000Z (almost 4 years ago)
- Last Synced: 2025-06-28T11:17:06.246Z (12 months ago)
- Topics: leaflet-plugin, leafletjs, mathematics
- Language: TypeScript
- Homepage: https://yuukitoriyama.github.io/Leaflet.Fractal.Julia/
- Size: 54.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Leaflet.Fractal.Julia
Display Julia Set on Leaflet.js
## Abstract
ジュリア集合を表示させることができる Leaflet プラグインです。
ズームイン・アウトをするたびに計算処理が行なわれ、タイルがレンダリングされます。
ジュリア集合の計算には WebAssembly を用いており、高速なレンダリング処理を可能にしています。
## Usage
### Load from jsDelivr
```html
```
### via npm.js
```terminal
npm install leaflet.fractal.julia
```
## Example
https://yuukitoriyama.github.io/Leaflet.Fractal.Julia/index.html
```html
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);
```
## Gallery
| $-0.15 + 0.65i$ | $0.11131 - 0.6289i$ | $-0.4004 - 0.585i$ |
| :----------------------------------: | :----------------------------------: | :----------------------------------: |
|  |  |  |
## Related Project
- https://github.com/IvanSanchez/Leaflet.MandelbrotGL
- https://rustwasm.github.io/wasm-bindgen/examples/julia.html
## Author
Torichan([@CoconMap](https://twitter.com/coconmap))