perelman/contra-renderer
1
0
Fork 1
Code Issues 5 Pull Requests Activity

Compare commits

base: perelman:5bb8bfe747306849af021248a5fe0ba2c32b40df
Branches Tags
perelman:main
perelman:feature/variants
perelman:exp/dancer-colors
perelman:exp/perf/cache-strings
..
compare: perelman:edd25ba7d126bd646f95620b7f24df1f8c90e946
Branches Tags
perelman:feature/variants
perelman:main
perelman:exp/dancer-colors
perelman:exp/perf/cache-strings

No commits in common. "5bb8bfe747306849af021248a5fe0ba2c32b40df" and "edd25ba7d126bd646f95620b7f24df1f8c90e946" have entirely different histories.
5bb8bfe747 ... edd25ba7d1

3 changed files with 59 additions and 108 deletions
Show Stats Expand all files Collapse all files

16
www/js/interpreter.ts
View File

@ -565,17 +565,7 @@ function danceAsLowLevelMoves(moves: Move[], startingPos: Map<DancerIdentity, Se
} }
export let mappedDance: Move[]; export const mappedDance = exampleDance.map(nameLibFigureParameters);
export let interpretedDance: Map<DancerIdentity, LowLevelMove[]>; export const interpretedDance = danceAsLowLevelMoves(mappedDance, handsFourImproper);
export let interpretedAnimation: animation.Animation; export const interpretedAnimation: animation.Animation = animateFromLowLevelMoves(interpretedDance);
export function loadDance(dance: LibFigureDance): animation.Animation {
mappedDance = dance.map(nameLibFigureParameters);
interpretedDance = danceAsLowLevelMoves(mappedDance, handsFourImproper);
interpretedAnimation = animateFromLowLevelMoves(interpretedDance);
return interpretedAnimation;
}
loadDance(exampleDance);

16
www/js/lowLevelMove.ts
View File

@ -491,17 +491,11 @@ export function animateLowLevelMove(move: LowLevelMove): animation.AnimationSegm
throw "Unsupported move in animateLowLevelMove: " + JSON.stringify(move); throw "Unsupported move in animateLowLevelMove: " + JSON.stringify(move);
} }
const anim: animation.AnimationSegment[] = handleMove(); return [
animation.LinearAnimationSegment.standStill(startSetPosition),
// Normalize start/end positions if necessary. ...handleMove(),
if (JSON.stringify(anim[0].startPosition) != JSON.stringify(startSetPosition)) { animation.LinearAnimationSegment.standStill(endSetPosition),
anim.unshift(animation.LinearAnimationSegment.standStill(startSetPosition)) ];
}
if (JSON.stringify(anim[anim.length - 1].endPosition) != JSON.stringify(endSetPosition)) {
anim.push(animation.LinearAnimationSegment.standStill(endSetPosition))
}
return anim;
} }
export function animateFromLowLevelMoves(moves: Map<DancerIdentity, LowLevelMove[]>): animation.Animation { export function animateFromLowLevelMoves(moves: Map<DancerIdentity, LowLevelMove[]>): animation.Animation {

35
www/js/main.ts
View File

@ -2,7 +2,7 @@ import * as animation from "./animation.js";
import * as interpreter from "./interpreter.js"; import * as interpreter from "./interpreter.js";
import * as renderer from "./renderer.js"; import * as renderer from "./renderer.js";
import { DancerIdentity } from "./danceCommon.js"; import { DancerIdentity } from "./danceCommon.js";
import { LibFigureDance, Move } from "./libfigureMapper.js"; import { Move } from "./libfigureMapper.js";
import { animateLowLevelMove, LowLevelMove } from "./lowLevelMove.js"; import { animateLowLevelMove, LowLevelMove } from "./lowLevelMove.js";
const body = document.querySelector('body')!; const body = document.querySelector('body')!;
@ -139,32 +139,6 @@ function playAnimation(bpm: number, start: number, end: number) {
anim(); anim();
} }
// Two Hearts in Time by Isaac Banner. Selected arbitrarily.
const exampleDance: LibFigureDance = [{ "parameter_values": [true, 8], "move": "petronella" }, { "parameter_values": [true, 8], "move": "petronella" }, { "parameter_values": ["neighbors", "balance", 16], "move": "swing" }, { "parameter_values": ["ladles", true, 540, 8], "move": "allemande" }, { "parameter_values": ["partners", "none", 8], "move": "swing" }, { "parameter_values": ["gentlespoons", 360, 6], "move": "mad robin" }, { "parameter_values": [true, 270, 6], "move": "circle" }, { "parameter_values": ["partners", 4], "move": "California twirl", "progression": 1 }];
const danceJsonArea = document.createElement('textarea');
danceJsonArea.value = JSON.stringify(exampleDance, undefined, 2);
danceJsonArea.rows = 15;
danceJsonArea.cols = 30;
const loadDanceButton = document.createElement('button');
loadDanceButton.innerText = 'Load Dance';
wrapperDiv.appendChild(document.createElement('br'));
wrapperDiv.appendChild(danceJsonArea);
wrapperDiv.appendChild(loadDanceButton);
loadDanceButton.addEventListener('click', (ev) => {
const dance: LibFigureDance = JSON.parse(danceJsonArea.value);
r.animation = interpreter.loadDance(dance);
if (cancelAnim !== undefined) {
cancelAnimationFrame(cancelAnim);
playButton.innerText = 'Play';
}
beatSlider.value = '0';
beatDisplay.innerText = '0';
r.drawSetsWithTrails(0);
buildDebugTable();
});
function createJsonCell(content: any, rowSpan?: number, id?: DancerIdentity) { function createJsonCell(content: any, rowSpan?: number, id?: DancerIdentity) {
const cell = document.createElement('td'); const cell = document.createElement('td');
const pre = document.createElement('pre'); const pre = document.createElement('pre');
@ -221,11 +195,6 @@ body.appendChild(showDebugLabel);
const table = document.createElement('table'); const table = document.createElement('table');
table.id = 'debug' table.id = 'debug'
function buildDebugTable() {
while (table.childNodes.length > 0) {
table.removeChild(table.childNodes[table.childNodes.length - 1]);
}
const headerRow = document.createElement('tr'); const headerRow = document.createElement('tr');
const roles = [DancerIdentity.OnesLark, DancerIdentity.OnesRobin, const roles = [DancerIdentity.OnesLark, DancerIdentity.OnesRobin,
DancerIdentity.TwosLark, DancerIdentity.TwosRobin]; DancerIdentity.TwosLark, DancerIdentity.TwosRobin];
@ -282,7 +251,5 @@ function buildDebugTable() {
table.appendChild(row); table.appendChild(row);
} }
} }
}
buildDebugTable();
body.appendChild(table); body.appendChild(table);