In New Zealand being kid of human.
We might make mistakes but we will make other things too. -
Michael Joseph Savage
data = {
walkerParams // causes this cell to run when body parameters change
cam
azimuth
let teData = {lines: []}
let stepGap = walker.getFrequency()/(1000/120)
walker.getMarkers(walkerHeight,0).map( d => _.set(teData,_.camelCase(d.desc),[]))
for (let i = 0; i < walker.getPeriod(); i+=stepGap) {
teData.lines.push(...walker.getLineMarkers(walkerHeight, i)
.map(([a, b]) => ({x1: a.x, y1: a.y, x2: b.x, y2: b.y })))
walker.getMarkers(walkerHeight,i).map( walk => teData[_.camelCase(walk.desc)].push({x:walk.x,y:walk.y,z:walk.z,c:walk.desc}))
}
return teData
}
walker.setSpeed(walkerSpeed) // updates the walking speed
paramBounds = {
let tmpWalker = new BMWalker();
return {
bodyStructure: [tmpWalker.minBodyStructure, tmpWalker.maxBodyStructure],
weight: [tmpWalker.minWeight, tmpWalker.maxWeight],
nervousness: [tmpWalker.minNervousness, tmpWalker.maxNervousness],
happiness: [tmpWalker.minHappiness, tmpWalker.maxHappiness]
};
}
walker = {
let walker = new BMWalker(bodyType);
return walker;
}
{
walker.setWalkerParam(
walkerParams.bodyStructure,
walkerParams.weight,
walkerParams.nervousness,
walkerParams.happiness
);
return walkerParams;
}
{
walker.setCameraParam(azimuth, cam.spin ? 1 : 0, cam.elevation, cam.roll);
return cam;
}
markers = {
while (true) {
yield {
point: walker.getMarkers(walkerHeight,animate?markerIndex:undefined),
line: walker.getLineMarkers(walkerHeight,animate?markerIndex:undefined)
};
}
}
dotOptions = ({x: "x", y: "y", r: d=> zScale(d.z), stroke:'c', opacity:0.1})
BMWalker = fetch("https://tetunori.github.io/BMWalker.js/dist/v0.6.1/bmwalker.js")
.then((r) => r.text())
.then((src) => new Function(` let abs = Math.abs;
${src};
return BMWalker`)())
walker.getPeriod() // lenght of the loop animation
Plot.plot({
width:400,
height:500,
margin:40,
grid: true,
x: {domain: [ -80, 80]},
y: {domain: [-300, 300]},
r: {domain: [-40,40], range: [1, 20], type: "identity"} ,
marks: [
Plot.dot(markersXYZ , { x: "x", y: "y", r: d=> zScale(d.z)/50}),
Plot.text(markersXYZ, {x: "x", y: "y", text: "desc", textAnchor: "end",dy:12}),
]
})
Plot.plot({
width,
height: 600,
grid: true,
margin:30,
r: {type: "identity"} ,
facet: {
data: variants,
x: "model",
},
marks: [
Plot.frame(),
Plot.dot(variants, {
x: "x",
y: "y",
r: d=> vScale(d.z),
stroke: "#00A",
fill: "#ACC"
}),
Plot.text(variants, {x: "x", y: "y", text: "desc", textAnchor: "end",dy:12}),
]
})
function makeXYZ(poze) {
let w = []
for (let i = 0; i < walker.nummarkers; ++i) {
let x = poze[i]
let y = poze[i+walker.nummarkers]
let z = poze[i+walker.nummarkers*2]
w.push({x,y,z,desc:desc[i]})
}
return w
}
markersXYZ= makeXYZ(walker.meanwalker[0])
walker.meanwalker[0] // human
walker.bodyStructureaxis
walker.weightaxis
walker.nervousaxis
walker.happyaxis
walker.markers
walker.getFrequency()
walker.calcTranslationSpeed()
walker.getTranslationSpeed()
walker.calcTime(walker.getFrequency() )
walker.setTranslationParam(false) // true means they are moving Human and chickens only
walker.resetTimer() // reset the Translation position
Matrix bits functions
walker.mtrx.newMatrix()
walker.mtrx.newIdentMatrix()
walker.mtrx.dotProd(1,1,1, 10,10,10)
Timer class
const precision = 10; // 10msec as described in the bmwalker.js
walker.tm.getTimer()
walker.tm
BMW_TYPE_HUMAN = 0
BMW_TYPE_CAT = 1
BMW_TYPE_PIGEON = 2
BMW_TYPE_BOX = 3
PI = Math.PI
import {Scrubber} from "@mbostock/scrubber"
angles = {
let a = d3.range(-3.14, 3.14, 0.02).map(d => Math.floor(d * 10000) / 10000)
arrayRotate(a,a.length/2)
return a
}
// thanks https://stackoverflow.com/a/33451102/45966
function arrayRotate(arr, count) {
count -= arr.length * Math.floor(count / arr.length);
arr.push.apply(arr, arr.splice(0, count));
return arr;
}
step = d3.range(0, walker.getPeriod(), 0.005) // huge array that is read every request animationframe ('now' in observable)
tm = {
let teMarkers = []
for (let i = 0; i < walker.nummarkers * 3 + 1; i++) { // 46
teMarkers[i] = walker.sample(i, step[~~(now%step.length)] , true); // not the best way to do this but its a test
}
let w = []
for (let i = 0; i < walker.nummarkers; ++i) {
let x = teMarkers[i]
let y = teMarkers[i+walker.nummarkers]
let z = teMarkers[i+walker.nummarkers*2]
w.push( {x: x, y:y+600, z:z, desc:desc[i], view:'top'})
w.push( {x: y, y:z, z:x, desc:desc[i], view:'front'})
w.push( {x: x, y:z, z:y, desc:desc[i], view:'side'})
}
return w
}
Plot.plot({
width,
height: 600,
grid: true,
margin:30,
x: {domain: [-500, 500]},
y: {domain: [0, 1800]},
facet: {
data: tm,
x: "view",
},
marks: [
Plot.frame(),
Plot.dot(tm, {
x: "x", y: "y", r: 10,
stroke: "view",
}),
Plot.rect(tm, {x1: 'x', y1: 'y', x2: 0, y2: 700, stroke: "rgba(0,0,0,0.5)"}),
Plot.text(tm, {x: "x", y: "y", text: "desc", textAnchor: "end",dy:12}),
]
})
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
