mirror of
https://github.com/microsoft/vscode.git
synced 2026-04-20 16:49:06 +01:00
web - support tasks in "yarn web"
This commit is contained in:
Benjamin Pasero
@@ -21,6 +21,7 @@ export function activate(context: vscode.ExtensionContext) {
|
||||
const memFs = enableFs(context);
|
||||
enableProblems(context);
|
||||
enableSearch(context, memFs);
|
||||
enableTasks();
|
||||
|
||||
vscode.commands.executeCommand('vscode.open', vscode.Uri.parse(`memfs:/large.ts`));
|
||||
}
|
||||
@@ -58,6 +59,262 @@ function enableFs(context: vscode.ExtensionContext): MemFS {
|
||||
memFs.writeFile(vscode.Uri.parse(`memfs:/xyz/upper.txt`), textEncoder.encode('upper'), { create: true, overwrite: true });
|
||||
memFs.writeFile(vscode.Uri.parse(`memfs:/xyz/def/foo.md`), textEncoder.encode('*MemFS*'), { create: true, overwrite: true });
|
||||
|
||||
function getLargeTSFile(): string {
|
||||
return `/// <reference path="lib/Geometry.ts"/>
|
||||
/// <reference path="Game.ts"/>
|
||||
|
||||
module Mankala {
|
||||
export var storeHouses = [6,13];
|
||||
export var svgNS = 'http://www.w3.org/2000/svg';
|
||||
|
||||
function createSVGRect(r:Rectangle) {
|
||||
var rect = document.createElementNS(svgNS,'rect');
|
||||
rect.setAttribute('x', r.x.toString());
|
||||
rect.setAttribute('y', r.y.toString());
|
||||
rect.setAttribute('width', r.width.toString());
|
||||
rect.setAttribute('height', r.height.toString());
|
||||
return rect;
|
||||
}
|
||||
|
||||
function createSVGEllipse(r:Rectangle) {
|
||||
var ell = document.createElementNS(svgNS,'ellipse');
|
||||
ell.setAttribute('rx',(r.width/2).toString());
|
||||
ell.setAttribute('ry',(r.height/2).toString());
|
||||
ell.setAttribute('cx',(r.x+r.width/2).toString());
|
||||
ell.setAttribute('cy',(r.y+r.height/2).toString());
|
||||
return ell;
|
||||
}
|
||||
|
||||
function createSVGEllipsePolar(angle:number,radius:number,tx:number,ty:number,cxo:number,cyo:number) {
|
||||
var ell = document.createElementNS(svgNS,'ellipse');
|
||||
ell.setAttribute('rx',radius.toString());
|
||||
ell.setAttribute('ry',(radius/3).toString());
|
||||
ell.setAttribute('cx',cxo.toString());
|
||||
ell.setAttribute('cy',cyo.toString());
|
||||
var dangle = angle*(180/Math.PI);
|
||||
ell.setAttribute('transform','rotate('+dangle+','+cxo+','+cyo+') translate('+tx+','+ty+')');
|
||||
return ell;
|
||||
}
|
||||
|
||||
function createSVGInscribedCircle(sq:Square) {
|
||||
var circle = document.createElementNS(svgNS,'circle');
|
||||
circle.setAttribute('r',(sq.length/2).toString());
|
||||
circle.setAttribute('cx',(sq.x+(sq.length/2)).toString());
|
||||
circle.setAttribute('cy',(sq.y+(sq.length/2)).toString());
|
||||
return circle;
|
||||
}
|
||||
|
||||
export class Position {
|
||||
|
||||
seedCounts:number[];
|
||||
startMove:number;
|
||||
turn:number;
|
||||
|
||||
constructor(seedCounts:number[],startMove:number,turn:number) {
|
||||
this.seedCounts = seedCounts;
|
||||
this.startMove = startMove;
|
||||
this.turn = turn;
|
||||
}
|
||||
|
||||
score() {
|
||||
var baseScore = this.seedCounts[storeHouses[1-this.turn]]-this.seedCounts[storeHouses[this.turn]];
|
||||
var otherSpaces = homeSpaces[this.turn];
|
||||
var sum = 0;
|
||||
for (var k = 0,len = otherSpaces.length;k<len;k++) {
|
||||
sum += this.seedCounts[otherSpaces[k]];
|
||||
}
|
||||
if (sum==0) {
|
||||
var mySpaces = homeSpaces[1-this.turn];
|
||||
var mySum = 0;
|
||||
for (var j = 0,len = mySpaces.length;j<len;j++) {
|
||||
mySum += this.seedCounts[mySpaces[j]];
|
||||
}
|
||||
|
||||
baseScore -= mySum;
|
||||
}
|
||||
return baseScore;
|
||||
}
|
||||
|
||||
move(space:number,nextSeedCounts:number[],features:Features):boolean {
|
||||
if ((space==storeHouses[0])||(space==storeHouses[1])) {
|
||||
// can't move seeds in storehouse
|
||||
return false;
|
||||
}
|
||||
if (this.seedCounts[space]>0) {
|
||||
features.clear();
|
||||
var len = this.seedCounts.length;
|
||||
for (var i = 0;i<len;i++) {
|
||||
nextSeedCounts[i] = this.seedCounts[i];
|
||||
}
|
||||
var seedCount = this.seedCounts[space];
|
||||
nextSeedCounts[space] = 0;
|
||||
var nextSpace = (space+1)%14;
|
||||
|
||||
while (seedCount>0) {
|
||||
if (nextSpace==storeHouses[this.turn]) {
|
||||
features.seedStoredCount++;
|
||||
}
|
||||
if ((nextSpace!=storeHouses[1-this.turn])) {
|
||||
nextSeedCounts[nextSpace]++;
|
||||
seedCount--;
|
||||
}
|
||||
if (seedCount==0) {
|
||||
if (nextSpace==storeHouses[this.turn]) {
|
||||
features.turnContinues = true;
|
||||
}
|
||||
else {
|
||||
if ((nextSeedCounts[nextSpace]==1)&&
|
||||
(nextSpace>=firstHomeSpace[this.turn])&&
|
||||
(nextSpace<=lastHomeSpace[this.turn])) {
|
||||
// capture
|
||||
var capturedSpace = capturedSpaces[nextSpace];
|
||||
if (capturedSpace>=0) {
|
||||
features.spaceCaptured = capturedSpace;
|
||||
features.capturedCount = nextSeedCounts[capturedSpace];
|
||||
nextSeedCounts[capturedSpace] = 0;
|
||||
nextSeedCounts[storeHouses[this.turn]] += features.capturedCount;
|
||||
features.seedStoredCount += nextSeedCounts[capturedSpace];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
nextSpace = (nextSpace+1)%14;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export class SeedCoords {
|
||||
tx:number;
|
||||
ty:number;
|
||||
angle:number;
|
||||
|
||||
constructor(tx:number, ty:number, angle:number) {
|
||||
this.tx = tx;
|
||||
this.ty = ty;
|
||||
this.angle = angle;
|
||||
}
|
||||
}
|
||||
|
||||
export class DisplayPosition extends Position {
|
||||
|
||||
config:SeedCoords[][];
|
||||
|
||||
constructor(seedCounts:number[],startMove:number,turn:number) {
|
||||
super(seedCounts,startMove,turn);
|
||||
|
||||
this.config = [];
|
||||
|
||||
for (var i = 0;i<seedCounts.length;i++) {
|
||||
this.config[i] = new Array<SeedCoords>();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
seedCircleRect(rect:Rectangle,seedCount:number,board:Element,seed:number) {
|
||||
var coords = this.config[seed];
|
||||
var sq = rect.inner(0.95).square();
|
||||
var cxo = (sq.width/2)+sq.x;
|
||||
var cyo = (sq.height/2)+sq.y;
|
||||
var seedNumbers = [5,7,9,11];
|
||||
var ringIndex = 0;
|
||||
var ringRem = seedNumbers[ringIndex];
|
||||
var angleDelta = (2*Math.PI)/ringRem;
|
||||
var angle = angleDelta;
|
||||
var seedLength = sq.width/(seedNumbers.length<<1);
|
||||
var crMax = sq.width/2-(seedLength/2);
|
||||
var pit = createSVGInscribedCircle(sq);
|
||||
if (seed<7) {
|
||||
pit.setAttribute('fill','brown');
|
||||
}
|
||||
else {
|
||||
pit.setAttribute('fill','saddlebrown');
|
||||
}
|
||||
board.appendChild(pit);
|
||||
var seedsSeen = 0;
|
||||
while (seedCount > 0) {
|
||||
if (ringRem == 0) {
|
||||
ringIndex++;
|
||||
ringRem = seedNumbers[ringIndex];
|
||||
angleDelta = (2*Math.PI)/ringRem;
|
||||
angle = angleDelta;
|
||||
}
|
||||
var tx:number;
|
||||
var ty:number;
|
||||
var tangle = angle;
|
||||
if (coords.length>seedsSeen) {
|
||||
tx = coords[seedsSeen].tx;
|
||||
ty = coords[seedsSeen].ty;
|
||||
tangle = coords[seedsSeen].angle;
|
||||
}
|
||||
else {
|
||||
tx = (Math.random()*crMax)-(crMax/3);
|
||||
ty = (Math.random()*crMax)-(crMax/3);
|
||||
coords[seedsSeen] = new SeedCoords(tx,ty,angle);
|
||||
}
|
||||
var ell = createSVGEllipsePolar(tangle,seedLength,tx,ty,cxo,cyo);
|
||||
board.appendChild(ell);
|
||||
angle += angleDelta;
|
||||
ringRem--;
|
||||
seedCount--;
|
||||
seedsSeen++;
|
||||
}
|
||||
}
|
||||
|
||||
toCircleSVG() {
|
||||
var seedDivisions = 14;
|
||||
var board = document.createElementNS(svgNS,'svg');
|
||||
var boardRect = new Rectangle(0,0,1800,800);
|
||||
board.setAttribute('width','1800');
|
||||
board.setAttribute('height','800');
|
||||
var whole = createSVGRect(boardRect);
|
||||
whole.setAttribute('fill','tan');
|
||||
board.appendChild(whole);
|
||||
var labPlayLab = boardRect.proportionalSplitVert(20,760,20);
|
||||
var playSurface = labPlayLab[1];
|
||||
var storeMainStore = playSurface.proportionalSplitHoriz(8,48,8);
|
||||
var mainPair = storeMainStore[1].subDivideVert(2);
|
||||
var playerRects = [mainPair[0].subDivideHoriz(6), mainPair[1].subDivideHoriz(6)];
|
||||
// reverse top layer because storehouse on left
|
||||
for (var k = 0;k<3;k++) {
|
||||
var temp = playerRects[0][k];
|
||||
playerRects[0][k] = playerRects[0][5-k];
|
||||
playerRects[0][5-k] = temp;
|
||||
}
|
||||
var storehouses = [storeMainStore[0],storeMainStore[2]];
|
||||
var playerSeeds = this.seedCounts.length>>1;
|
||||
for (var i = 0;i<2;i++) {
|
||||
var player = playerRects[i];
|
||||
var storehouse = storehouses[i];
|
||||
var r:Rectangle;
|
||||
for (var j = 0;j<playerSeeds;j++) {
|
||||
var seed = (i*playerSeeds)+j;
|
||||
var seedCount = this.seedCounts[seed];
|
||||
if (j==(playerSeeds-1)) {
|
||||
r = storehouse;
|
||||
}
|
||||
else {
|
||||
r = player[j];
|
||||
}
|
||||
this.seedCircleRect(r,seedCount,board,seed);
|
||||
if (seedCount==0) {
|
||||
// clear
|
||||
this.config[seed] = new Array<SeedCoords>();
|
||||
}
|
||||
}
|
||||
}
|
||||
return board;
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
||||
|
||||
return memFs;
|
||||
}
|
||||
|
||||
@@ -113,6 +370,140 @@ function enableSearch(_context: vscode.ExtensionContext, _memFs: MemFS): void {
|
||||
//context.subscriptions.push(vscode.workspace.registerFileSearchProvider(SCHEME, memFs));
|
||||
}
|
||||
|
||||
function enableTasks(): void {
|
||||
|
||||
interface CustomBuildTaskDefinition extends vscode.TaskDefinition {
|
||||
/**
|
||||
* The build flavor. Should be either '32' or '64'.
|
||||
*/
|
||||
flavor: string;
|
||||
|
||||
/**
|
||||
* Additional build flags
|
||||
*/
|
||||
flags?: string[];
|
||||
}
|
||||
|
||||
class CustomBuildTaskProvider implements vscode.TaskProvider {
|
||||
static CustomBuildScriptType: string = 'custombuildscript';
|
||||
private tasks: vscode.Task[] | undefined;
|
||||
|
||||
// We use a CustomExecution task when state needs to be shared accross runs of the task or when
|
||||
// the task requires use of some VS Code API to run.
|
||||
// If you don't need to share state between runs and if you don't need to execute VS Code API in your task,
|
||||
// then a simple ShellExecution or ProcessExecution should be enough.
|
||||
// Since our build has this shared state, the CustomExecution is used below.
|
||||
private sharedState: string | undefined;
|
||||
|
||||
constructor(private workspaceRoot: string) { }
|
||||
|
||||
public async provideTasks(): Promise<vscode.Task[]> {
|
||||
return this.getTasks();
|
||||
}
|
||||
|
||||
public resolveTask(_task: vscode.Task): vscode.Task | undefined {
|
||||
const flavor: string = _task.definition.flavor;
|
||||
if (flavor) {
|
||||
const definition: CustomBuildTaskDefinition = <any>_task.definition;
|
||||
return this.getTask(definition.flavor, definition.flags ? definition.flags : [], definition);
|
||||
}
|
||||
return undefined;
|
||||
}
|
||||
|
||||
private getTasks(): vscode.Task[] {
|
||||
if (this.tasks !== undefined) {
|
||||
return this.tasks;
|
||||
}
|
||||
// In our fictional build, we have two build flavors
|
||||
const flavors: string[] = ['32', '64'];
|
||||
// Each flavor can have some options.
|
||||
const flags: string[][] = [['watch', 'incremental'], ['incremental'], []];
|
||||
|
||||
this.tasks = [];
|
||||
flavors.forEach(flavor => {
|
||||
flags.forEach(flagGroup => {
|
||||
this.tasks!.push(this.getTask(flavor, flagGroup));
|
||||
});
|
||||
});
|
||||
return this.tasks;
|
||||
}
|
||||
|
||||
private getTask(flavor: string, flags: string[], definition?: CustomBuildTaskDefinition): vscode.Task {
|
||||
if (definition === undefined) {
|
||||
definition = {
|
||||
type: CustomBuildTaskProvider.CustomBuildScriptType,
|
||||
flavor,
|
||||
flags
|
||||
};
|
||||
}
|
||||
return new vscode.Task2(definition, vscode.TaskScope.Workspace, `${flavor} ${flags.join(' ')}`,
|
||||
CustomBuildTaskProvider.CustomBuildScriptType, new vscode.CustomExecution(async (): Promise<vscode.Pseudoterminal> => {
|
||||
// When the task is executed, this callback will run. Here, we setup for running the task.
|
||||
return new CustomBuildTaskTerminal(this.workspaceRoot, flavor, flags, () => this.sharedState, (state: string) => this.sharedState = state);
|
||||
}));
|
||||
}
|
||||
}
|
||||
|
||||
class CustomBuildTaskTerminal implements vscode.Pseudoterminal {
|
||||
private writeEmitter = new vscode.EventEmitter<string>();
|
||||
onDidWrite: vscode.Event<string> = this.writeEmitter.event;
|
||||
private closeEmitter = new vscode.EventEmitter<void>();
|
||||
onDidClose?: vscode.Event<void> = this.closeEmitter.event;
|
||||
|
||||
private fileWatcher: vscode.FileSystemWatcher | undefined;
|
||||
|
||||
constructor(private workspaceRoot: string, _flavor: string, private flags: string[], private getSharedState: () => string | undefined, private setSharedState: (state: string) => void) {
|
||||
}
|
||||
|
||||
open(_initialDimensions: vscode.TerminalDimensions | undefined): void {
|
||||
// At this point we can start using the terminal.
|
||||
if (this.flags.indexOf('watch') > -1) {
|
||||
let pattern = this.workspaceRoot + '/customBuildFile';
|
||||
this.fileWatcher = vscode.workspace.createFileSystemWatcher(pattern);
|
||||
this.fileWatcher.onDidChange(() => this.doBuild());
|
||||
this.fileWatcher.onDidCreate(() => this.doBuild());
|
||||
this.fileWatcher.onDidDelete(() => this.doBuild());
|
||||
}
|
||||
this.doBuild();
|
||||
}
|
||||
|
||||
close(): void {
|
||||
// The terminal has been closed. Shutdown the build.
|
||||
if (this.fileWatcher) {
|
||||
this.fileWatcher.dispose();
|
||||
}
|
||||
}
|
||||
|
||||
private async doBuild(): Promise<void> {
|
||||
return new Promise<void>((resolve) => {
|
||||
this.writeEmitter.fire('Starting build...\r\n');
|
||||
let isIncremental = this.flags.indexOf('incremental') > -1;
|
||||
if (isIncremental) {
|
||||
if (this.getSharedState()) {
|
||||
this.writeEmitter.fire('Using last build results: ' + this.getSharedState() + '\r\n');
|
||||
} else {
|
||||
isIncremental = false;
|
||||
this.writeEmitter.fire('No result from last build. Doing full build.\r\n');
|
||||
}
|
||||
}
|
||||
|
||||
// Since we don't actually build anything in this example set a timeout instead.
|
||||
setTimeout(() => {
|
||||
const date = new Date();
|
||||
this.setSharedState(date.toTimeString() + ' ' + date.toDateString());
|
||||
this.writeEmitter.fire('Build complete.\r\n\r\n');
|
||||
if (this.flags.indexOf('watch') === -1) {
|
||||
this.closeEmitter.fire();
|
||||
resolve();
|
||||
}
|
||||
}, isIncremental ? 1000 : 4000);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
vscode.tasks.registerTaskProvider(CustomBuildTaskProvider.CustomBuildScriptType, new CustomBuildTaskProvider(vscode.workspace.rootPath!));
|
||||
}
|
||||
|
||||
export class File implements vscode.FileStat {
|
||||
|
||||
type: vscode.FileType;
|
||||
@@ -417,258 +808,3 @@ export class MemFS implements vscode.FileSystemProvider, vscode.FileSearchProvid
|
||||
return result;
|
||||
}
|
||||
}
|
||||
|
||||
function getLargeTSFile(): string {
|
||||
return `/// <reference path="lib/Geometry.ts"/>
|
||||
/// <reference path="Game.ts"/>
|
||||
|
||||
module Mankala {
|
||||
export var storeHouses = [6,13];
|
||||
export var svgNS = 'http://www.w3.org/2000/svg';
|
||||
|
||||
function createSVGRect(r:Rectangle) {
|
||||
var rect = document.createElementNS(svgNS,'rect');
|
||||
rect.setAttribute('x', r.x.toString());
|
||||
rect.setAttribute('y', r.y.toString());
|
||||
rect.setAttribute('width', r.width.toString());
|
||||
rect.setAttribute('height', r.height.toString());
|
||||
return rect;
|
||||
}
|
||||
|
||||
function createSVGEllipse(r:Rectangle) {
|
||||
var ell = document.createElementNS(svgNS,'ellipse');
|
||||
ell.setAttribute('rx',(r.width/2).toString());
|
||||
ell.setAttribute('ry',(r.height/2).toString());
|
||||
ell.setAttribute('cx',(r.x+r.width/2).toString());
|
||||
ell.setAttribute('cy',(r.y+r.height/2).toString());
|
||||
return ell;
|
||||
}
|
||||
|
||||
function createSVGEllipsePolar(angle:number,radius:number,tx:number,ty:number,cxo:number,cyo:number) {
|
||||
var ell = document.createElementNS(svgNS,'ellipse');
|
||||
ell.setAttribute('rx',radius.toString());
|
||||
ell.setAttribute('ry',(radius/3).toString());
|
||||
ell.setAttribute('cx',cxo.toString());
|
||||
ell.setAttribute('cy',cyo.toString());
|
||||
var dangle = angle*(180/Math.PI);
|
||||
ell.setAttribute('transform','rotate('+dangle+','+cxo+','+cyo+') translate('+tx+','+ty+')');
|
||||
return ell;
|
||||
}
|
||||
|
||||
function createSVGInscribedCircle(sq:Square) {
|
||||
var circle = document.createElementNS(svgNS,'circle');
|
||||
circle.setAttribute('r',(sq.length/2).toString());
|
||||
circle.setAttribute('cx',(sq.x+(sq.length/2)).toString());
|
||||
circle.setAttribute('cy',(sq.y+(sq.length/2)).toString());
|
||||
return circle;
|
||||
}
|
||||
|
||||
export class Position {
|
||||
|
||||
seedCounts:number[];
|
||||
startMove:number;
|
||||
turn:number;
|
||||
|
||||
constructor(seedCounts:number[],startMove:number,turn:number) {
|
||||
this.seedCounts = seedCounts;
|
||||
this.startMove = startMove;
|
||||
this.turn = turn;
|
||||
}
|
||||
|
||||
score() {
|
||||
var baseScore = this.seedCounts[storeHouses[1-this.turn]]-this.seedCounts[storeHouses[this.turn]];
|
||||
var otherSpaces = homeSpaces[this.turn];
|
||||
var sum = 0;
|
||||
for (var k = 0,len = otherSpaces.length;k<len;k++) {
|
||||
sum += this.seedCounts[otherSpaces[k]];
|
||||
}
|
||||
if (sum==0) {
|
||||
var mySpaces = homeSpaces[1-this.turn];
|
||||
var mySum = 0;
|
||||
for (var j = 0,len = mySpaces.length;j<len;j++) {
|
||||
mySum += this.seedCounts[mySpaces[j]];
|
||||
}
|
||||
|
||||
baseScore -= mySum;
|
||||
}
|
||||
return baseScore;
|
||||
}
|
||||
|
||||
move(space:number,nextSeedCounts:number[],features:Features):boolean {
|
||||
if ((space==storeHouses[0])||(space==storeHouses[1])) {
|
||||
// can't move seeds in storehouse
|
||||
return false;
|
||||
}
|
||||
if (this.seedCounts[space]>0) {
|
||||
features.clear();
|
||||
var len = this.seedCounts.length;
|
||||
for (var i = 0;i<len;i++) {
|
||||
nextSeedCounts[i] = this.seedCounts[i];
|
||||
}
|
||||
var seedCount = this.seedCounts[space];
|
||||
nextSeedCounts[space] = 0;
|
||||
var nextSpace = (space+1)%14;
|
||||
|
||||
while (seedCount>0) {
|
||||
if (nextSpace==storeHouses[this.turn]) {
|
||||
features.seedStoredCount++;
|
||||
}
|
||||
if ((nextSpace!=storeHouses[1-this.turn])) {
|
||||
nextSeedCounts[nextSpace]++;
|
||||
seedCount--;
|
||||
}
|
||||
if (seedCount==0) {
|
||||
if (nextSpace==storeHouses[this.turn]) {
|
||||
features.turnContinues = true;
|
||||
}
|
||||
else {
|
||||
if ((nextSeedCounts[nextSpace]==1)&&
|
||||
(nextSpace>=firstHomeSpace[this.turn])&&
|
||||
(nextSpace<=lastHomeSpace[this.turn])) {
|
||||
// capture
|
||||
var capturedSpace = capturedSpaces[nextSpace];
|
||||
if (capturedSpace>=0) {
|
||||
features.spaceCaptured = capturedSpace;
|
||||
features.capturedCount = nextSeedCounts[capturedSpace];
|
||||
nextSeedCounts[capturedSpace] = 0;
|
||||
nextSeedCounts[storeHouses[this.turn]] += features.capturedCount;
|
||||
features.seedStoredCount += nextSeedCounts[capturedSpace];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
nextSpace = (nextSpace+1)%14;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export class SeedCoords {
|
||||
tx:number;
|
||||
ty:number;
|
||||
angle:number;
|
||||
|
||||
constructor(tx:number, ty:number, angle:number) {
|
||||
this.tx = tx;
|
||||
this.ty = ty;
|
||||
this.angle = angle;
|
||||
}
|
||||
}
|
||||
|
||||
export class DisplayPosition extends Position {
|
||||
|
||||
config:SeedCoords[][];
|
||||
|
||||
constructor(seedCounts:number[],startMove:number,turn:number) {
|
||||
super(seedCounts,startMove,turn);
|
||||
|
||||
this.config = [];
|
||||
|
||||
for (var i = 0;i<seedCounts.length;i++) {
|
||||
this.config[i] = new Array<SeedCoords>();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
seedCircleRect(rect:Rectangle,seedCount:number,board:Element,seed:number) {
|
||||
var coords = this.config[seed];
|
||||
var sq = rect.inner(0.95).square();
|
||||
var cxo = (sq.width/2)+sq.x;
|
||||
var cyo = (sq.height/2)+sq.y;
|
||||
var seedNumbers = [5,7,9,11];
|
||||
var ringIndex = 0;
|
||||
var ringRem = seedNumbers[ringIndex];
|
||||
var angleDelta = (2*Math.PI)/ringRem;
|
||||
var angle = angleDelta;
|
||||
var seedLength = sq.width/(seedNumbers.length<<1);
|
||||
var crMax = sq.width/2-(seedLength/2);
|
||||
var pit = createSVGInscribedCircle(sq);
|
||||
if (seed<7) {
|
||||
pit.setAttribute('fill','brown');
|
||||
}
|
||||
else {
|
||||
pit.setAttribute('fill','saddlebrown');
|
||||
}
|
||||
board.appendChild(pit);
|
||||
var seedsSeen = 0;
|
||||
while (seedCount > 0) {
|
||||
if (ringRem == 0) {
|
||||
ringIndex++;
|
||||
ringRem = seedNumbers[ringIndex];
|
||||
angleDelta = (2*Math.PI)/ringRem;
|
||||
angle = angleDelta;
|
||||
}
|
||||
var tx:number;
|
||||
var ty:number;
|
||||
var tangle = angle;
|
||||
if (coords.length>seedsSeen) {
|
||||
tx = coords[seedsSeen].tx;
|
||||
ty = coords[seedsSeen].ty;
|
||||
tangle = coords[seedsSeen].angle;
|
||||
}
|
||||
else {
|
||||
tx = (Math.random()*crMax)-(crMax/3);
|
||||
ty = (Math.random()*crMax)-(crMax/3);
|
||||
coords[seedsSeen] = new SeedCoords(tx,ty,angle);
|
||||
}
|
||||
var ell = createSVGEllipsePolar(tangle,seedLength,tx,ty,cxo,cyo);
|
||||
board.appendChild(ell);
|
||||
angle += angleDelta;
|
||||
ringRem--;
|
||||
seedCount--;
|
||||
seedsSeen++;
|
||||
}
|
||||
}
|
||||
|
||||
toCircleSVG() {
|
||||
var seedDivisions = 14;
|
||||
var board = document.createElementNS(svgNS,'svg');
|
||||
var boardRect = new Rectangle(0,0,1800,800);
|
||||
board.setAttribute('width','1800');
|
||||
board.setAttribute('height','800');
|
||||
var whole = createSVGRect(boardRect);
|
||||
whole.setAttribute('fill','tan');
|
||||
board.appendChild(whole);
|
||||
var labPlayLab = boardRect.proportionalSplitVert(20,760,20);
|
||||
var playSurface = labPlayLab[1];
|
||||
var storeMainStore = playSurface.proportionalSplitHoriz(8,48,8);
|
||||
var mainPair = storeMainStore[1].subDivideVert(2);
|
||||
var playerRects = [mainPair[0].subDivideHoriz(6), mainPair[1].subDivideHoriz(6)];
|
||||
// reverse top layer because storehouse on left
|
||||
for (var k = 0;k<3;k++) {
|
||||
var temp = playerRects[0][k];
|
||||
playerRects[0][k] = playerRects[0][5-k];
|
||||
playerRects[0][5-k] = temp;
|
||||
}
|
||||
var storehouses = [storeMainStore[0],storeMainStore[2]];
|
||||
var playerSeeds = this.seedCounts.length>>1;
|
||||
for (var i = 0;i<2;i++) {
|
||||
var player = playerRects[i];
|
||||
var storehouse = storehouses[i];
|
||||
var r:Rectangle;
|
||||
for (var j = 0;j<playerSeeds;j++) {
|
||||
var seed = (i*playerSeeds)+j;
|
||||
var seedCount = this.seedCounts[seed];
|
||||
if (j==(playerSeeds-1)) {
|
||||
r = storehouse;
|
||||
}
|
||||
else {
|
||||
r = player[j];
|
||||
}
|
||||
this.seedCircleRect(r,seedCount,board,seed);
|
||||
if (seedCount==0) {
|
||||
// clear
|
||||
this.config[seed] = new Array<SeedCoords>();
|
||||
}
|
||||
}
|
||||
}
|
||||
return board;
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user