agentscript
Version:
AgentScript Model in Model/View architecture
98 lines (83 loc) • 2.9 kB
HTML
<html>
<head>
<title>terrain2</title>
<link rel="icon" type="image/x-icon" href="../favicon.ico" />
</head>
<body>
<script type="module">
import * as util from '../src/utils.js'
import World from '../src/World.js'
import { redfishUSA, mapzen, maptiler } from '../src/TileData.js' //maptilerUrl
import * as gis from '../src/gis.js'
import Model from '../models/HelloModel.js'
import { THREE } from '../vendor/three.js'
import ThreeDraw from '../src/ThreeDraw.js'
const provider = mapzen
const [Z, X, Y] = [13, 1594, 3339]
const elevation = await provider.zxyToDataSet(Z, X, Y)
const el0to10 = elevation.scale(0, 10)
const baseMapURL = gis.url(Z, X, Y, 'topo1')
const baseMap = await util.imagePromise(baseMapURL)
const model = new Model(World.defaultOptions(50))
model.population = 0
model.patches.importDataSet(el0to10, 'z')
await model.startup()
model.setup()
// REMIND: fix patches to update only once
const drawOptions = {
patchesMesh: {
meshClass: 'PatchesMesh',
useSegments: true,
canvas: baseMap, //baseCtx.canvas,
},
// patchesSize: 5,
// patchesMap: 'Jet',
// patchesColor: baseCtx.canvas,
// patchesColor: p => {
// const map = view.drawOptions.patchesMap
// const color = map.scaleColor(p.z, 0, 10)
// return color
// },
}
const view = new ThreeDraw(
model,
{ div: 'modelDiv' },
drawOptions
)
const data = el0to10.resample(102, 102).data
const geometry = view.meshes.patches.mesh.geometry
const pos = geometry.getAttribute('position')
const a = pos.array
util.repeat(a.length / 3, (i, a) => (a[i * 3 + 2] = data[i]), a)
geometry.setAttribute(
'position',
new THREE.BufferAttribute(a, 3)
)
util.toWindow({ util, model, view })
util.timeoutLoop(
() => {
model.step()
view.draw()
},
5, // 500, just draw once, is static
33
)
view.idle()
</script>
<div id="modelDiv"></div>
</body>
</html>
<!--
const drawOptions0 = {
initPatches: (model, view) => {
const elevation = model.patches.exportDataSet('elevation')
const grays = elevation.scale(0, 255).data
const colors = grays.map(d => ColorMap.Gray[Math.round(d)])
const localMinColor = Color.typedColor(255, 0, 0)
model.localMins.forEach(p => {
colors[p.id] = localMinColor
})
return colors
},
}
-->