Blame - tools/pathops_visualizer.htm - platform/external/skia

2017-10-09 14:43:00 -0400

[diff] [blame]

186

</div>

187

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

</div>

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

192

var testDivs = [

Cary Clark

3a4a321

2018-06-06 15:22:08 -0400

[diff] [blame]

193

halbug,

caryclark

30b9fdd

2016-08-31 14:36:29 -0700

[diff] [blame]

194

];

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

195

196

var decimal_places = 3; // make this 3 to show more precision

var tests = [];

var testLines = [];

var testTitles = [];

var testIndex = 0;

var ctx;

var xmin, xmax, focusXmin, focusXmax;

205

var ymin, ymax, focusYmin, focusYmax;

var scale;

var mouseX, mouseY;

var srcLeft, srcTop;

var screenWidth, screenHeight;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

210

var drawnPts, drawnLines, drawnQuads, drawnConics, drawnCubics;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

var curveT = 0;

var pt_labels = 2;

var collect_bounds = false;

215

var control_lines = 0;

216

var curve_t = false;

217

var debug_xy = 1;

218

var focus_enabled = false;

219

var focus_on_selection = false;

220

var step_limit = 0;

221

var draw_active = false;

222

var draw_add = false;

223

var draw_angle = 0;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

224

var draw_coincidence = false;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

225

var draw_deriviatives = 0;

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

226

var draw_direction = false;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

227

var draw_hints = false;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

228

var draw_id = false;

229

var draw_intersection = 0;

230

var draw_intersectT = false;

231

var draw_legend = true;

232

var draw_log = false;

233

var draw_mark = false;

234

var draw_midpoint = false;

235

var draw_op = 0;

236

var draw_sequence = false;

237

var draw_sort = 0;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

238

var draw_top = false;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

239

var draw_path = 3;

240

var draw_computed = 0;

241

var retina_scale = !!window.devicePixelRatio;

var activeCount = 0;

var addCount = 0;

var angleCount = 0;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

246

var coinCount = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

247

var opCount = 0;

248

var sectCount = 0;

249

var sortCount = 0;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

250

var topCount = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

var markCount = 0;

var activeMax = 0;

var addMax = 0;

var angleMax = 0;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

255

var coinMax = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

256

var sectMax = 0;

257

var sectMax2 = 0;

258

var sortMax = 0;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

259

var topMax = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

var markMax = 0;

var opMax = 0;

var stepMax = 0;

var lastIndex = 0;

var hasPath = false;

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

265

var hasAlignedPath = false;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

266

var hasComputedPath = false;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

267

var angleBetween = false;

268

var afterIndex = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

269

270

var firstActiveSpan = -1;

var logStart = -1;

var logRange = 0;

var SPAN_ID = 0;

var SPAN_X1 = SPAN_ID + 1;

276

var SPAN_Y1 = SPAN_X1 + 1;

277

var SPAN_X2 = SPAN_Y1 + 1;

278

var SPAN_Y2 = SPAN_X2 + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

279

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

280

var SPAN_L_TX = SPAN_Y2 + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

281

var SPAN_L_TY = SPAN_L_TX + 1;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

282

var SPAN_L_OTHER = SPAN_L_TY + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

283

var SPAN_L_OTHERT = SPAN_L_OTHER + 1;

284

var SPAN_L_OTHERI = SPAN_L_OTHERT + 1;

285

var SPAN_L_SUM = SPAN_L_OTHERI + 1;

286

var SPAN_L_VAL = SPAN_L_SUM + 1;

287

var SPAN_L_OPP = SPAN_L_VAL + 1;

288

289

var SPAN_X3 = SPAN_Y2 + 1;

290

var SPAN_Y3 = SPAN_X3 + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

291

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

292

var SPAN_Q_TX = SPAN_Y3 + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

293

var SPAN_Q_TY = SPAN_Q_TX + 1;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

294

var SPAN_Q_OTHER = SPAN_Q_TY + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

295

var SPAN_Q_OTHERT = SPAN_Q_OTHER + 1;

296

var SPAN_Q_OTHERI = SPAN_Q_OTHERT + 1;

297

var SPAN_Q_SUM = SPAN_Q_OTHERI + 1;

298

var SPAN_Q_VAL = SPAN_Q_SUM + 1;

299

var SPAN_Q_OPP = SPAN_Q_VAL + 1;

300

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

301

var SPAN_K_W = SPAN_Y3 + 1;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

302

var SPAN_K_TX = SPAN_K_W + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

303

var SPAN_K_TY = SPAN_K_TX + 1;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

304

var SPAN_K_OTHER = SPAN_K_TY + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

305

var SPAN_K_OTHERT = SPAN_K_OTHER + 1;

306

var SPAN_K_OTHERI = SPAN_K_OTHERT + 1;

307

var SPAN_K_SUM = SPAN_K_OTHERI + 1;

308

var SPAN_K_VAL = SPAN_K_SUM + 1;

309

var SPAN_K_OPP = SPAN_K_VAL + 1;

310

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

311

var SPAN_X4 = SPAN_Y3 + 1;

312

var SPAN_Y4 = SPAN_X4 + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

313

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

314

var SPAN_C_TX = SPAN_Y4 + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

315

var SPAN_C_TY = SPAN_C_TX + 1;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

316

var SPAN_C_OTHER = SPAN_C_TY + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

317

var SPAN_C_OTHERT = SPAN_C_OTHER + 1;

318

var SPAN_C_OTHERI = SPAN_C_OTHERT + 1;

319

var SPAN_C_SUM = SPAN_C_OTHERI + 1;

320

var SPAN_C_VAL = SPAN_C_SUM + 1;

321

var SPAN_C_OPP = SPAN_C_VAL + 1;

322

323

var ACTIVE_LINE_SPAN = 1;

324

var ACTIVE_QUAD_SPAN = ACTIVE_LINE_SPAN + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

325

var ACTIVE_CONIC_SPAN = ACTIVE_QUAD_SPAN + 1;

326

var ACTIVE_CUBIC_SPAN = ACTIVE_CONIC_SPAN + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

327

328

var ADD_MOVETO = ACTIVE_CUBIC_SPAN + 1;

329

var ADD_LINETO = ADD_MOVETO + 1;

330

var ADD_QUADTO = ADD_LINETO + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

331

var ADD_CONICTO = ADD_QUADTO + 1;

332

var ADD_CUBICTO = ADD_CONICTO + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

333

var ADD_CLOSE = ADD_CUBICTO + 1;

334

var ADD_FILL = ADD_CLOSE + 1;

335

336

var PATH_LINE = ADD_FILL + 1;

337

var PATH_QUAD = PATH_LINE + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

338

var PATH_CONIC = PATH_QUAD + 1;

339

var PATH_CUBIC = PATH_CONIC + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

340

341

var INTERSECT_LINE = PATH_CUBIC + 1;

342

var INTERSECT_LINE_2 = INTERSECT_LINE + 1;

343

var INTERSECT_LINE_NO = INTERSECT_LINE_2 + 1;

344

var INTERSECT_QUAD_LINE = INTERSECT_LINE_NO + 1;

345

var INTERSECT_QUAD_LINE_2 = INTERSECT_QUAD_LINE + 1;

346

var INTERSECT_QUAD_LINE_NO = INTERSECT_QUAD_LINE_2 + 1;

347

var INTERSECT_QUAD = INTERSECT_QUAD_LINE_NO + 1;

348

var INTERSECT_QUAD_2 = INTERSECT_QUAD + 1;

349

var INTERSECT_QUAD_NO = INTERSECT_QUAD_2 + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

350

var INTERSECT_CONIC_LINE = INTERSECT_QUAD_NO + 1;

351

var INTERSECT_CONIC_LINE_2 = INTERSECT_CONIC_LINE + 1;

352

var INTERSECT_CONIC_LINE_NO = INTERSECT_CONIC_LINE_2 + 1;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

353

var INTERSECT_CONIC_QUAD = INTERSECT_CONIC_LINE_NO + 1;

354

var INTERSECT_CONIC_QUAD_2 = INTERSECT_CONIC_QUAD + 1;

caryclark

2016-09-26 05:36:58 -0700

[diff] [blame]

355

var INTERSECT_CONIC_QUAD_3 = INTERSECT_CONIC_QUAD_2 + 1;

356

var INTERSECT_CONIC_QUAD_4 = INTERSECT_CONIC_QUAD_3 + 1;

357

var INTERSECT_CONIC_QUAD_NO = INTERSECT_CONIC_QUAD_4 + 1;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

358

var INTERSECT_CONIC = INTERSECT_CONIC_QUAD_NO + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

359

var INTERSECT_CONIC_2 = INTERSECT_CONIC + 1;

360

var INTERSECT_CONIC_NO = INTERSECT_CONIC_2 + 1;

361

var INTERSECT_SELF_CUBIC = INTERSECT_CONIC_NO + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

362

var INTERSECT_SELF_CUBIC_NO = INTERSECT_SELF_CUBIC + 1;

363

var INTERSECT_CUBIC_LINE = INTERSECT_SELF_CUBIC_NO + 1;

364

var INTERSECT_CUBIC_LINE_2 = INTERSECT_CUBIC_LINE + 1;

365

var INTERSECT_CUBIC_LINE_3 = INTERSECT_CUBIC_LINE_2 + 1;

366

var INTERSECT_CUBIC_LINE_NO = INTERSECT_CUBIC_LINE_3 + 1;

367

var INTERSECT_CUBIC_QUAD = INTERSECT_CUBIC_LINE_NO + 1;

368

var INTERSECT_CUBIC_QUAD_2 = INTERSECT_CUBIC_QUAD + 1;

369

var INTERSECT_CUBIC_QUAD_3 = INTERSECT_CUBIC_QUAD_2 + 1;

370

var INTERSECT_CUBIC_QUAD_4 = INTERSECT_CUBIC_QUAD_3 + 1;

371

var INTERSECT_CUBIC_QUAD_NO = INTERSECT_CUBIC_QUAD_4 + 1;

372

var INTERSECT_CUBIC = INTERSECT_CUBIC_QUAD_NO + 1;

373

var INTERSECT_CUBIC_2 = INTERSECT_CUBIC + 1;

374

var INTERSECT_CUBIC_3 = INTERSECT_CUBIC_2 + 1;

375

var INTERSECT_CUBIC_4 = INTERSECT_CUBIC_3 + 1;

376

// FIXME: add cubic 5- 9

377

var INTERSECT_CUBIC_NO = INTERSECT_CUBIC_4 + 1;

378

379

var SORT_UNARY = INTERSECT_CUBIC_NO + 1;

380

var SORT_BINARY = SORT_UNARY + 1;

381

382

var OP_DIFFERENCE = SORT_BINARY + 1;

383

var OP_INTERSECT = OP_DIFFERENCE + 1;

384

var OP_UNION = OP_INTERSECT + 1;

385

var OP_XOR = OP_UNION + 1;

386

387

var MARK_LINE = OP_XOR + 1;

388

var MARK_QUAD = MARK_LINE + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

389

var MARK_CONIC = MARK_QUAD + 1;

390

var MARK_CUBIC = MARK_CONIC + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

391

var MARK_DONE_LINE = MARK_CUBIC + 1;

392

var MARK_DONE_QUAD = MARK_DONE_LINE + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

393

var MARK_DONE_CONIC = MARK_DONE_QUAD + 1;

394

var MARK_DONE_CUBIC = MARK_DONE_CONIC + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

395

var MARK_UNSORTABLE_LINE = MARK_DONE_CUBIC + 1;

396

var MARK_UNSORTABLE_QUAD = MARK_UNSORTABLE_LINE + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

397

var MARK_UNSORTABLE_CONIC = MARK_UNSORTABLE_QUAD + 1;

398

var MARK_UNSORTABLE_CUBIC = MARK_UNSORTABLE_CONIC + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

399

var MARK_SIMPLE_LINE = MARK_UNSORTABLE_CUBIC + 1;

400

var MARK_SIMPLE_QUAD = MARK_SIMPLE_LINE + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

401

var MARK_SIMPLE_CONIC = MARK_SIMPLE_QUAD + 1;

402

var MARK_SIMPLE_CUBIC = MARK_SIMPLE_CONIC + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

403

var MARK_SIMPLE_DONE_LINE = MARK_SIMPLE_CUBIC + 1;

404

var MARK_SIMPLE_DONE_QUAD = MARK_SIMPLE_DONE_LINE + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

405

var MARK_SIMPLE_DONE_CONIC = MARK_SIMPLE_DONE_QUAD + 1;

406

var MARK_SIMPLE_DONE_CUBIC = MARK_SIMPLE_DONE_CONIC + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

407

var MARK_DONE_UNARY_LINE = MARK_SIMPLE_DONE_CUBIC + 1;

408

var MARK_DONE_UNARY_QUAD = MARK_DONE_UNARY_LINE + 1;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

409

var MARK_DONE_UNARY_CONIC = MARK_DONE_UNARY_QUAD + 1;

410

var MARK_DONE_UNARY_CUBIC = MARK_DONE_UNARY_CONIC + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

411

var MARK_ANGLE_LAST = MARK_DONE_UNARY_CUBIC + 1;

412

413

var COMPUTED_SET_1 = MARK_ANGLE_LAST + 1;

414

var COMPUTED_SET_2 = COMPUTED_SET_1 + 1;

415

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

416

var ANGLE_AFTER = COMPUTED_SET_2 + 1;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

417

var ANGLE_AFTERPART = ANGLE_AFTER + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

418

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

419

var ACTIVE_OP = ANGLE_AFTERPART + 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

420

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

421

var COIN_MAIN_SPAN = ACTIVE_OP + 1;

422

var COIN_OPP_SPAN = COIN_MAIN_SPAN + 1;

423

424

var FRAG_TYPE_LAST = COIN_OPP_SPAN;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

425

426

var REC_TYPE_UNKNOWN = -1;

427

var REC_TYPE_PATH = 0;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

428

var REC_TYPE_PATH2 = 1;

429

var REC_TYPE_SECT = 2;

430

var REC_TYPE_ACTIVE = 3;

431

var REC_TYPE_ADD = 4;

432

var REC_TYPE_SORT = 5;

433

var REC_TYPE_OP = 6;

434

var REC_TYPE_MARK = 7;

435

var REC_TYPE_COMPUTED = 8;

436

var REC_TYPE_COIN = 9;

437

var REC_TYPE_ANGLE = 10;

438

var REC_TYPE_ACTIVE_OP = 11;

439

var REC_TYPE_AFTERPART = 12;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

440

var REC_TYPE_TOP = 13;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

441

var REC_TYPE_COINCIDENCE = 14;

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

442

var REC_TYPE_ALIGNED = 15;

443

var REC_TYPE_LAST = REC_TYPE_ALIGNED;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

444

445

function strs_to_nums(strs) {

446

var result = [];

447

for (var idx = 1; idx < strs.length; ++idx) {

448

var str = strs[idx];

449

var num = parseFloat(str);

if (isNaN(num)) {

result.push(str);

} else {

result.push(num);

}

}

return result;

}

function filter_str_by(id, str, regex, array) {

460

if (regex.test(str)) {

461

var strs = regex.exec(str);

462

var result = strs_to_nums(strs);

array.push(id);

array.push(result);

return true;

}

return false;

}

function construct_regexp2(pattern) {

471

var escape = pattern.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');

472

escape = escape.replace(/UNSORTABLE/g, "\\*\\*\\* UNSORTABLE \\*\\*\\*");

473

escape = escape.replace(/CUBIC_VAL/g, "\$P_VAL P_VAL P_VAL P_VAL\$");

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

474

escape = escape.replace(/CONIC_VAL/g, "\$P_VAL P_VAL P_VAL W_VAL\$");

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

475

escape = escape.replace(/QUAD_VAL/g, "\$P_VAL P_VAL P_VAL\$");

476

escape = escape.replace(/LINE_VAL/g, "\$P_VAL P_VAL\$");

477

escape = escape.replace(/FILL_TYPE/g, "SkPath::k[a-zA-Z]+_FillType");

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

478

escape = escape.replace(/PTR_VAL/g, "0x[0-9A-F]+");

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

479

escape = escape.replace(/PT_VAL/g, "\$P_VAL\$");

480

escape = escape.replace(/P_VAL/g, "(-?\\d+\\.?\\d*(?:e-?\\d+)?)[Ff]?, ?(-?\\d+\\.?\\d*(?:e-?\\d+)?)[Ff]?");

481

escape = escape.replace(/T_VAL/g, "(-?\\d+\\.?\\d*(?:e-?\\d+)?)");

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

482

escape = escape.replace(/W_VAL/g, "(-?\\d+\\.?\\d*(?:e-?\\d+)?)[Ff]?");

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

483

escape = escape.replace(/PATH/g, "pathB?");

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

484

escape = escape.replace(/IDX/g, "(-?\\d+)");

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

485

escape = escape.replace(/NUM/g, "(-?\\d+)");

486

escape = escape.replace(/OPT/g, "(\\?|-?\\d+)");

487

return new RegExp(escape, 'i');

488

}

489

490

function construct_regexp2c(pattern) {

491

var escape = pattern.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');

492

escape = escape.replace(/UNSORTABLE/g, "\\*\\*\\* UNSORTABLE \\*\\*\\*");

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

493

escape = escape.replace(/CUBIC_VAL/g, "(?:\\$\\d = )?\\{\\{\\{P_VAL\\}, \\{P_VAL\\}, \\{P_VAL\\}, \\{P_VAL\\}\\}\\}");

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

494

escape = escape.replace(/CONIC_VAL/g, "(?:\\$\\d = )?\\{\\{\\{\\{P_VAL\\}, \\{P_VAL\\}, \\{P_VAL\\}\\}\\}, W_VAL\\}");

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

495

escape = escape.replace(/QUAD_VAL/g, "(?:\\$\\d = )?\\{\\{\\{P_VAL\\}, \\{P_VAL\\}, \\{P_VAL\\}\\}\\}");

496

escape = escape.replace(/LINE_VAL/g, "(?:\\$\\d = )?\\{\\{\\{P_VAL\\}, \\{P_VAL\\}\\}\\}");

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

497

escape = escape.replace(/FILL_TYPE/g, "SkPath::k[a-zA-Z]+_FillType");

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

498

escape = escape.replace(/PTR_VAL/g, "0x[0-9A-F]+");

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

499

escape = escape.replace(/PT_VAL/g, "\\{\\{P_VAL\\}\\}");

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

500

escape = escape.replace(/P_VAL/g, "(?:f?[xX] = )?(-?\\d+\\.?\\d*(?:e-?\\d+)?)[Ff]?, *(?: f?[yY] = )?(-?\\d+\\.?\\d*(?:e-?\\d+)?)[Ff]?");

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

501

escape = escape.replace(/T_VAL/g, "(-?\\d+\\.?\\d*(?:e-?\\d+)?)");

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

502

escape = escape.replace(/W_VAL/g, "(-?\\d+\\.?\\d*(?:e-?\\d+)?)[Ff]?");

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

503

escape = escape.replace(/OPER/g, "[a-z]+");

504

escape = escape.replace(/PATH/g, "pathB?");

505

escape = escape.replace(/T_F/g, "([TF])");

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

506

escape = escape.replace(/IDX/g, "(-?\\d+)");

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

507

escape = escape.replace(/NUM/g, "(-?\\d+)");

508

escape = escape.replace(/OPT/g, "(\\?|-?\\d+)");

509

return new RegExp(escape, 'i');

510

}

511

512

function match_regexp(str, lineNo, array, id, pattern) {

513

var regex = construct_regexp2(pattern);

514

if (filter_str_by(id, str, regex, array)) {

515

return true;

516

}

517

regex = construct_regexp2c(pattern);

518

return filter_str_by(id, str, regex, array);

519

}

520

521

function endsWith(str, suffix) {

522

return str.indexOf(suffix, str.length - suffix.length) !== -1;

523

}

524

525

function parse_all(test) {

526

var lines = test.match(/[^\r\n]+/g);

527

var records = []; // a rec can be the original paths, a set of intersections, a set of active spans, a sort, or a path add

528

var record = [];

529

var recType = REC_TYPE_UNKNOWN;

530

var lastLineNo;

531

var moveX, moveY;

532

for (var lineNo = 0; lineNo < lines.length; ++lineNo) {

533

var line = lines[lineNo];

534

if (line.length == 0) {

535

continue;

536

}

537

var opStart = "SkOpSegment::";

538

if (line.lastIndexOf(opStart, 0) === 0) {

539

line = line.substr(opStart.length);

540

}

541

var angleStart = "SkOpAngle::";

542

if (line.lastIndexOf(angleStart, 0) === 0) {

543

line = line.substr(angleStart.length);

544

}

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

545

var coinStart = "SkOpCoincidence::";

546

if (line.lastIndexOf(coinStart, 0) === 0) {

547

line = line.substr(coinStart.length);

548

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

549

var type = line.lastIndexOf("debugShowActiveSpans", 0) === 0 ? REC_TYPE_ACTIVE

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

550

: line.lastIndexOf("debugShowCoincidence", 0) === 0 ? REC_TYPE_COINCIDENCE

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

551

: line.lastIndexOf("((SkOpSegment*)", 0) === 0 ? REC_TYPE_PATH2

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

552

: line.lastIndexOf("debugShowTs", 0) === 0 ? REC_TYPE_COIN

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

553

: line.lastIndexOf("afterPart", 0) === 0 ? REC_TYPE_AFTERPART

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

554

: line.lastIndexOf("debugShow", 0) === 0 ? REC_TYPE_SECT

555

: line.lastIndexOf("activeOp", 0) === 0 ? REC_TYPE_ACTIVE_OP

556

: line.lastIndexOf("computed", 0) === 0 ? REC_TYPE_COMPUTED

557

: line.lastIndexOf("debugOne", 0) === 0 ? REC_TYPE_SORT

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

558

: line.lastIndexOf("aligned=", 0) === 0 ? REC_TYPE_ALIGNED

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

559

: line.lastIndexOf("dumpOne", 0) === 0 ? REC_TYPE_SORT

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

560

: line.lastIndexOf("findTop", 0) === 0 ? REC_TYPE_TOP

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

561

: line.lastIndexOf("pathB.", 0) === 0 ? REC_TYPE_ADD

562

: line.lastIndexOf("path.", 0) === 0 ? REC_TYPE_ADD

Cary Clark

59d5a0e

2017-01-23 14:38:52 +0000

[diff] [blame]

563

: line.lastIndexOf("after", 0) === 0 ? REC_TYPE_ANGLE

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

564

: line.lastIndexOf("mark", 0) === 0 ? REC_TYPE_MARK

565

: line.lastIndexOf(" {{", 0) === 0 ? REC_TYPE_COMPUTED

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

566

: line.lastIndexOf("seg=", 0) === 0 ? REC_TYPE_PATH

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

567

: line.lastIndexOf("op", 0) === 0 ? REC_TYPE_OP

568

: line.lastIndexOf("$", 0) === 0 ? REC_TYPE_PATH

569

: REC_TYPE_UNKNOWN;

570

if (recType != type || recType == REC_TYPE_ADD || recType == REC_TYPE_SECT

571

|| recType == REC_TYPE_ACTIVE_OP || recType == REC_TYPE_ANGLE) {

572

if (recType != REC_TYPE_UNKNOWN) {

573

records.push(recType);

574

records.push(lastLineNo);

575

records.push(record);

}

record = [];

recType = type;

lastLineNo = lineNo;

}

var found = false;

switch (recType) {

case REC_TYPE_ACTIVE:

584

found = match_regexp(line, lineNo, record, ACTIVE_LINE_SPAN, "debugShowActiveSpans" +

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

585

" id=IDX LINE_VAL t=T_VAL tEnd=T_VAL windSum=OPT windValue=IDX"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

586

) || match_regexp(line, lineNo, record, ACTIVE_QUAD_SPAN, "debugShowActiveSpans" +

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

587

" id=IDX QUAD_VAL t=T_VAL tEnd=T_VAL windSum=OPT windValue=IDX"

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

588

) || match_regexp(line, lineNo, record, ACTIVE_CONIC_SPAN, "debugShowActiveSpans" +

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

589

" id=IDX CONIC_VAL t=T_VAL tEnd=T_VAL windSum=OPT windValue=IDX"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

590

) || match_regexp(line, lineNo, record, ACTIVE_CUBIC_SPAN, "debugShowActiveSpans" +

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

591

" id=IDX CUBIC_VAL t=T_VAL tEnd=T_VAL windSum=OPT windValue=IDX"

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

592

) || match_regexp(line, lineNo, record, ACTIVE_LINE_SPAN, "debugShowActiveSpans" +

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

593

" id=IDX LINE_VAL t=T_VAL tEnd=T_VAL windSum=OPT oppSum=OPT windValue=IDX oppValue=NUM"

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

594

) || match_regexp(line, lineNo, record, ACTIVE_QUAD_SPAN, "debugShowActiveSpans" +

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

595

" id=IDX QUAD_VAL t=T_VAL tEnd=T_VAL windSum=OPT oppSum=OPT windValue=IDX oppValue=NUM"

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

596

) || match_regexp(line, lineNo, record, ACTIVE_CONIC_SPAN, "debugShowActiveSpans" +

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

597

" id=IDX CONIC_VAL t=T_VAL tEnd=T_VAL windSum=OPT oppSum=OPT windValue=IDX oppValue=NUM"

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

598

) || match_regexp(line, lineNo, record, ACTIVE_CUBIC_SPAN, "debugShowActiveSpans" +

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

599

" id=IDX CUBIC_VAL t=T_VAL tEnd=T_VAL windSum=OPT oppSum=OPT windValue=IDX oppValue=NUM"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

600

);

601

break;

602

case REC_TYPE_ACTIVE_OP:

603

found = match_regexp(line, lineNo, record, ACTIVE_OP, "activeOp" +

604

" id=IDX t=T_VAL tEnd=T_VAL op=OPER miFrom=NUM miTo=NUM suFrom=NUM suTo=NUM result=IDX"

);

break;

case REC_TYPE_ADD:

if (match_regexp(line, lineNo, record, ADD_MOVETO, "PATH.moveTo(P_VAL);")) {

609

moveX = record[1][0];

610

moveY = record[1][1];

611

found = true;

612

} else if (match_regexp(line, lineNo, record, ADD_LINETO, "PATH.lineTo(P_VAL);")) {

613

record[1].unshift(moveY);

614

record[1].unshift(moveX);

615

moveX = record[1][2];

616

moveY = record[1][3];

617

found = true;

618

} else if (match_regexp(line, lineNo, record, ADD_QUADTO, "PATH.quadTo(P_VAL, P_VAL);")) {

619

record[1].unshift(moveY);

620

record[1].unshift(moveX);

621

moveX = record[1][4];

622

moveY = record[1][5];

623

found = true;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

624

} else if (match_regexp(line, lineNo, record, ADD_CONICTO, "PATH.conicTo(P_VAL, P_VAL, T_VAL);")) {

625

record[1].unshift(moveY);

626

record[1].unshift(moveX);

627

moveX = record[1][4];

628

moveY = record[1][5];

629

found = true;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

630

} else if (match_regexp(line, lineNo, record, ADD_CUBICTO, "PATH.cubicTo(P_VAL, P_VAL, P_VAL);")) {

631

record[1].unshift(moveY);

632

record[1].unshift(moveX);

633

moveX = record[1][6];

634

moveY = record[1][7];

635

found = true;

636

} else if (match_regexp(line, lineNo, record, ADD_FILL, "PATH.setFillType(FILL_TYPE);")) {

637

found = true;

638

} else {

639

found = match_regexp(line, lineNo, record, ADD_CLOSE, "PATH.close();");

640

}

641

break;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

642

case REC_TYPE_AFTERPART:

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

643

found = match_regexp(line, lineNo, record, PATH_LINE, "afterPart LINE_VAL id=IDX")

644

|| match_regexp(line, lineNo, record, PATH_QUAD, "afterPart QUAD_VAL id=IDX")

645

|| match_regexp(line, lineNo, record, PATH_CONIC, "afterPart CONIC_VAL id=IDX")

646

|| match_regexp(line, lineNo, record, PATH_CUBIC, "afterPart CUBIC_VAL id=IDX")

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

647

break;

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

648

case REC_TYPE_ALIGNED:

649

found = match_regexp(line, lineNo, record, PATH_LINE, "aligned=IDX LINE_VAL"

650

) || match_regexp(line, lineNo, record, PATH_QUAD, "aligned=IDX QUAD_VAL"

651

) || match_regexp(line, lineNo, record, PATH_CONIC, "aligned=IDX CONIC_VAL"

652

) || match_regexp(line, lineNo, record, PATH_CUBIC, "aligned=IDX CUBIC_VAL"

653

);

654

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

655

case REC_TYPE_ANGLE:

Cary Clark

59d5a0e

2017-01-23 14:38:52 +0000

[diff] [blame]

656

found = match_regexp(line, lineNo, record, ANGLE_AFTER, "after " +

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

657

"[IDX/IDX] NUM/NUM tStart=T_VAL tEnd=T_VAL < [IDX/IDX] NUM/NUM tStart=T_VAL tEnd=T_VAL < [IDX/IDX] NUM/NUM tStart=T_VAL tEnd=T_VAL T_F IDX");

break;

case REC_TYPE_COIN:

found = true;

break;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

662

case REC_TYPE_COINCIDENCE:

663

found = match_regexp(line, lineNo, record, COIN_MAIN_SPAN, "debugShowCoincidence" +

664

" + id=IDX t=T_VAL tEnd=T_VAL"

665

) || match_regexp(line, lineNo, record, COIN_OPP_SPAN, "debugShowCoincidence" +

666

" - id=IDX t=T_VAL tEnd=T_VAL"

667

);

668

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

669

case REC_TYPE_COMPUTED:

670

found = line == "computed quadratics given"

671

|| match_regexp(line, lineNo, record, COMPUTED_SET_1, "computed quadratics set 1"

672

) || match_regexp(line, lineNo, record, COMPUTED_SET_2, "computed quadratics set 2"

673

) || match_regexp(line, lineNo, record, PATH_QUAD, " QUAD_VAL,"

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

674

) || match_regexp(line, lineNo, record, PATH_CONIC, " CONIC_VAL,"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

675

) || match_regexp(line, lineNo, record, PATH_CUBIC, " CUBIC_VAL,"

676

);

677

break;

678

case REC_TYPE_PATH:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

679

found = match_regexp(line, lineNo, record, PATH_LINE, "seg=IDX LINE_VAL"

680

) || match_regexp(line, lineNo, record, PATH_QUAD, "seg=IDX QUAD_VAL"

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

681

) || match_regexp(line, lineNo, record, PATH_CONIC, "seg=IDX CONIC_VAL"

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

682

) || match_regexp(line, lineNo, record, PATH_CUBIC, "seg=IDX CUBIC_VAL"

);

break;

case REC_TYPE_PATH2:

found = match_regexp(line, lineNo, record, PATH_LINE, "((SkOpSegment*) PTR_VAL) [IDX] {LINE_VAL}"

687

) || match_regexp(line, lineNo, record, PATH_QUAD, "((SkOpSegment*) PTR_VAL) [IDX] {QUAD_VAL}"

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

688

) || match_regexp(line, lineNo, record, PATH_CONIC, "((SkOpSegment*) PTR_VAL) [IDX] {CONIC_VAL}"

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

689

) || match_regexp(line, lineNo, record, PATH_CUBIC, "((SkOpSegment*) PTR_VAL) [IDX] {CUBIC_VAL}"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

);

break;

case REC_TYPE_SECT:

found = match_regexp(line, lineNo, record, INTERSECT_LINE, "debugShowLineIntersection" +

694

" wtTs[0]=T_VAL LINE_VAL PT_VAL wnTs[0]=T_VAL LINE_VAL"

695

) || match_regexp(line, lineNo, record, INTERSECT_LINE_2, "debugShowLineIntersection" +

696

" wtTs[0]=T_VAL LINE_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wnTs[0]=T_VAL LINE_VAL wnTs[1]=T_VAL"

697

) || match_regexp(line, lineNo, record, INTERSECT_LINE_NO, "debugShowLineIntersection" +

698

" no intersect LINE_VAL LINE_VAL"

699

) || match_regexp(line, lineNo, record, INTERSECT_QUAD_LINE, "debugShowQuadLineIntersection" +

700

" wtTs[0]=T_VAL QUAD_VAL PT_VAL wnTs[0]=T_VAL LINE_VAL"

701

) || match_regexp(line, lineNo, record, INTERSECT_QUAD_LINE_2, "debugShowQuadLineIntersection" +

702

" wtTs[0]=T_VAL QUAD_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wnTs[0]=T_VAL LINE_VAL wnTs[1]=T_VAL"

703

) || match_regexp(line, lineNo, record, INTERSECT_QUAD_LINE_NO, "debugShowQuadLineIntersection" +

704

" no intersect QUAD_VAL LINE_VAL"

705

) || match_regexp(line, lineNo, record, INTERSECT_QUAD, "debugShowQuadIntersection" +

706

" wtTs[0]=T_VAL QUAD_VAL PT_VAL wnTs[0]=T_VAL QUAD_VAL"

707

) || match_regexp(line, lineNo, record, INTERSECT_QUAD_2, "debugShowQuadIntersection" +

708

" wtTs[0]=T_VAL QUAD_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wnTs[0]=T_VAL QUAD_VAL wnTs[1]=T_VAL"

709

) || match_regexp(line, lineNo, record, INTERSECT_QUAD_NO, "debugShowQuadIntersection" +

710

" no intersect QUAD_VAL QUAD_VAL"

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

711

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

712

) || match_regexp(line, lineNo, record, INTERSECT_CONIC_LINE, "debugShowConicLineIntersection" +

713

" wtTs[0]=T_VAL CONIC_VAL PT_VAL wnTs[0]=T_VAL LINE_VAL"

714

) || match_regexp(line, lineNo, record, INTERSECT_CONIC_LINE_2, "debugShowConicLineIntersection" +

715

" wtTs[0]=T_VAL CONIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wnTs[0]=T_VAL LINE_VAL wnTs[1]=T_VAL"

716

) || match_regexp(line, lineNo, record, INTERSECT_CONIC_LINE_NO, "debugShowConicLineIntersection" +

717

" no intersect CONIC_VAL LINE_VAL"

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

718

719

) || match_regexp(line, lineNo, record, INTERSECT_CONIC_QUAD, "debugShowConicQuadIntersection" +

720

" wtTs[0]=T_VAL CONIC_VAL PT_VAL wnTs[0]=T_VAL QUAD_VAL"

721

) || match_regexp(line, lineNo, record, INTERSECT_CONIC_QUAD_2, "debugShowConicQuadIntersection" +

722

" wtTs[0]=T_VAL CONIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wnTs[0]=T_VAL QUAD_VAL wnTs[1]=T_VAL"

caryclark

2016-09-26 05:36:58 -0700

[diff] [blame]

723

) || match_regexp(line, lineNo, record, INTERSECT_CONIC_QUAD_3, "debugShowConicQuadIntersection" +

724

" wtTs[0]=T_VAL CONIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wtTs[2]=T_VAL PT_VAL wnTs[0]=T_VAL QUAD_VAL wnTs[1]=T_VAL wnTs[2]=T_VAL"

725

) || match_regexp(line, lineNo, record, INTERSECT_CONIC_QUAD_4, "debugShowConicQuadIntersection" +

726

" wtTs[0]=T_VAL CONIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wtTs[2]=T_VAL PT_VAL wtTs[3]=T_VAL PT_VAL wnTs[0]=T_VAL QUAD_VAL wnTs[1]=T_VAL wnTs[2]=T_VAL wnTs[3]=T_VAL"

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

727

) || match_regexp(line, lineNo, record, INTERSECT_CONIC_QUAD_NO, "debugShowConicQuadIntersection" +

728

" no intersect CONIC_VAL QUAD_VAL"

729

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

730

) || match_regexp(line, lineNo, record, INTERSECT_CONIC, "debugShowConicIntersection" +

731

" wtTs[0]=T_VAL CONIC_VAL PT_VAL wnTs[0]=T_VAL CONIC_VAL"

732

) || match_regexp(line, lineNo, record, INTERSECT_CONIC_2, "debugShowConicIntersection" +

733

" wtTs[0]=T_VAL CONIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wnTs[0]=T_VAL CONIC_VAL wnTs[1]=T_VAL"

734

) || match_regexp(line, lineNo, record, INTERSECT_CONIC_NO, "debugShowConicIntersection" +

735

" no intersect CONIC_VAL CONIC_VAL"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

736

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_LINE, "debugShowCubicLineIntersection" +

737

" wtTs[0]=T_VAL CUBIC_VAL PT_VAL wnTs[0]=T_VAL LINE_VAL"

738

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_LINE_2, "debugShowCubicLineIntersection" +

739

" wtTs[0]=T_VAL CUBIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wnTs[0]=T_VAL LINE_VAL wnTs[1]=T_VAL"

740

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_LINE_3, "debugShowCubicLineIntersection" +

741

" wtTs[0]=T_VAL CUBIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wtTs[2]=T_VAL PT_VAL wnTs[0]=T_VAL LINE_VAL wnTs[1]=T_VAL wnTs[2]=T_VAL"

742

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_LINE_NO, "debugShowCubicLineIntersection" +

743

" no intersect CUBIC_VAL LINE_VAL"

744

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_QUAD, "debugShowCubicQuadIntersection" +

745

" wtTs[0]=T_VAL CUBIC_VAL PT_VAL wnTs[0]=T_VAL QUAD_VAL"

746

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_QUAD_2, "debugShowCubicQuadIntersection" +

747

" wtTs[0]=T_VAL CUBIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wnTs[0]=T_VAL QUAD_VAL wnTs[1]=T_VAL"

748

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_QUAD_3, "debugShowCubicQuadIntersection" +

749

" wtTs[0]=T_VAL CUBIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wtTs[2]=T_VAL PT_VAL wnTs[0]=T_VAL QUAD_VAL wnTs[1]=T_VAL wnTs[2]=T_VAL"

750

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_QUAD_4, "debugShowCubicQuadIntersection" +

751

" wtTs[0]=T_VAL CUBIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wtTs[2]=T_VAL wtTs[3]=T_VAL PT_VAL wnTs[0]=T_VAL QUAD_VAL wnTs[1]=T_VAL wnTs[2]=T_VAL wnTs[3]=T_VAL"

752

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_QUAD_NO, "debugShowCubicQuadIntersection" +

753

" no intersect CUBIC_VAL QUAD_VAL"

754

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC, "debugShowCubicIntersection" +

755

" wtTs[0]=T_VAL CUBIC_VAL PT_VAL wnTs[0]=T_VAL CUBIC_VAL"

756

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_2, "debugShowCubicIntersection" +

757

" wtTs[0]=T_VAL CUBIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wnTs[0]=T_VAL CUBIC_VAL wnTs[1]=T_VAL"

758

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_3, "debugShowCubicIntersection" +

759

" wtTs[0]=T_VAL CUBIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wtTs[2]=T_VAL PT_VAL wnTs[0]=T_VAL CUBIC_VAL wnTs[1]=T_VAL wnTs[2]=T_VAL"

760

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_4, "debugShowCubicIntersection" +

761

" wtTs[0]=T_VAL CUBIC_VAL PT_VAL wtTs[1]=T_VAL PT_VAL wtTs[2]=T_VAL PT_VAL wtTs[3]=T_VAL PT_VAL wnTs[0]=T_VAL CUBIC_VAL wnTs[1]=T_VAL wnTs[2]=T_VAL wnTs[3]=T_VAL"

762

) || match_regexp(line, lineNo, record, INTERSECT_CUBIC_NO, "debugShowCubicIntersection" +

763

" no intersect CUBIC_VAL CUBIC_VAL"

764

) || match_regexp(line, lineNo, record, INTERSECT_SELF_CUBIC, "debugShowCubicIntersection" +

765

" wtTs[0]=T_VAL CUBIC_VAL PT_VAL wtTs[1]=T_VAL"

766

) || match_regexp(line, lineNo, record, INTERSECT_SELF_CUBIC_NO, "debugShowCubicIntersection" +

767

" no self intersect CUBIC_VAL"

);

break;

case REC_TYPE_SORT:

var hasDone = / done/.test(line);

772

var hasUnorderable = / unorderable/.test(line);

773

var hasSmall = / small/.test(line);

774

var hasTiny = / tiny/.test(line);

775

var hasOperand = / operand/.test(line);

776

var hasStop = / stop/.test(line);

777

line.replace(/[ a-z]+$/, "");

778

found = match_regexp(line, lineNo, record, SORT_UNARY, "debugOne" +

779

" [IDX/IDX] next=IDX/IDX sect=IDX/IDX s=T_VAL [IDX] e=T_VAL [IDX] sgn=NUM windVal=IDX windSum=OPT"

780

) || match_regexp(line, lineNo, record, SORT_BINARY, "debugOne" +

781

" [IDX/IDX] next=IDX/IDX sect=IDX/IDX s=T_VAL [IDX] e=T_VAL [IDX] sgn=NUM windVal=IDX windSum=OPT oppVal=IDX oppSum=OPT"

782

) || match_regexp(line, lineNo, record, SORT_UNARY, "dumpOne" +

783

" [IDX/IDX] next=IDX/IDX sect=NUM/NUM s=T_VAL [IDX] e=T_VAL [IDX] sgn=NUM windVal=IDX windSum=OPT"

784

) || match_regexp(line, lineNo, record, SORT_BINARY, "dumpOne" +

785

" [IDX/IDX] next=IDX/IDX sect=NUM/NUM s=T_VAL [IDX] e=T_VAL [IDX] sgn=NUM windVal=IDX windSum=OPT oppVal=IDX oppSum=OPT"

786

);

787

if (found) {

788

record[1].push(hasDone);

789

record[1].push(hasUnorderable);

790

record[1].push(hasSmall);

791

record[1].push(hasTiny);

792

record[1].push(hasOperand);

793

record[1].push(hasStop);

794

}

795

break;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

796

case REC_TYPE_TOP:

797

found = match_regexp(line, lineNo, record, ACTIVE_OP, "findTop" +

798

" id=IDX s=T_VAL e=T_VAL cw=NUM swap=NUM inflections=NUM monotonic=NUM"

799

) || match_regexp(line, lineNo, record, ACTIVE_OP, "findTop" +

800

" id=IDX s=T_VAL e=T_VAL (-) cw=NUM swap=NUM inflections=NUM monotonic=NUM"

801

) || match_regexp(line, lineNo, record, ACTIVE_OP, "findTop" +

802

" id=IDX s=T_VAL e=T_VAL (+) cw=NUM swap=NUM inflections=NUM monotonic=NUM"

803

);

804

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

805

case REC_TYPE_MARK:

806

found = match_regexp(line, lineNo, record, MARK_LINE, "markWinding" +

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

807

" id=IDX LINE_VAL t=T_VAL [IDX] PT_VAL tEnd=T_VAL newWindSum=NUM newOppSum=OPT oppSum=OPT windSum=OPT windValue=IDX"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

808

) || match_regexp(line, lineNo, record, MARK_QUAD, "markWinding" +

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

809

" id=IDX QUAD_VAL t=T_VAL [IDX] PT_VAL tEnd=T_VAL newWindSum=NUM newOppSum=OPT oppSum=OPT windSum=OPT windValue=IDX"

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

810

) || match_regexp(line, lineNo, record, MARK_CONIC, "markWinding" +

811

" id=IDX CONIC_VAL t=T_VAL [IDX] PT_VAL tEnd=T_VAL newWindSum=NUM newOppSum=OPT oppSum=OPT windSum=OPT windValue=IDX"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

812

) || match_regexp(line, lineNo, record, MARK_CUBIC, "markWinding" +

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

813

" id=IDX CUBIC_VAL t=T_VAL [IDX] PT_VAL tEnd=T_VAL newWindSum=NUM newOppSum=OPT oppSum=OPT windSum=OPT windValue=IDX"

814

) || match_regexp(line, lineNo, record, MARK_DONE_LINE, "markDone" +

815

" id=IDX LINE_VAL t=T_VAL [IDX] PT_VAL tEnd=T_VAL newWindSum=OPT newOppSum=OPT oppSum=OPT windSum=OPT windValue=IDX oppValue=OPT"

816

) || match_regexp(line, lineNo, record, MARK_DONE_QUAD, "markDone" +

817

" id=IDX QUAD_VAL t=T_VAL [IDX] PT_VAL tEnd=T_VAL newWindSum=OPT newOppSum=OPT oppSum=OPT windSum=OPT windValue=IDX oppValue=OPT"

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

818

) || match_regexp(line, lineNo, record, MARK_DONE_CONIC, "markDone" +

819

" id=IDX CONIC_VAL t=T_VAL [IDX] PT_VAL tEnd=T_VAL newWindSum=OPT newOppSum=OPT oppSum=OPT windSum=OPT windValue=IDX oppValue=OPT"

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

820

) || match_regexp(line, lineNo, record, MARK_DONE_CUBIC, "markDone" +

821

" id=IDX CUBIC_VAL t=T_VAL [IDX] PT_VAL tEnd=T_VAL newWindSum=OPT newOppSum=OPT oppSum=OPT windSum=OPT windValue=IDX oppValue=OPT"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

822

) || match_regexp(line, lineNo, record, MARK_SIMPLE_LINE, "markWinding" +

823

" id=IDX LINE_VAL t=T_VAL [IDX] PT_VAL tEnd=T_VAL newWindSum=NUM windSum=OPT windValue=IDX"

824

) || match_regexp(line, lineNo, record, MARK_SIMPLE_QUAD, "markWinding" +

825

" id=IDX QUAD_VAL t=T_VAL [IDX] PT_VAL tEnd=T_VAL newWindSum=NUM windSum=OPT windValue=IDX"

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

826

) || match_regexp(line, lineNo, record, MARK_SIMPLE_CONIC, "markWinding" +

827

" id=IDX CONIC_VAL t=T_VAL [IDX] PT_VAL tEnd=T_VAL newWindSum=NUM windSum=OPT windValue=IDX"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

828

) || match_regexp(line, lineNo, record, MARK_SIMPLE_CUBIC, "markWinding" +

829

" id=IDX CUBIC_VAL t=T_VAL [IDX] PT_VAL tEnd=T_VAL newWindSum=NUM windSum=OPT windValue=IDX"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

830

) || match_regexp(line, lineNo, record, MARK_ANGLE_LAST, "markAngle" +

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

831

" last segment=IDX span=IDX"

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

832

) || match_regexp(line, lineNo, record, MARK_ANGLE_LAST, "markAngle" +

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

833

" last seg=IDX span=IDX"

834

) || match_regexp(line, lineNo, record, MARK_ANGLE_LAST, "markAngle" +

835

" last segment=IDX span=IDX windSum=OPT"

836

) || match_regexp(line, lineNo, record, MARK_ANGLE_LAST, "markAngle" +

837

" last seg=IDX span=IDX windSum=OPT"

838

);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

839

break;

840

case REC_TYPE_OP:

841

if (line.lastIndexOf("oppSign oppSign=", 0) === 0

842

|| line.lastIndexOf("operator<", 0) === 0) {

843

found = true;

844

break;

845

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

846

found = match_regexp(line, lineNo, record, OP_DIFFERENCE, "op diff"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

847

) || match_regexp(line, lineNo, record, OP_INTERSECT, "op intersect"

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

848

) || match_regexp(line, lineNo, record, OP_INTERSECT, "op sect"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

849

) || match_regexp(line, lineNo, record, OP_UNION, "op union"

850

) || match_regexp(line, lineNo, record, OP_XOR, "op xor"

851

);

852

break;

853

case REC_TYPE_UNKNOWN:

found = true;

break;

}

if (!found) {

console.log(line + " [" + lineNo + "] of type " + type + " not found");

859

}

860

}

861

if (recType != REC_TYPE_UNKNOWN) {

862

records.push(recType);

863

records.push(lastLineNo);

864

records.push(record);

865

}

866

if (records.length >= 1) {

867

tests[testIndex] = records;

868

testLines[testIndex] = lines;

}

}

function init(test) {

873

var canvas = document.getElementById('canvas');

874

if (!canvas.getContext) return;

875

ctx = canvas.getContext('2d');

876

var resScale = retina_scale && window.devicePixelRatio ? window.devicePixelRatio : 1;

877

var unscaledWidth = window.innerWidth - 20;

878

var unscaledHeight = window.innerHeight - 20;

879

screenWidth = unscaledWidth;

880

screenHeight = unscaledHeight;

881

canvas.width = unscaledWidth * resScale;

882

canvas.height = unscaledHeight * resScale;

883

canvas.style.width = unscaledWidth + 'px';

884

canvas.style.height = unscaledHeight + 'px';

885

if (resScale != 1) {

886

ctx.scale(resScale, resScale);

}

xmin = Infinity;

xmax = -Infinity;

ymin = Infinity;

ymax = -Infinity;

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

892

hasPath = hasAlignedPath = hasComputedPath = false;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

893

firstActiveSpan = -1;

894

for (var tIndex = 0; tIndex < test.length; tIndex += 3) {

895

var recType = test[tIndex];

896

if (!typeof recType == 'number' || recType < REC_TYPE_UNKNOWN || recType > REC_TYPE_LAST) {

897

console.log("unknown rec type: " + recType);

898

throw "stop execution";

899

}

900

var records = test[tIndex + 2];

901

for (var recordIndex = 0; recordIndex < records.length; recordIndex += 2) {

902

var fragType = records[recordIndex];

903

if (!typeof fragType == 'number' || fragType < 1 || fragType > FRAG_TYPE_LAST) {

904

console.log("unknown in range frag type: " + fragType);

905

throw "stop execution";

906

}

907

var frags = records[recordIndex + 1];

var first = 0;

var last = -1;

var first2 = 0;

var last2 = 0;

switch (recType) {

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

913

case REC_TYPE_ALIGNED:

914

hasAlignedPath = true;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

915

case REC_TYPE_COMPUTED:

916

if (fragType == COMPUTED_SET_1 || fragType == COMPUTED_SET_2) {

917

break;

918

}

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

919

if (REC_TYPE_COMPUTED == recType) {

920

hasComputedPath = true;

921

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

922

case REC_TYPE_PATH:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

923

first = 1;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

924

switch (fragType) {

925

case PATH_LINE:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

926

last = 5;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

927

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

928

case PATH_CONIC:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

929

case PATH_QUAD:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

930

last = 7;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

931

break;

932

case PATH_CUBIC:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

933

last = 9;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

934

break;

935

default:

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

936

console.log("unknown " + (recType == REC_TYPE_PATH ? "REC_TYPE_PATH"

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

937

: "REC_TYPE_COMPUTED") + " frag type:" + fragType);

938

throw "stop execution";

939

}

940

if (recType == REC_TYPE_PATH) {

941

hasPath = true;

942

}

943

break;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

case REC_TYPE_PATH2:

first = 1;

switch (fragType) {

case PATH_LINE:

last = 5;

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

950

case PATH_CONIC:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

case PATH_QUAD:

last = 7;

break;

case PATH_CUBIC:

last = 9;

break;

default:

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

958

console.log("unknown " + (recType == REC_TYPE_PATH2 ? "REC_TYPE_PATH2"

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

959

: "REC_TYPE_COMPUTED") + " frag type:" + fragType);

960

throw "stop execution";

961

}

962

if (recType == REC_TYPE_PATH2) {

963

hasPath = true;

964

}

965

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

966

case REC_TYPE_ACTIVE:

967

if (firstActiveSpan < 0) {

968

firstActiveSpan = tIndex;

}

first = 1;

switch (fragType) {

case ACTIVE_LINE_SPAN:

973

last = 5;

974

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

975

case ACTIVE_CONIC_SPAN:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

976

case ACTIVE_QUAD_SPAN:

977

last = 7;

978

break;

979

case ACTIVE_CUBIC_SPAN:

last = 9;

break;

default:

console.log("unknown REC_TYPE_ACTIVE frag type: " + fragType);

984

throw "stop execution";

}

break;

case REC_TYPE_ADD:

switch (fragType) {

case ADD_MOVETO:

break;

case ADD_LINETO:

last = 4;

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

994

case ADD_CONICTO:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

case ADD_QUADTO:

last = 6;

break;

case ADD_CUBICTO:

last = 8;

break;

case ADD_CLOSE:

case ADD_FILL:

break;

default:

console.log("unknown REC_TYPE_ADD frag type: " + fragType);

1006

throw "stop execution";

1007

}

1008

break;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1009

case REC_TYPE_AFTERPART:

switch (fragType) {

case PATH_LINE:

last = 4;

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1014

case PATH_CONIC:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

case PATH_QUAD:

last = 6;

break;

case PATH_CUBIC:

last = 8;

break;

default:

console.log("unknown REC_TYPE_ACTIVEPART frag type: " + fragType);

1023

throw "stop execution";

1024

}

1025

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

case REC_TYPE_SECT:

switch (fragType) {

case INTERSECT_LINE:

first = 1; last = 5; first2 = 8; last2 = 12;

1030

break;

1031

case INTERSECT_LINE_2:

1032

first = 1; last = 5; first2 = 11; last2 = 15;

1033

break;

1034

case INTERSECT_LINE_NO:

1035

first = 0; last = 4; first2 = 4; last2 = 8;

1036

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1037

case INTERSECT_CONIC_LINE:

1038

first = 1; last = 7; first2 = 11; last2 = 15;

1039

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1040

case INTERSECT_QUAD_LINE:

1041

first = 1; last = 7; first2 = 10; last2 = 14;

1042

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1043

case INTERSECT_CONIC_LINE_2:

1044

first = 1; last = 7; first2 = 14; last2 = 18;

1045

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1046

case INTERSECT_QUAD_LINE_2:

1047

first = 1; last = 7; first2 = 13; last2 = 17;

1048

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1049

case INTERSECT_CONIC_LINE_NO:

1050

first = 0; last = 6; first2 = 7; last2 = 11;

1051

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1052

case INTERSECT_QUAD_LINE_NO:

1053

first = 0; last = 6; first2 = 6; last2 = 10;

1054

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1055

case INTERSECT_CONIC:

1056

first = 1; last = 7; first2 = 11; last2 = 17;

1057

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1058

case INTERSECT_QUAD:

1059

first = 1; last = 7; first2 = 10; last2 = 16;

1060

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1061

case INTERSECT_CONIC_2:

1062

first = 1; last = 7; first2 = 14; last2 = 20;

1063

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1064

case INTERSECT_QUAD_2:

1065

first = 1; last = 7; first2 = 13; last2 = 19;

1066

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1067

case INTERSECT_CONIC_NO:

1068

first = 0; last = 6; first2 = 7; last2 = 13;

1069

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1070

case INTERSECT_QUAD_NO:

1071

first = 0; last = 6; first2 = 6; last2 = 12;

1072

break;

1073

case INTERSECT_SELF_CUBIC:

1074

first = 1; last = 9;

1075

break;

1076

case INTERSECT_SELF_CUBIC_NO:

1077

first = 0; last = 8;

1078

break;

1079

case INTERSECT_CUBIC_LINE:

1080

first = 1; last = 9; first2 = 12; last2 = 16;

1081

break;

1082

case INTERSECT_CUBIC_LINE_2:

1083

first = 1; last = 9; first2 = 15; last2 = 19;

1084

break;

1085

case INTERSECT_CUBIC_LINE_3:

1086

first = 1; last = 9; first2 = 18; last2 = 22;

1087

break;

1088

case INTERSECT_CUBIC_LINE_NO:

1089

first = 0; last = 8; first2 = 8; last2 = 12;

1090

break;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

1091

case INTERSECT_CONIC_QUAD:

1092

first = 1; last = 7; first2 = 11; last2 = 17;

1093

break;

1094

case INTERSECT_CONIC_QUAD_2:

1095

first = 1; last = 7; first2 = 14; last2 = 20;

1096

break;

caryclark

2016-09-26 05:36:58 -0700

[diff] [blame]

1097

case INTERSECT_CONIC_QUAD_3:

1098

first = 1; last = 7; first2 = 17; last2 = 23;

1099

break;

1100

case INTERSECT_CONIC_QUAD_4:

1101

first = 1; last = 7; first2 = 20; last2 = 26;

1102

break;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

1103

case INTERSECT_CONIC_QUAD_NO:

1104

first = 0; last = 6; first2 = 7; last2 = 13;

1105

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1106

case INTERSECT_CUBIC_QUAD:

1107

first = 1; last = 9; first2 = 12; last2 = 18;

1108

break;

1109

case INTERSECT_CUBIC_QUAD_2:

1110

first = 1; last = 9; first2 = 15; last2 = 21;

1111

break;

1112

case INTERSECT_CUBIC_QUAD_3:

1113

first = 1; last = 9; first2 = 18; last2 = 24;

1114

break;

1115

case INTERSECT_CUBIC_QUAD_4:

1116

first = 1; last = 9; first2 = 21; last2 = 27;

1117

break;

1118

case INTERSECT_CUBIC_QUAD_NO:

1119

first = 0; last = 8; first2 = 8; last2 = 14;

1120

break;

1121

case INTERSECT_CUBIC:

1122

first = 1; last = 9; first2 = 12; last2 = 20;

1123

break;

1124

case INTERSECT_CUBIC_2:

1125

first = 1; last = 9; first2 = 15; last2 = 23;

1126

break;

1127

case INTERSECT_CUBIC_3:

1128

first = 1; last = 9; first2 = 18; last2 = 26;

1129

break;

1130

case INTERSECT_CUBIC_4:

1131

first = 1; last = 9; first2 = 21; last2 = 29;

1132

break;

1133

case INTERSECT_CUBIC_NO:

1134

first = 0; last = 8; first2 = 8; last2 = 16;

1135

break;

1136

default:

1137

console.log("unknown REC_TYPE_SECT frag type: " + fragType);

1138

throw "stop execution";

}

break;

default:

continue;

}

for (var idx = first; idx < last; idx += 2) {

1145

xmin = Math.min(xmin, frags[idx]);

1146

xmax = Math.max(xmax, frags[idx]);

1147

ymin = Math.min(ymin, frags[idx + 1]);

1148

ymax = Math.max(ymax, frags[idx + 1]);

1149

}

1150

for (var idx = first2; idx < last2; idx += 2) {

1151

xmin = Math.min(xmin, frags[idx]);

1152

xmax = Math.max(xmax, frags[idx]);

1153

ymin = Math.min(ymin, frags[idx + 1]);

1154

ymax = Math.max(ymax, frags[idx + 1]);

}

}

}

var angleBounds = [Infinity, Infinity, -Infinity, -Infinity];

1159

for (var tIndex = 0; tIndex < test.length; tIndex += 3) {

1160

var recType = test[tIndex];

1161

var records = test[tIndex + 2];

1162

for (var recordIndex = 0; recordIndex < records.length; recordIndex += 2) {

1163

var fragType = records[recordIndex];

1164

var frags = records[recordIndex + 1];

1165

switch (recType) {

1166

case REC_TYPE_ACTIVE_OP:

if (!draw_op) {

break;

}

{

var curve = curvePartialByID(test, frags[0], frags[1], frags[2]);

1172

curve_extremes(curve, angleBounds);

}

break;

case REC_TYPE_ANGLE:

if (!draw_angle) {

break;

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1179

{

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1180

var curve = curvePartialByID(test, frags[0], frags[4], frags[5]);

1181

curve_extremes(curve, angleBounds);

1182

curve = curvePartialByID(test, frags[6], frags[10], frags[11]);

1183

curve_extremes(curve, angleBounds);

1184

curve = curvePartialByID(test, frags[12], frags[16], frags[17]);

1185

}

1186

break;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

1187

case REC_TYPE_COINCIDENCE:

1188

if (!draw_coincidence) {

break;

}

{

var curve = curvePartialByID(test, frags[0], frags[1], frags[2]);

1193

curve_extremes(curve, angleBounds);

1194

}

1195

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

case REC_TYPE_SORT:

if (!draw_sort) {

break;

}

if (fragType == SORT_UNARY || fragType == SORT_BINARY) {

1201

var curve = curvePartialByID(test, frags[0], frags[6], frags[8]);

1202

curve_extremes(curve, angleBounds);

1203

}

1204

break;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

case REC_TYPE_TOP:

if (!draw_top) {

break;

}

{

var curve = curvePartialByID(test, frags[0], frags[1], frags[2]);

1211

curve_extremes(curve, angleBounds);

1212

}

1213

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

}

}

}

xmin = Math.min(xmin, angleBounds[0]);

1218

ymin = Math.min(ymin, angleBounds[1]);

1219

xmax = Math.max(xmax, angleBounds[2]);

1220

ymax = Math.max(ymax, angleBounds[3]);

1221

setScale(xmin, xmax, ymin, ymax);

1222

if (hasPath == false && hasComputedPath == true && !draw_computed) {

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1223

draw_computed = 7; // show quadratics, conics, and cubics

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1224

}

1225

if (hasPath == true && hasComputedPath == false && draw_computed) {

draw_computed = 0;

}

}

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

1230

function curveByIDMatch(test, id, recMatch) {

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1231

var tIndex = -3;

1232

while ((tIndex += 3) < test.length) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1233

var recType = test[tIndex];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1234

if (recType == REC_TYPE_OP) {

1235

continue;

1236

}

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

1237

if (recType != recMatch) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1238

return [];

1239

}

1240

var records = test[tIndex + 2];

1241

for (var recordIndex = 0; recordIndex < records.length; recordIndex += 2) {

1242

var fragType = records[recordIndex];

1243

var frags = records[recordIndex + 1];

1244

if (frags[0] == id) {

1245

switch (fragType) {

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1246

case PATH_LINE:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1247

return [frags[1], frags[2], frags[3], frags[4]];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1248

case PATH_QUAD:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1249

return [frags[1], frags[2], frags[3], frags[4],

1250

frags[5], frags[6]];

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1251

case PATH_CONIC:

1252

return [frags[1], frags[2], frags[3], frags[4],

1253

frags[5], frags[6], frags[7]];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1254

case PATH_CUBIC:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1255

return [frags[1], frags[2], frags[3], frags[4],

1256

frags[5], frags[6], frags[7], frags[8]];

1257

}

1258

}

1259

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

}

return [];

}

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

1264

function curveByID(test, id) {

1265

var result = draw_path >= 4 ? curveByIDMatch(test, id, REC_TYPE_ALIGNED) : [];

1266

if (!result.length) {

1267

result = curveByIDMatch(test, id, REC_TYPE_PATH);

}

return result;

}

function curvePartialByIDMatch(test, id, t0, t1, recMatch) {

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1273

var tIndex = -3;

1274

while ((tIndex += 3) < test.length) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1275

var recType = test[tIndex];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1276

if (recType == REC_TYPE_OP) {

1277

continue;

1278

}

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

1279

if (recType != recMatch) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1280

return [];

1281

}

1282

var records = test[tIndex + 2];

1283

for (var recordIndex = 0; recordIndex < records.length; recordIndex += 2) {

1284

var fragType = records[recordIndex];

1285

var frags = records[recordIndex + 1];

1286

if (frags[0] == id) {

1287

switch (fragType) {

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1288

case PATH_LINE:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1289

return linePartial(frags[1], frags[2], frags[3], frags[4], t0, t1);

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1290

case PATH_QUAD:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1291

return quadPartial(frags[1], frags[2], frags[3], frags[4],

1292

frags[5], frags[6], t0, t1);

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1293

case PATH_CONIC:

1294

return conicPartial(frags[1], frags[2], frags[3], frags[4],

1295

frags[5], frags[6], frags[7], t0, t1);

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1296

case PATH_CUBIC:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1297

return cubicPartial(frags[1], frags[2], frags[3], frags[4],

1298

frags[5], frags[6], frags[7], frags[8], t0, t1);

1299

}

1300

}

1301

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

}

return [];

}

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

1306

function curvePartialByID(test, id, t0, t1) {

1307

var result = draw_path >= 4 ? curvePartialByIDMatch(test, id, t0, t1, REC_TYPE_ALIGNED) : [];

1308

if (!result.length) {

1309

result = curvePartialByIDMatch(test, id, t0, t1, REC_TYPE_PATH);

}

return result;

}

function idByCurveIDMatch(test, frag, type, recMatch) {

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1315

var tIndex = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1316

while (tIndex < test.length) {

1317

var recType = test[tIndex];

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

1318

if (recType != recMatch) {

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1319

++tIndex;

1320

continue;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1321

}

1322

var records = test[tIndex + 2];

1323

for (var recordIndex = 0; recordIndex < records.length; recordIndex += 2) {

1324

var fragType = records[recordIndex];

1325

var frags = records[recordIndex + 1];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1326

if (frag.length != frags.length - 1) {

1327

continue;

1328

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1329

switch (fragType) {

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1330

case PATH_LINE:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1331

if (frag[0] != frags[1] || frag[1] != frags[2]

1332

|| frag[2] != frags[3] || frag[3] != frags[4]) {

1333

continue;

1334

}

1335

return frags[0];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1336

case PATH_QUAD:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1337

if (frag[0] != frags[1] || frag[1] != frags[2]

1338

|| frag[2] != frags[3] || frag[3] != frags[4]

1339

|| frag[4] != frags[5] || frag[5] != frags[6]) {

1340

continue;

1341

}

1342

return frags[0];

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1343

case PATH_CONIC:

1344

if (frag[0] != frags[1] || frag[1] != frags[2]

1345

|| frag[2] != frags[3] || frag[3] != frags[4]

1346

|| frag[4] != frags[5] || frag[5] != frags[6]

1347

|| frag[6] != frags[7]) {

1348

continue;

1349

}

1350

return frags[0];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

1351

case PATH_CUBIC:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1352

if (frag[0] != frags[1] || frag[1] != frags[2]

1353

|| frag[2] != frags[3] || frag[3] != frags[4]

1354

|| frag[4] != frags[5] || frag[5] != frags[6]

1355

|| frag[6] != frags[7] || frag[7] != frags[8]) {

continue;

}

return frags[0];

}

}

++tIndex;

}

return -1;

}

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

1366

function idByCurve(test, frag, type) {

1367

var result = draw_path >= 4 ? idByCurveIDMatch(test, frag, type, REC_TYPE_ALIGNED) : [];

1368

if (!result.length) {

1369

result = idByCurveIDMatch(test, frag, type, REC_TYPE_PATH);

}

return result;

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1374

function curve_extremes(curve, bounds) {

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1375

var length = curve.length == 7 ? 6 : curve.length;

caryclark

ed0935a

2015-10-22 07:23:52 -0700

[diff] [blame]

1376

for (var index = 0; index < length; index += 2) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1377

var x = curve[index];

1378

var y = curve[index + 1];

1379

bounds[0] = Math.min(bounds[0], x);

1380

bounds[1] = Math.min(bounds[1], y);

1381

bounds[2] = Math.max(bounds[2], x);

1382

bounds[3] = Math.max(bounds[3], y);

}

}

function setScale(x0, x1, y0, y1) {

1387

var srcWidth = x1 - x0;

1388

var srcHeight = y1 - y0;

1389

var usableWidth = screenWidth;

1390

var xDigits = Math.ceil(Math.log(Math.abs(xmax)) / Math.log(10));

1391

var yDigits = Math.ceil(Math.log(Math.abs(ymax)) / Math.log(10));

1392

usableWidth -= (xDigits + yDigits) * 10;

1393

usableWidth -= decimal_places * 10;

if (draw_legend) {

usableWidth -= 40;

}

var hscale = usableWidth / srcWidth;

1398

var vscale = screenHeight / srcHeight;

1399

scale = Math.min(hscale, vscale);

1400

var invScale = 1 / scale;

1401

var sxmin = x0 - invScale * 5;

1402

var symin = y0 - invScale * 10;

1403

var sxmax = x1 + invScale * (6 * decimal_places + 10);

1404

var symax = y1 + invScale * 10;

1405

srcWidth = sxmax - sxmin;

1406

srcHeight = symax - symin;

1407

hscale = usableWidth / srcWidth;

1408

vscale = screenHeight / srcHeight;

1409

scale = Math.min(hscale, vscale);

srcLeft = sxmin;

srcTop = symin;

}

function drawArc(curve, op, from, to) {

1415

var type = PATH_LINE + (curve.length / 2 - 2);

1416

var pt = pointAtT(curve, type, op ? 0.4 : 0.6);

1417

var dy = pt.y - curve[1];

1418

var dx = pt.x - curve[0];

1419

var dist = Math.sqrt(dy * dy + dx * dx);

1420

var _dist = dist * scale;

1421

var angle = Math.atan2(dy, dx);

1422

var _px = (curve[0] - srcLeft) * scale;

1423

var _py = (curve[1] - srcTop) * scale;

var divisor = 4;

var endDist;

do {

var ends = [];

for (var index = -1; index <= 1; index += 2) {

1429

var px = Math.cos(index * Math.PI / divisor);

1430

var py = Math.sin(index * Math.PI / divisor);

ends.push(px);

ends.push(py);

}

var endDx = (ends[2] - ends[0]) * scale * dist;

1435

var endDy = (ends[3] - ends[1]) * scale * dist;

1436

endDist = Math.sqrt(endDx * endDx + endDy * endDy);

if (endDist < 100) {

break;

}

divisor *= 2;

} while (true);

if (endDist < 30) {

return;

}

if (op) {

divisor *= 2;

}

ctx.strokeStyle = op ? "rgba(210,0,45, 0.4)" : "rgba(90,90,90, 0.5)";

1449

ctx.beginPath();

1450

ctx.arc(_px, _py, _dist, angle - Math.PI / divisor, angle + Math.PI / divisor, false);

1451

ctx.stroke();

1452

var saveAlign = ctx.textAlign;

1453

var saveStyle = ctx.fillStyle;

1454

var saveFont = ctx.font;

1455

ctx.textAlign = "center";

1456

ctx.fillStyle = "black";

1457

ctx.font = "normal 24px Arial";

1458

divisor *= 0.8;

1459

for (var index = -1; index <= 1; index += 2) {

1460

var px = curve[0] + Math.cos(angle + index * Math.PI / divisor) * dist;

1461

var py = curve[1] + Math.sin(angle + index * Math.PI / divisor) * dist;

1462

var _px = (px - srcLeft) * scale;

1463

var _py = (py - srcTop) * scale;

1464

ctx.fillText(index < 0 ? to.toString() : from.toString(), _px, _py + 8);

1465

}

1466

ctx.textAlign = saveAlign;

1467

ctx.fillStyle = saveStyle;

ctx.font = saveFont;

}

function drawPoint(px, py, end) {

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1472

var length = drawnPts.length == 7 ? 6 : drawnPts.length;

1473

for (var pts = 0; pts < length; pts += 2) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1474

var x = drawnPts[pts];

1475

var y = drawnPts[pts + 1];

1476

if (px == x && py == y) {

return;

}

}

drawnPts.push(px);

drawnPts.push(py);

var label = px.toFixed(decimal_places) + ", " + py.toFixed(decimal_places);

1483

var _px = (px - srcLeft) * scale;

1484

var _py = (py - srcTop) * scale;

1485

ctx.beginPath();

1486

ctx.arc(_px, _py, 3, 0, Math.PI*2, true);

ctx.closePath();

if (end) {

ctx.fill();

} else {

ctx.stroke();

}

if (debug_xy) {

ctx.textAlign = "left";

1495

ctx.fillText(label, _px + 5, _py);

}

}

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1499

function coordCount(curveType) {

switch (curveType) {

case PATH_LINE:

return 4;

case PATH_QUAD:

return 6;

case PATH_CONIC:

return 6;

case PATH_CUBIC:

return 8;

}

return -1;

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1513

function drawPoints(ptArray, curveType, drawControls) {

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1514

var count = coordCount(curveType);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1515

for (var idx = 0; idx < count; idx += 2) {

1516

if (!drawControls && idx != 0 && idx != count - 2) {

1517

continue;

1518

}

1519

drawPoint(ptArray[idx], ptArray[idx + 1], idx == 0 || idx == count - 2);

}

}

function drawControlLines(curve, curveType, drawEnd) {

1524

if (curveType == PATH_LINE) {

1525

return;

1526

}

1527

ctx.strokeStyle = "rgba(0,0,0, 0.3)";

1528

drawLine(curve[0], curve[1], curve[2], curve[3]);

1529

drawLine(curve[2], curve[3], curve[4], curve[5]);

1530

if (curveType == PATH_CUBIC) {

1531

drawLine(curve[4], curve[5], curve[6], curve[7]);

1532

if (drawEnd > 1) {

1533

drawLine(curve[6], curve[7], curve[0], curve[1]);

1534

if (drawEnd > 2) {

1535

drawLine(curve[0], curve[1], curve[4], curve[5]);

1536

drawLine(curve[6], curve[7], curve[2], curve[3]);

1537

}

1538

}

1539

} else if (drawEnd > 1) {

1540

drawLine(curve[4], curve[5], curve[0], curve[1]);

}

}

function pointAtT(curve, curveType, t) {

var xy = {};

switch (curveType) {

case PATH_LINE:

var a = 1 - t;

var b = t;

xy.x = a * curve[0] + b * curve[2];

1551

xy.y = a * curve[1] + b * curve[3];

break;

case PATH_QUAD:

var one_t = 1 - t;

var a = one_t * one_t;

1556

var b = 2 * one_t * t;

1557

var c = t * t;

1558

xy.x = a * curve[0] + b * curve[2] + c * curve[4];

1559

xy.y = a * curve[1] + b * curve[3] + c * curve[5];

1560

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1561

case PATH_CONIC:

1562

var one_t = 1 - t;

1563

var a = one_t * one_t;

1564

var b = 2 * one_t * t;

1565

var c = t * t;

1566

xy.x = a * curve[0] + b * curve[2] * curve[6] + c * curve[4];

1567

xy.y = a * curve[1] + b * curve[3] * curve[6] + c * curve[5];

1568

var d = a + b * curve[6] + c;

1569

xy.x /= d;

1570

xy.y /= d;

1571

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1572

case PATH_CUBIC:

1573

var one_t = 1 - t;

1574

var one_t2 = one_t * one_t;

1575

var a = one_t2 * one_t;

1576

var b = 3 * one_t2 * t;

1577

var t2 = t * t;

1578

var c = 3 * one_t * t2;

1579

var d = t2 * t;

1580

xy.x = a * curve[0] + b * curve[2] + c * curve[4] + d * curve[6];

1581

xy.y = a * curve[1] + b * curve[3] + c * curve[5] + d * curve[7];

break;

}

return xy;

}

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

1586

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1587

function drawPointAtT(curve, curveType) {

1588

var x, y;

1589

var xy = pointAtT(curve, curveType, curveT);

1590

drawPoint(xy.x, xy.y, true);

1591

if (!draw_intersectT) {

1592

return;

1593

}

1594

ctx.fillStyle = "red";

1595

drawTAtPointUp(xy.x, xy.y, curveT);

1596

}

1597

1598

function drawTAtPointUp(px, py, t) {

1599

var label = t.toFixed(decimal_places);

1600

var _px = (px - srcLeft)* scale;

1601

var _py = (py - srcTop) * scale;

1602

ctx.fillText(label, _px + 5, _py - 10);

1603

}

1604

1605

function drawTAtPointDown(px, py, t) {

1606

var label = t.toFixed(decimal_places);

1607

var _px = (px - srcLeft)* scale;

1608

var _py = (py - srcTop) * scale;

1609

ctx.fillText(label, _px + 5, _py + 10);

1610

}

1611

1612

function alreadyDrawnLine(x1, y1, x2, y2) {

1613

if (collect_bounds) {

1614

if (focus_enabled) {

1615

focusXmin = Math.min(focusXmin, x1, x2);

1616

focusYmin = Math.min(focusYmin, y1, y2);

1617

focusXmax = Math.max(focusXmax, x1, x2);

1618

focusYmax = Math.max(focusYmax, y1, y2);

}

return true;

}

for (var pts = 0; pts < drawnLines.length; pts += 4) {

1623

if (x1 == drawnLines[pts] && y1 == drawnLines[pts + 1]

1624

&& x2 == drawnLines[pts + 2] && y2 == drawnLines[pts + 3]) {

return true;

}

}

drawnLines.push(x1);

drawnLines.push(y1);

drawnLines.push(x2);

drawnLines.push(y2);

return false;

}

function drawLine(x1, y1, x2, y2) {

1636

if (alreadyDrawnLine(x1, y1, x2, y2)) {

return;

}

ctx.beginPath();

ctx.moveTo((x1 - srcLeft) * scale,

1641

(y1 - srcTop) * scale);

1642

ctx.lineTo((x2 - srcLeft) * scale,

1643

(y2 - srcTop) * scale);

ctx.stroke();

}

function linePartial(x1, y1, x2, y2, t1, t2) {

var dx = x1 - x2;

var dy = y1 - y2;

var array = [

x1 - t1 * dx,

y1 - t1 * dy,

x1 - t2 * dx,

y1 - t2 * dy

];

return array;

}

function drawLinePartial(x1, y1, x2, y2, t1, t2) {

1660

var a = linePartial(x1, y1, x2, y2, t1, t2);

var ax = a[0];

var ay = a[1];

var bx = a[2];

var by = a[3];

if (alreadyDrawnLine(ax, ay, bx, by)) {

return;

}

ctx.beginPath();

ctx.moveTo((ax - srcLeft) * scale,

1670

(ay - srcTop) * scale);

1671

ctx.lineTo((bx - srcLeft) * scale,

1672

(by - srcTop) * scale);

ctx.stroke();

}

function alreadyDrawnQuad(x1, y1, x2, y2, x3, y3) {

1677

if (collect_bounds) {

1678

if (focus_enabled) {

1679

focusXmin = Math.min(focusXmin, x1, x2, x3);

1680

focusYmin = Math.min(focusYmin, y1, y2, y3);

1681

focusXmax = Math.max(focusXmax, x1, x2, x3);

1682

focusYmax = Math.max(focusYmax, y1, y2, y3);

}

return true;

}

for (var pts = 0; pts < drawnQuads.length; pts += 6) {

1687

if (x1 == drawnQuads[pts] && y1 == drawnQuads[pts + 1]

1688

&& x2 == drawnQuads[pts + 2] && y2 == drawnQuads[pts + 3]

1689

&& x3 == drawnQuads[pts + 4] && y3 == drawnQuads[pts + 5]) {

return true;

}

}

drawnQuads.push(x1);

drawnQuads.push(y1);

drawnQuads.push(x2);

drawnQuads.push(y2);

drawnQuads.push(x3);

drawnQuads.push(y3);

return false;

}

function drawQuad(x1, y1, x2, y2, x3, y3) {

1703

if (alreadyDrawnQuad(x1, y1, x2, y2, x3, y3)) {

return;

}

ctx.beginPath();

ctx.moveTo((x1 - srcLeft) * scale,

1708

(y1 - srcTop) * scale);

1709

ctx.quadraticCurveTo((x2 - srcLeft) * scale,

1710

(y2 - srcTop) * scale,

1711

(x3 - srcLeft) * scale,

1712

(y3 - srcTop) * scale);

ctx.stroke();

}

function interp(A, B, t) {

1717

return A + (B - A) * t;

1718

}

1719

1720

function interp_quad_coords(x1, x2, x3, t)

1721

{

1722

var ab = interp(x1, x2, t);

1723

var bc = interp(x2, x3, t);

1724

var abc = interp(ab, bc, t);

return abc;

}

function quadPartial(x1, y1, x2, y2, x3, y3, t1, t2) {

1729

var ax = interp_quad_coords(x1, x2, x3, t1);

1730

var ay = interp_quad_coords(y1, y2, y3, t1);

1731

var dx = interp_quad_coords(x1, x2, x3, (t1 + t2) / 2);

1732

var dy = interp_quad_coords(y1, y2, y3, (t1 + t2) / 2);

1733

var cx = interp_quad_coords(x1, x2, x3, t2);

1734

var cy = interp_quad_coords(y1, y2, y3, t2);

1735

var bx = 2*dx - (ax + cx)/2;

1736

var by = 2*dy - (ay + cy)/2;

1737

var array = [

1738

ax, ay, bx, by, cx, cy

];

return array;

}

function drawQuadPartial(x1, y1, x2, y2, x3, y3, t1, t2) {

1744

var a = quadPartial(x1, y1, x2, y2, x3, y3, t1, t2);

var ax = a[0];

var ay = a[1];

var bx = a[2];

var by = a[3];

var cx = a[4];

var cy = a[5];

if (alreadyDrawnQuad(ax, ay, bx, by, cx, cy)) {

return;

}

ctx.beginPath();

ctx.moveTo((ax - srcLeft) * scale,

1756

(ay - srcTop) * scale);

1757

ctx.quadraticCurveTo((bx - srcLeft) * scale,

1758

(by - srcTop) * scale,

1759

(cx - srcLeft) * scale,

1760

(cy - srcTop) * scale);

ctx.stroke();

}

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1764

function alreadyDrawnConic(x1, y1, x2, y2, x3, y3, w) {

1765

if (collect_bounds) {

1766

if (focus_enabled) {

1767

focusXmin = Math.min(focusXmin, x1, x2, x3);

1768

focusYmin = Math.min(focusYmin, y1, y2, y3);

1769

focusXmax = Math.max(focusXmax, x1, x2, x3);

1770

focusYmax = Math.max(focusYmax, y1, y2, y3);

}

return true;

}

for (var pts = 0; pts < drawnConics.length; pts += 8) {

1775

if (x1 == drawnConics[pts] && y1 == drawnCubics[pts + 1]

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

1776

&& x2 == drawnCubics[pts + 2] && y2 == drawnCubics[pts + 3]

1777

&& x3 == drawnCubics[pts + 4] && y3 == drawnCubics[pts + 5]

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1778

&& w == drawnCubics[pts + 6]) {

return true;

}

}

drawnConics.push(x1);

1783

drawnConics.push(y1);

1784

drawnConics.push(x2);

1785

drawnConics.push(y2);

1786

drawnConics.push(x3);

1787

drawnConics.push(y3);

drawnCubics.push(w);

return false;

}

var kMaxConicToQuadPOW2 = 5;

1793

1794

function computeQuadPOW2(curve, tol) {

1795

var a = curve[6] - 1;

1796

var k = a / (4 * (2 + a));

1797

var x = k * (curve[0] - 2 * curve[2] + curve[4]);

1798

var y = k * (curve[1] - 2 * curve[3] + curve[5]);

1799

1800

var error = Math.sqrt(x * x + y * y);

1801

var pow2;

1802

for (pow2 = 0; pow2 < kMaxConicToQuadPOW2; ++pow2) {

if (error <= tol) {

break;

}

error *= 0.25;

}

return pow2;

}

function subdivide_w_value(w) {

1812

return Math.sqrt(0.5 + w * 0.5);

1813

}

1814

1815

function chop(curve, part1, part2) {

1816

var w = curve[6];

1817

var scale = 1 / (1 + w);

1818

part1[0] = curve[0];

1819

part1[1] = curve[1];

1820

part1[2] = (curve[0] + curve[2] * w) * scale;

1821

part1[3] = (curve[1] + curve[3] * w) * scale;

1822

part1[4] = part2[0] = (curve[0] + (curve[2] * w) * 2 + curve[4]) * scale * 0.5;

1823

part1[5] = part2[1] = (curve[1] + (curve[3] * w) * 2 + curve[5]) * scale * 0.5;

1824

part2[2] = (curve[2] * w + curve[4]) * scale;

1825

part2[3] = (curve[3] * w + curve[5]) * scale;

1826

part2[4] = curve[4];

1827

part2[5] = curve[5];

1828

part1[6] = part2[6] = subdivide_w_value(w);

1829

}

1830

1831

function subdivide(curve, level, pts) {

if (0 == level) {

pts.push(curve[2]);

pts.push(curve[3]);

pts.push(curve[4]);

pts.push(curve[5]);

} else {

var part1 = [], part2 = [];

1839

chop(curve, part1, part2);

1840

--level;

1841

subdivide(part1, level, pts);

1842

subdivide(part2, level, pts);

}

}

function chopIntoQuadsPOW2(curve, pow2, pts) {

1847

subdivide(curve, pow2, pts);

return 1 << pow2;

}

function drawConicWithQuads(x1, y1, x2, y2, x3, y3, w) {

1852

if (alreadyDrawnConic(x1, y1, x2, y2, x3, y3, w)) {

return;

}

ctx.beginPath();

ctx.moveTo((x1 - srcLeft) * scale,

1857

(y1 - srcTop) * scale);

1858

var tol = 1 / scale;

1859

var curve = [x1, y1, x2, y2, x3, y3, w];

1860

var pow2 = computeQuadPOW2(curve, tol);

1861

var pts = [];

1862

chopIntoQuadsPOW2(curve, pow2, pts);

1863

for (var i = 0; i < pts.length; i += 4) {

1864

ctx.quadraticCurveTo(

1865

(pts[i + 0] - srcLeft) * scale, (pts[i + 1] - srcTop) * scale,

1866

(pts[i + 2] - srcLeft) * scale, (pts[i + 3] - srcTop) * scale);

}

ctx.stroke();

}

function conic_eval_numerator(x1, x2, x3, w, t) {

1872

var src2w = x2 * w;

1873

var C = x1;

1874

var A = x3 - 2 * src2w + C;

1875

var B = 2 * (src2w - C);

1876

return (A * t + B) * t + C;

}

function conic_eval_denominator(w, t) {

var B = 2 * (w - 1);

var C = 1;

var A = -B;

return (A * t + B) * t + C;

1885

}

1886

1887

function conicPartial(x1, y1, x2, y2, x3, y3, w, t1, t2) {

1888

var ax = conic_eval_numerator(x1, x2, x3, w, t1);

1889

var ay = conic_eval_numerator(y1, y2, y3, w, t1);

1890

var az = conic_eval_denominator(w, t1);

1891

var midT = (t1 + t2) / 2;

1892

var dx = conic_eval_numerator(x1, x2, x3, w, midT);

1893

var dy = conic_eval_numerator(y1, y2, y3, w, midT);

1894

var dz = conic_eval_denominator(w, midT);

1895

var cx = conic_eval_numerator(x1, x2, x3, w, t2);

1896

var cy = conic_eval_numerator(y1, y2, y3, w, t2);

1897

var cz = conic_eval_denominator(w, t2);

1898

var bx = 2 * dx - (ax + cx) / 2;

1899

var by = 2 * dy - (ay + cy) / 2;

1900

var bz = 2 * dz - (az + cz) / 2;

1901

var dt = t2 - t1;

1902

var dt_1 = 1 - dt;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1903

var array = [

caryclark

ed0935a

2015-10-22 07:23:52 -0700

[diff] [blame]

1904

ax / az, ay / az, bx / bz, by / bz, cx / cz, cy / cz, 0

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1905

];

caryclark

ed0935a

2015-10-22 07:23:52 -0700

[diff] [blame]

1906

var dMidAC = { x:(array[0] + array[4]) / 2, y:(array[1] + array[5]) / 2 };

1907

var dMid = { x:dx / dz, y:dy / dz };

1908

var dWNumer = { x:dMidAC.x - dMid.x, y:dMidAC.y - dMid.y };

1909

var dWDenom = { x:dMid.x - array[2], y:dMid.y - array[3] };

1910

var partW = Math.sqrt(dWNumer.x * dWNumer.x + dWNumer.y * dWNumer.y)

1911

/ Math.sqrt(dWDenom.x * dWDenom.x + dWDenom.y * dWDenom.y);

1912

array[6] = partW;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1913

return array;

1914

}

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

1915

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

1916

function drawConicPartial(x1, y1, x2, y2, x3, y3, w, t1, t2) {

1917

var a = conicPartial(x1, y1, x2, y2, x3, y3, w, t1, t2);

var ax = a[0];

var ay = a[1];

var bx = a[2];

var by = a[3];

var cx = a[4];

var cy = a[5];

var w_ = a[6];

drawConicWithQuads(ax, ay, bx, by, cx, cy, w_);

1926

}

1927

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1928

function alreadyDrawnCubic(x1, y1, x2, y2, x3, y3, x4, y4) {

1929

if (collect_bounds) {

1930

if (focus_enabled) {

1931

focusXmin = Math.min(focusXmin, x1, x2, x3, x4);

1932

focusYmin = Math.min(focusYmin, y1, y2, y3, y4);

1933

focusXmax = Math.max(focusXmax, x1, x2, x3, x4);

1934

focusYmax = Math.max(focusYmax, y1, y2, y3, y4);

}

return true;

}

for (var pts = 0; pts < drawnCubics.length; pts += 8) {

1939

if (x1 == drawnCubics[pts] && y1 == drawnCubics[pts + 1]

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

1940

&& x2 == drawnCubics[pts + 2] && y2 == drawnCubics[pts + 3]

1941

&& x3 == drawnCubics[pts + 4] && y3 == drawnCubics[pts + 5]

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

1942

&& x4 == drawnCubics[pts + 6] && y4 == drawnCubics[pts + 7]) {

return true;

}

}

drawnCubics.push(x1);

1947

drawnCubics.push(y1);

1948

drawnCubics.push(x2);

1949

drawnCubics.push(y2);

1950

drawnCubics.push(x3);

1951

drawnCubics.push(y3);

1952

drawnCubics.push(x4);

1953

drawnCubics.push(y4);

return false;

}

function drawCubic(x1, y1, x2, y2, x3, y3, x4, y4) {

1958

if (alreadyDrawnCubic(x1, y1, x2, y2, x3, y3, x4, y4)) {

return;

}

ctx.beginPath();

ctx.moveTo((x1 - srcLeft) * scale,

1963

(y1 - srcTop) * scale);

1964

ctx.bezierCurveTo((x2 - srcLeft) * scale,

1965

(y2 - srcTop) * scale,

1966

(x3 - srcLeft) * scale,

1967

(y3 - srcTop) * scale,

1968

(x4 - srcLeft) * scale,

1969

(y4 - srcTop) * scale);

ctx.stroke();

}

function interp_cubic_coords(x1, x2, x3, x4, t)

1974

{

1975

var ab = interp(x1, x2, t);

1976

var bc = interp(x2, x3, t);

1977

var cd = interp(x3, x4, t);

1978

var abc = interp(ab, bc, t);

1979

var bcd = interp(bc, cd, t);

1980

var abcd = interp(abc, bcd, t);

return abcd;

}

function cubicPartial(x1, y1, x2, y2, x3, y3, x4, y4, t1, t2) {

1985

var ax = interp_cubic_coords(x1, x2, x3, x4, t1);

1986

var ay = interp_cubic_coords(y1, y2, y3, y4, t1);

1987

var ex = interp_cubic_coords(x1, x2, x3, x4, (t1*2+t2)/3);

1988

var ey = interp_cubic_coords(y1, y2, y3, y4, (t1*2+t2)/3);

1989

var fx = interp_cubic_coords(x1, x2, x3, x4, (t1+t2*2)/3);

1990

var fy = interp_cubic_coords(y1, y2, y3, y4, (t1+t2*2)/3);

1991

var dx = interp_cubic_coords(x1, x2, x3, x4, t2);

1992

var dy = interp_cubic_coords(y1, y2, y3, y4, t2);

1993

var mx = ex * 27 - ax * 8 - dx;

1994

var my = ey * 27 - ay * 8 - dy;

1995

var nx = fx * 27 - ax - dx * 8;

1996

var ny = fy * 27 - ay - dy * 8;

1997

var bx = (mx * 2 - nx) / 18;

1998

var by = (my * 2 - ny) / 18;

1999

var cx = (nx * 2 - mx) / 18;

2000

var cy = (ny * 2 - my) / 18;

2001

var array = [

2002

ax, ay, bx, by, cx, cy, dx, dy

2003

];

2004

return array;

2005

}

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

2006

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2007

function drawCubicPartial(x1, y1, x2, y2, x3, y3, x4, y4, t1, t2) {

2008

var a = cubicPartial(x1, y1, x2, y2, x3, y3, x4, y4, t1, t2);

var ax = a[0];

var ay = a[1];

var bx = a[2];

var by = a[3];

var cx = a[4];

var cy = a[5];

var dx = a[6];

var dy = a[7];

if (alreadyDrawnCubic(ax, ay, bx, by, cx, cy, dx, dy)) {

return;

}

ctx.beginPath();

ctx.moveTo((ax - srcLeft) * scale,

2022

(ay - srcTop) * scale);

2023

ctx.bezierCurveTo((bx - srcLeft) * scale,

2024

(by - srcTop) * scale,

2025

(cx - srcLeft) * scale,

2026

(cy - srcTop) * scale,

2027

(dx - srcLeft) * scale,

2028

(dy - srcTop) * scale);

ctx.stroke();

}

function drawCurve(c) {

2033

switch (c.length) {

2034

case 4:

2035

drawLine(c[0], c[1], c[2], c[3]);

2036

break;

2037

case 6:

2038

drawQuad(c[0], c[1], c[2], c[3], c[4], c[5]);

2039

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2040

case 7:

2041

drawConicWithQuads(c[0], c[1], c[2], c[3], c[4], c[5], c[6]);

2042

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2043

case 8:

2044

drawCubic(c[0], c[1], c[2], c[3], c[4], c[5], c[6], c[7]);

break;

}

}

function boundsWidth(pts) {

2050

var min = pts[0];

2051

var max = pts[0];

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2052

var length = pts.length == 7 ? 6 : pts.length;

2053

for (var idx = 2; idx < length; idx += 2) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2054

min = Math.min(min, pts[idx]);

2055

max = Math.max(max, pts[idx]);

}

return max - min;

}

function boundsHeight(pts) {

2061

var min = pts[1];

2062

var max = pts[1];

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2063

var length = pts.length == 7 ? 6 : pts.length;

2064

for (var idx = 3; idx < length; idx += 2) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2065

min = Math.min(min, pts[idx]);

2066

max = Math.max(max, pts[idx]);

}

return max - min;

}

function tangent(pts) {

2072

var dx = pts[2] - pts[0];

2073

var dy = pts[3] - pts[1];

2074

if (dx == 0 && dy == 0 && pts.length > 4) {

2075

dx = pts[4] - pts[0];

2076

dy = pts[5] - pts[1];

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2077

if (dx == 0 && dy == 0 && pts.length == 8) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2078

dx = pts[6] - pts[0];

2079

dy = pts[7] - pts[1];

2080

}

2081

}

2082

return Math.atan2(-dy, dx);

2083

}

2084

2085

function hodograph(cubic) {

2086

var hodo = [];

2087

hodo[0] = 3 * (cubic[2] - cubic[0]);

2088

hodo[1] = 3 * (cubic[3] - cubic[1]);

2089

hodo[2] = 3 * (cubic[4] - cubic[2]);

2090

hodo[3] = 3 * (cubic[5] - cubic[3]);

2091

hodo[4] = 3 * (cubic[6] - cubic[4]);

2092

hodo[5] = 3 * (cubic[7] - cubic[5]);

return hodo;

}

function hodograph2(cubic) {

2097

var quad = hodograph(cubic);

2098

var hodo = [];

2099

hodo[0] = 2 * (quad[2] - quad[0]);

2100

hodo[1] = 2 * (quad[3] - quad[1]);

2101

hodo[2] = 2 * (quad[4] - quad[2]);

2102

hodo[3] = 2 * (quad[5] - quad[3]);

return hodo;

}

function quadraticRootsReal(A, B, C, s) {

if (A == 0) {

if (B == 0) {

s[0] = 0;

return C == 0;

}

s[0] = -C / B;

return 1;

}

/* normal form: x^2 + px + q = 0 */

var p = B / (2 * A);

var q = C / A;

var p2 = p * p;

if (p2 < q) {

return 0;

}

var sqrt_D = 0;

if (p2 > q) {

sqrt_D = sqrt(p2 - q);

}

s[0] = sqrt_D - p;

s[1] = -sqrt_D - p;

return 1 + s[0] != s[1];

2129

}

2130

2131

function add_valid_ts(s, realRoots, t) {

2132

var foundRoots = 0;

2133

for (var index = 0; index < realRoots; ++index) {

2134

var tValue = s[index];

2135

if (tValue >= 0 && tValue <= 1) {

2136

for (var idx2 = 0; idx2 < foundRoots; ++idx2) {

2137

if (t[idx2] != tValue) {

2138

t[foundRoots++] = tValue;

}

}

}

}

return foundRoots;

}

function quadraticRootsValidT(a, b, c, t) {

2147

var s = [];

2148

var realRoots = quadraticRootsReal(A, B, C, s);

2149

var foundRoots = add_valid_ts(s, realRoots, t);

2150

return foundRoots != 0;

2151

}

2152

2153

function find_cubic_inflections(cubic, tValues) {

2154

var Ax = src[2] - src[0];

2155

var Ay = src[3] - src[1];

2156

var Bx = src[4] - 2 * src[2] + src[0];

2157

var By = src[5] - 2 * src[3] + src[1];

2158

var Cx = src[6] + 3 * (src[2] - src[4]) - src[0];

2159

var Cy = src[7] + 3 * (src[3] - src[5]) - src[1];

2160

return quadraticRootsValidT(Bx * Cy - By * Cx, (Ax * Cy - Ay * Cx),

2161

Ax * By - Ay * Bx, tValues);

2162

}

2163

2164

function dxy_at_t(curve, type, t) {

2165

var dxy = {};

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2166

if (type == PATH_LINE) {

2167

dxy.x = curve[2] - curve[0];

2168

dxy.y = curve[3] - curve[1];

2169

} else if (type == PATH_QUAD) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

var a = t - 1;

var b = 1 - 2 * t;

var c = t;

dxy.x = a * curve[0] + b * curve[2] + c * curve[4];

2174

dxy.y = a * curve[1] + b * curve[3] + c * curve[5];

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2175

} else if (type == PATH_CONIC) {

2176

var p20x = curve[4] - curve[0];

2177

var p20y = curve[5] - curve[1];

2178

var p10xw = (curve[2] - curve[0]) * curve[6];

2179

var p10yw = (curve[3] - curve[1]) * curve[6];

2180

var coeff0x = curve[6] * p20x - p20x;

2181

var coeff0y = curve[6] * p20y - p20y;

2182

var coeff1x = p20x - 2 * p10xw;

2183

var coeff1y = p20y - 2 * p10yw;

2184

dxy.x = t * (t * coeff0x + coeff1x) + p10xw;

2185

dxy.y = t * (t * coeff0y + coeff1y) + p10yw;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2186

} else if (type == PATH_CUBIC) {

var one_t = 1 - t;

var a = curve[0];

var b = curve[2];

var c = curve[4];

var d = curve[6];

dxy.x = 3 * ((b - a) * one_t * one_t + 2 * (c - b) * t * one_t + (d - c) * t * t);

a = curve[1];

b = curve[3];

c = curve[5];

d = curve[7];

dxy.y = 3 * ((b - a) * one_t * one_t + 2 * (c - b) * t * one_t + (d - c) * t * t);

}

return dxy;

}

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

2202

function dpt_at_t(curve, t) {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2203

var type = PATH_LINE + (curve.length / 2 - 2);

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

2204

return dxy_at_t(curve, type, t);

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2205

}

2206

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2207

function drawLabel(num, px, py) {

2208

ctx.beginPath();

2209

ctx.arc(px, py, 8, 0, Math.PI*2, true);

2210

ctx.closePath();

2211

ctx.strokeStyle = "rgba(0,0,0, 0.4)";

2212

ctx.lineWidth = num == 0 || num == 3 ? 2 : 1;

2213

ctx.stroke();

2214

ctx.fillStyle = "black";

2215

ctx.font = "normal 10px Arial";

2216

// ctx.rotate(0.001);

2217

ctx.fillText(num, px - 2, py + 3);

2218

// ctx.rotate(-0.001);

2219

}

2220

2221

function drawLabelX(ymin, num, loc) {

2222

var px = (loc - srcLeft) * scale;

2223

var py = (ymin - srcTop) * scale - 20;

2224

drawLabel(num, px, py);

2225

}

2226

2227

function drawLabelY(xmin, num, loc) {

2228

var px = (xmin - srcLeft) * scale - 20;

2229

var py = (loc - srcTop) * scale;

2230

drawLabel(num, px, py);

2231

}

2232

2233

function drawHodoOrigin(hx, hy, hMinX, hMinY, hMaxX, hMaxY) {

2234

ctx.beginPath();

2235

ctx.moveTo(hx, hy - 100);

2236

ctx.lineTo(hx, hy);

2237

ctx.strokeStyle = hMinY < 0 ? "green" : "blue";

ctx.stroke();

ctx.beginPath();

ctx.moveTo(hx, hy);

ctx.lineTo(hx, hy + 100);

2242

ctx.strokeStyle = hMaxY > 0 ? "green" : "blue";

2243

ctx.stroke();

2244

ctx.beginPath();

2245

ctx.moveTo(hx - 100, hy);

2246

ctx.lineTo(hx, hy);

2247

ctx.strokeStyle = hMinX < 0 ? "green" : "blue";

ctx.stroke();

ctx.beginPath();

ctx.moveTo(hx, hy);

ctx.lineTo(hx + 100, hy);

2252

ctx.strokeStyle = hMaxX > 0 ? "green" : "blue";

ctx.stroke();

}

function scalexy(x, y, mag) {

2257

var length = Math.sqrt(x * x + y * y);

return mag / length;

}

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

2261

function drawArrow(x, y, dx, dy, s) {

2262

var dscale = scalexy(dx, dy, 1 / scale * 100 * s);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

dx *= dscale;

dy *= dscale;

ctx.beginPath();

ctx.moveTo((x - srcLeft) * scale, (y - srcTop) * scale);

2267

x += dx;

2268

y += dy;

2269

ctx.lineTo((x - srcLeft) * scale, (y - srcTop) * scale);

2270

dx /= 10;

2271

dy /= 10;

2272

ctx.lineTo((x - dy - srcLeft) * scale, (y + dx - srcTop) * scale);

2273

ctx.lineTo((x + dx * 2 - srcLeft) * scale, (y + dy * 2 - srcTop) * scale);

2274

ctx.lineTo((x + dy - srcLeft) * scale, (y - dx - srcTop) * scale);

2275

ctx.lineTo((x - srcLeft) * scale, (y - srcTop) * scale);

2276

ctx.strokeStyle = "rgba(0,75,0, 0.4)";

ctx.stroke();

}

function x_at_t(curve, t) {

2281

var one_t = 1 - t;

2282

if (curve.length == 4) {

2283

return one_t * curve[0] + t * curve[2];

2284

}

2285

var one_t2 = one_t * one_t;

2286

var t2 = t * t;

2287

if (curve.length == 6) {

2288

return one_t2 * curve[0] + 2 * one_t * t * curve[2] + t2 * curve[4];

2289

}

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2290

if (curve.length == 7) {

2291

return (one_t2 * curve[0] + 2 * one_t * t * curve[2] * curve[6] + t2 * curve[4])

2292

/ (one_t2 +2 * one_t * t * curve[6] + t2);

2293

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2294

var a = one_t2 * one_t;

2295

var b = 3 * one_t2 * t;

2296

var c = 3 * one_t * t2;

2297

var d = t2 * t;

2298

return a * curve[0] + b * curve[2] + c * curve[4] + d * curve[6];

2299

}

2300

2301

function y_at_t(curve, t) {

2302

var one_t = 1 - t;

2303

if (curve.length == 4) {

2304

return one_t * curve[1] + t * curve[3];

2305

}

2306

var one_t2 = one_t * one_t;

2307

var t2 = t * t;

2308

if (curve.length == 6) {

2309

return one_t2 * curve[1] + 2 * one_t * t * curve[3] + t2 * curve[5];

2310

}

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2311

if (curve.length == 7) {

2312

return (one_t2 * curve[1] + 2 * one_t * t * curve[3] * curve[6] + t2 * curve[5])

2313

/ (one_t2 +2 * one_t * t * curve[6] + t2);

2314

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2315

var a = one_t2 * one_t;

2316

var b = 3 * one_t2 * t;

2317

var c = 3 * one_t * t2;

2318

var d = t2 * t;

2319

return a * curve[1] + b * curve[3] + c * curve[5] + d * curve[7];

2320

}

2321

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

2322

function pt_at_t(curve, t) {

2323

var pt = {};

2324

pt.x = x_at_t(curve, t);

2325

pt.y = y_at_t(curve, t);

2326

return pt;

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2327

}

2328

2329

function drawOrder(curve, t, label) {

2330

var px = x_at_t(curve, t);

2331

var py = y_at_t(curve, t);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2332

var _px = (px - srcLeft) * scale;

2333

var _py = (py - srcTop) * scale;

2334

ctx.beginPath();

2335

ctx.arc(_px, _py, 15, 0, Math.PI * 2, true);

2336

ctx.closePath();

2337

ctx.fillStyle = "white";

2338

ctx.fill();

2339

if (label == 'L') {

2340

ctx.strokeStyle = "rgba(255,0,0, 1)";

2341

ctx.fillStyle = "rgba(255,0,0, 1)";

2342

} else {

2343

ctx.strokeStyle = "rgba(0,0,255, 1)";

2344

ctx.fillStyle = "rgba(0,0,255, 1)";

2345

}

2346

ctx.stroke();

2347

ctx.font = "normal 16px Arial";

2348

ctx.textAlign = "center";

2349

ctx.fillText(label, _px, _py + 5);

2350

ctx.font = "normal 10px Arial";

2351

}

2352

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

2353

function drawVisibleOrder(curve, label) {

2354

var s = pt_at_t(curve, 0);

2355

var e = pt_at_t(curve, 1);

2356

var sOn = ptOnScreen(s);

2357

var eOn = ptOnScreen(e);

2358

var defaultT = 0.85;

2359

if (sOn && eOn)

2360

return drawOrder(curve, defaultT, label);

2361

if (sOn || eOn) {

2362

if (eOn) {

2363

defaultT = 1 - defaultT;

2364

}

2365

var step = sOn ? -defaultT / 2 : (1 - defaultT) / 2;

var t = defaultT;

var tries = 16;

do {

var mid = pt_at_t(curve, t);

2370

if (ptOnScreen(mid))

2371

return drawOrder(curve, t, label);

2372

t += step;

2373

step /= 2;

2374

} while (--tries > 0);

2375

drawOrder(curve, defaultT, label);

2376

}

2377

// scattershot until we find a visible point

2378

var denom = 2; // visit odd number num / denom to hit unique pts

2379

var tries = 6; // tries 1/2, 1/4, 3/4, 1/8, 3/8, 5/8, 7/8, 1/16 ...

2380

do {

2381

for (var numer = 1; numer < denom; numer += 2) {

2382

var t = numer / denom + 0.1;

if (t >= 1) {

break;

}

var mid = pt_at_t(curve, t);

2387

if (ptOnScreen(mid))

2388

return drawOrder(curve, t, label);

2389

}

2390

denom *= 2;

2391

} while (--tries > 0);

2392

drawOrder(curve, defaultT, label);

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2393

}

2394

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

2395

function set_length(pt, newLen) {

2396

var len = Math.sqrt(pt.x * pt.x + pt.y * pt.y);

2397

var scale = newLen / len;

2398

var newPt = { x: pt.x * scale, y: pt.y * scale };

2399

return newPt;

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2400

}

2401

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

2402

function drawDirection(curve, t) {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2403

var d = dpt_at_t(curve, t);

2404

d = set_length(d, 16);

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

2405

var pt = localToGlobal(pt_at_t(curve, t));

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2406

ctx.beginPath();

2407

ctx.moveTo(pt.x - d.y, pt.y + d.x);

2408

ctx.lineTo(pt.x + d.x, pt.y + d.y);

2409

ctx.lineTo(pt.x + d.y, pt.y - d.x);

2410

ctx.strokeStyle = "rgba(0,75,0, 0.4)";

ctx.stroke();

}

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

2414

function drawVisibleDirection(curve) {

2415

var s = pt_at_t(curve, 0);

2416

var e = pt_at_t(curve, 1);

2417

var sOn = ptOnScreen(s);

2418

var eOn = ptOnScreen(e);

2419

var defaultT = 0.65;

2420

if (sOn && eOn) {

2421

return drawDirection(curve, defaultT);

}

if (sOn || eOn) {

if (eOn) {

defaultT = 1 - defaultT;

2426

}

2427

var step = sOn ? -defaultT / 2 : (1 - defaultT) / 2;

var t = defaultT;

var tries = 16;

do {

var mid = pt_at_t(curve, t);

2432

if (ptOnScreen(mid))

2433

return drawDirection(curve, t);

2434

t += step;

2435

step /= 2;

2436

} while (--tries > 0);

2437

drawDirection(curve, defaultT);

2438

}

2439

// scattershot until we find a visible point

2440

var denom = 2; // visit odd number num / denom to hit unique pts

2441

var tries = 6; // tries 1/2, 1/4, 3/4, 1/8, 3/8, 5/8, 7/8, 1/16 ...

2442

do {

2443

for (var numer = 1; numer < denom; numer += 2) {

2444

var t = numer / denom + 0.1;

if (t >= 1) {

break;

}

var mid = pt_at_t(curve, t);

2449

if (ptOnScreen(mid))

2450

return drawDirection(curve, t);

2451

}

2452

denom *= 2;

2453

} while (--tries > 0);

2454

drawDirection(curve, defaultT);

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2455

}

2456

2457

function drawID(curve, t, id) {

2458

var px = x_at_t(curve, t);

2459

var py = y_at_t(curve, t);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2460

var _px = (px - srcLeft) * scale;

2461

var _py = (py - srcTop) * scale;

2462

draw_id_at(id, _px, _py);

2463

}

2464

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

2465

function localToGlobal(local) {

2466

var global = {};

2467

global.x = (local.x - srcLeft) * scale;

2468

global.y = (local.y - srcTop) * scale;

2469

return global;

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2470

}

2471

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

2472

function ptOnScreen(local) {

2473

var pt = localToGlobal(local);

2474

return 10 <= pt.x && pt.x <= screenWidth - 10

2475

&& 10 <= pt.y && pt.y <= screenHeight - 10;

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2476

}

2477

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

2478

function drawVisibleID(curve, defaultT, id) {

2479

// determine if either or both ends are visible

2480

var s = pt_at_t(curve, 0);

2481

var e = pt_at_t(curve, 1);

2482

var sOn = ptOnScreen(s);

2483

var eOn = ptOnScreen(e);

2484

if (sOn && eOn)

2485

return drawID(curve, defaultT, id);

2486

if (sOn || eOn) {

2487

var step = sOn ? -defaultT / 2 : (1 - defaultT) / 2;

var t = defaultT;

var tries = 16;

do {

var mid = pt_at_t(curve, t);

2492

if (ptOnScreen(mid))

2493

return drawID(curve, t, id);

2494

t += step;

2495

step /= 2;

2496

} while (--tries > 0);

2497

drawID(curve, defaultT, id);

2498

}

2499

// scattershot until we find a visible point

2500

var denom = 2; // visit odd number num / denom to hit unique pts

2501

var tries = 6; // tries 1/2, 1/4, 3/4, 1/8, 3/8, 5/8, 7/8, 1/16 ...

2502

do {

2503

for (var numer = 1; numer < denom; numer += 2) {

2504

var t = numer / denom;

2505

var mid = pt_at_t(curve, t);

2506

if (ptOnScreen(mid))

2507

return drawID(curve, t, id);

2508

}

2509

denom *= 2;

2510

} while (--tries > 0);

2511

drawID(curve, defaultT, id);

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2512

}

2513

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2514

function draw_id_at(id, _px, _py) {

2515

ctx.beginPath();

2516

ctx.arc(_px, _py, 15, 0, Math.PI * 2, true);

2517

ctx.closePath();

2518

ctx.fillStyle = "white";

2519

ctx.fill();

2520

ctx.strokeStyle = "rgba(127,127,0, 1)";

2521

ctx.fillStyle = "rgba(127,127,0, 1)";

2522

ctx.stroke();

2523

ctx.font = "normal 16px Arial";

2524

ctx.textAlign = "center";

2525

ctx.fillText(id, _px, _py + 5);

2526

ctx.font = "normal 10px Arial";

2527

}

2528

2529

function drawLinePartialID(id, x1, y1, x2, y2, t1, t2) {

2530

var curve = [x1, y1, x2, y2];

2531

drawCurvePartialID(id, curve, t1, t2);

2532

}

2533

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

2534

function drawLineID(id, x1, y1, x2, y2) {

2535

drawLinePartialID(id, x1, y1, x2, y2, 0, 1);

2536

}

2537

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2538

function drawQuadPartialID(id, x1, y1, x2, y2, x3, y3, t1, t2) {

2539

var curve = [x1, y1, x2, y2, x3, y3];

2540

drawCurvePartialID(id, curve, t1, t2);

2541

}

2542

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

2543

function drawQuadID(id, x1, y1, x2, y2, x3, y3) {

2544

drawQuadPartialID(id, x1, y1, x2, y2, x3, y3, 0, 1);

2545

}

2546

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2547

function drawConicPartialID(id, x1, y1, x2, y2, x3, y3, w, t1, t2) {

2548

var curve = [x1, y1, x2, y2, x3, y3, w];

2549

drawCurvePartialID(id, curve, t1, t2);

2550

}

2551

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

2552

function drawConicID(id, x1, y1, x2, y2, x3, y3, w) {

2553

drawConicPartialID(id, x1, y1, x2, y2, x3, y3, w, 0, 1);

2554

}

2555

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2556

function drawCubicPartialID(id, x1, y1, x2, y2, x3, y3, x4, y4, t1, t2) {

2557

var curve = [x1, y1, x2, y2, x3, y3, x4, y4];

2558

drawCurvePartialID(id, curve, t1, t2);

2559

}

2560

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

2561

function drawCubicID(id, x1, y1, x2, y2, x3, y3, x4, y4) {

2562

drawCubicPartialID(id, x1, y1, x2, y2, x3, y3, x4, y4, 0, 1);

2563

}

2564

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2565

function drawCurvePartialID(id, curve, t1, t2) {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2566

drawVisibleID(curve, (t1 + t2) / 2, id);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2567

}

2568

2569

function drawCurveSpecials(test, curve, type) {

2570

if (pt_labels) {

2571

drawPoints(curve, type, pt_labels == 2);

2572

}

2573

if (control_lines != 0) {

2574

drawControlLines(curve, type, control_lines);

2575

}

2576

if (curve_t) {

2577

drawPointAtT(curve, type);

2578

}

2579

if (draw_midpoint) {

2580

var mid = pointAtT(curve, type, 0.5);

2581

drawPoint(mid.x, mid.y, true);

2582

}

2583

if (draw_id) {

2584

var id = idByCurve(test, curve, type);

2585

if (id >= 0) {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2586

drawVisibleID(curve, 0.5, id);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2587

}

2588

}

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

2589

if (draw_direction) {

2590

drawVisibleDirection(curve);

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

2591

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2592

if (type == PATH_LINE) {

2593

return;

2594

}

2595

if (draw_deriviatives > 0) {

2596

var d = dxy_at_t(curve, type, 0);

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

2597

drawArrow(curve[0], curve[1], d.x, d.y, 1);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2598

if (draw_deriviatives == 2) {

2599

d = dxy_at_t(curve, type, 1);

2600

if (type == PATH_CUBIC) {

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

2601

drawArrow(curve[6], curve[7], d.x, d.y, 1);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2602

} else {

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

2603

drawArrow(curve[4], curve[5], d.x, d.y, 1);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

}

}

if (draw_midpoint) {

var mid = pointAtT(curve, type, 0.5);

2608

d = dxy_at_t(curve, type, 0.5);

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

2609

drawArrow(mid.x, mid.y, d.x, d.y, 1);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2610

}

2611

}

2612

if (type != PATH_CUBIC) {

2613

return;

2614

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2615

if (draw_sequence) {

2616

var ymin = Math.min(curve[1], curve[3], curve[5], curve[7]);

2617

for (var i = 0; i < 8; i+= 2) {

2618

drawLabelX(ymin, i >> 1, curve[i]);

2619

}

2620

var xmin = Math.min(curve[0], curve[2], curve[4], curve[6]);

2621

for (var i = 1; i < 8; i+= 2) {

2622

drawLabelY(xmin, i >> 1, curve[i]);

}

}

}

function logCurves(test) {

2628

for (curves in test) {

2629

var curve = test[curves];

dumpCurve(curve);

}

}

function curveToString(curve) {

2635

var str = "{{";

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2636

var length = curve.length == 7 ? 6 : curve.length;

2637

if (curve.length == 7) {

2638

str += "{";

2639

}

2640

for (i = 0; i < length; i += 2) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2641

str += curve[i].toFixed(decimal_places) + "," + curve[i + 1].toFixed(decimal_places);

2642

if (i < curve.length - 2) {

2643

str += "}, {";

2644

}

2645

}

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2646

str += "}";

2647

if (curve.length == 7) {

2648

str += "}, " + curve[6].toFixed(decimal_places);

2649

}

2650

str += "}";

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

return str;

}

function dumpCurve(curve) {

2655

console.log(curveToString(curve));

2656

}

2657

2658

function draw(test, lines, title) {

2659

ctx.fillStyle = "rgba(0,0,0, 0.1)";

2660

ctx.font = "normal 50px Arial";

2661

ctx.textAlign = "left";

2662

ctx.fillText(title, 50, 50);

2663

ctx.font = "normal 10px Arial";

2664

ctx.lineWidth = "1.001"; "0.999";

2665

var secondPath = test.length;

var closeCount = 0;

logStart = -1;

logRange = 0;

// find last active rec type at this step

2670

var curType = test[0];

var curStep = 0;

var hasOp = false;

var lastActive = 0;

var lastAdd = 0;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

2675

var lastCoin = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2676

var lastSect = 0;

2677

var lastSort = 0;

2678

var lastMark = 0;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

2679

var lastTop = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

activeCount = 0;

addCount = 0;

angleCount = 0;

opCount = 0;

sectCount = 0;

sortCount = 0;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

2686

topCount = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

markCount = 0;

activeMax = 0;

addMax = 0;

angleMax = 0;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

2691

coinMax = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

opMax = 0;

sectMax = 0;

sectMax2 = 0;

sortMax = 0;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

2696

topMax = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2697

markMax = 0;

2698

lastIndex = test.length - 3;

2699

for (var tIndex = 0; tIndex < test.length; tIndex += 3) {

2700

var recType = test[tIndex];

2701

if (!typeof recType == 'number' || recType < REC_TYPE_UNKNOWN || recType > REC_TYPE_LAST) {

2702

console.log("unknown rec type: " + recType);

2703

throw "stop execution";

2704

}

2705

// if (curType == recType && curType != REC_TYPE_ADD) {

2706

// continue;

2707

// }

2708

var inStepRange = step_limit == 0 || curStep < step_limit;

2709

curType = recType;

2710

if (recType == REC_TYPE_OP) {

hasOp = true;

continue;

}

if (recType == REC_TYPE_UNKNOWN) {

2715

// these types do not advance step

2716

continue;

2717

}

2718

var bumpStep = false;

2719

var records = test[tIndex + 2];

2720

var fragType = records[0];

2721

if (recType == REC_TYPE_ADD) {

2722

if (records.length != 2) {

2723

console.log("expect only two elements: " + records.length);

2724

throw "stop execution";

2725

}

2726

if (fragType == ADD_MOVETO || fragType == ADD_CLOSE) {

continue;

}

++addMax;

if (!draw_add || !inStepRange) {

continue;

}

lastAdd = tIndex;

++addCount;

bumpStep = true;

}

if (recType == REC_TYPE_PATH && hasOp) {

2738

secondPath = tIndex;

2739

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

2740

if (recType == REC_TYPE_PATH2 && hasOp) {

2741

secondPath = tIndex;

2742

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2743

if (recType == REC_TYPE_ACTIVE) {

2744

++activeMax;

2745

if (!draw_active || !inStepRange) {

continue;

}

lastActive = tIndex;

++activeCount;

bumpStep = true;

}

if (recType == REC_TYPE_ACTIVE_OP) {

2753

++opMax;

2754

if (!draw_op || !inStepRange) {

continue;

}

lastOp = tIndex;

++opCount;

bumpStep = true;

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

2761

if (recType == REC_TYPE_AFTERPART) {

2762

if (draw_angle != 3 || !inStepRange) {

continue;

}

lastAngle = tIndex;

++angleCount;

bumpStep = true;

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2769

if (recType == REC_TYPE_ANGLE) {

2770

++angleMax;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

2771

if (draw_angle == 0 || draw_angle == 3 || !inStepRange) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

continue;

}

lastAngle = tIndex;

++angleCount;

bumpStep = true;

}

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

2778

if (recType == REC_TYPE_COINCIDENCE) {

2779

++coinMax;

2780

if (!draw_coincidence || !inStepRange) {

continue;

}

lastCoin = tIndex;

++coinCount;

bumpStep = true;

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2787

if (recType == REC_TYPE_SECT) {

2788

if (records.length != 2) {

2789

console.log("expect only two elements: " + records.length);

2790

throw "stop execution";

}

++sectMax;

var sectBump = 1;

switch (fragType) {

case INTERSECT_LINE:

case INTERSECT_QUAD_LINE:

2797

case INTERSECT_QUAD:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2798

case INTERSECT_CONIC_LINE:

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

2799

case INTERSECT_CONIC_QUAD:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2800

case INTERSECT_CONIC:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2801

case INTERSECT_SELF_CUBIC:

2802

case INTERSECT_CUBIC_LINE:

2803

case INTERSECT_CUBIC_QUAD:

2804

case INTERSECT_CUBIC:

2805

sectBump = 1;

2806

break;

2807

case INTERSECT_LINE_2:

2808

case INTERSECT_QUAD_LINE_2:

2809

case INTERSECT_QUAD_2:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2810

case INTERSECT_CONIC_LINE_2:

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

2811

case INTERSECT_CONIC_QUAD_2:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2812

case INTERSECT_CONIC_2:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2813

case INTERSECT_CUBIC_LINE_2:

2814

case INTERSECT_CUBIC_QUAD_2:

2815

case INTERSECT_CUBIC_2:

2816

sectBump = 2;

2817

break;

2818

case INTERSECT_LINE_NO:

2819

case INTERSECT_QUAD_LINE_NO:

2820

case INTERSECT_QUAD_NO:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2821

case INTERSECT_CONIC_LINE_NO:

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

2822

case INTERSECT_CONIC_QUAD_NO:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2823

case INTERSECT_CONIC_NO:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2824

case INTERSECT_SELF_CUBIC_NO:

2825

case INTERSECT_CUBIC_LINE_NO:

2826

case INTERSECT_CUBIC_QUAD_NO:

2827

case INTERSECT_CUBIC_NO:

2828

sectBump = 0;

2829

break;

caryclark

2016-09-26 05:36:58 -0700

[diff] [blame]

2830

case INTERSECT_CONIC_QUAD_3:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2831

case INTERSECT_CUBIC_LINE_3:

2832

case INTERSECT_CUBIC_QUAD_3:

2833

case INTERSECT_CUBIC_3:

2834

sectBump = 3;

2835

break;

caryclark

2016-09-26 05:36:58 -0700

[diff] [blame]

2836

case INTERSECT_CONIC_QUAD_4:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2837

case INTERSECT_CUBIC_QUAD_4:

2838

case INTERSECT_CUBIC_4:

sectBump = 4;

break;

default:

console.log("missing case " + records.length);

2843

throw "stop execution";

2844

}

2845

sectMax2 += sectBump;

2846

if (draw_intersection <= 1 || !inStepRange) {

continue;

}

lastSect = tIndex;

sectCount += sectBump;

2851

bumpStep = true;

2852

}

2853

if (recType == REC_TYPE_SORT) {

2854

++sortMax;

2855

if (!draw_sort || !inStepRange) {

continue;

}

lastSort = tIndex;

++sortCount;

bumpStep = true;

}

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

2862

if (recType == REC_TYPE_TOP) {

2863

++topMax;

2864

if (!draw_top || !inStepRange) {

continue;

}

lastTop = tIndex;

++topCount;

bumpStep = true;

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2871

if (recType == REC_TYPE_MARK) {

2872

++markMax;

2873

if (!draw_mark || !inStepRange) {

continue;

}

lastMark = tIndex;

++markCount;

bumpStep = true;

}

if (bumpStep) {

lastIndex = tIndex;

logStart = test[tIndex + 1];

2883

logRange = records.length / 2;

++curStep;

}

}

stepMax = (draw_add ? addMax : 0)

2888

+ (draw_active ? activeMax : 0)

reed

0dc4dd6

2015-03-24 13:55:33 -0700

[diff] [blame]

2889

+ (draw_angle ? angleMax : 0)

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

2890

+ (draw_coincidence ? coinMax : 0)

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

2891

+ (draw_op ? opMax : 0)

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2892

+ (draw_sort ? sortMax : 0)

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

2893

+ (draw_top ? topMax : 0)

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2894

+ (draw_mark ? markMax : 0)

2895

+ (draw_intersection == 2 ? sectMax : draw_intersection == 3 ? sectMax2 : 0);

2896

if (stepMax == 0) {

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

2897

stepMax = addMax + activeMax + angleMax + coinMax + opMax + sortMax + topMax + markMax;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

}

drawnPts = [];

drawnLines = [];

drawnQuads = [];

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2902

drawnConics = [];

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2903

drawnCubics = [];

2904

focusXmin = focusYmin = Infinity;

2905

focusXmax = focusYmax = -Infinity;

2906

var pathIndex = 0;

2907

var opLetter = 'S';

2908

for (var tIndex = lastIndex; tIndex >= 0; tIndex -= 3) {

2909

var recType = test[tIndex];

2910

var records = test[tIndex + 2];

2911

for (var recordIndex = 0; recordIndex < records.length; recordIndex += 2) {

2912

var fragType = records[recordIndex];

2913

if (!typeof fragType == 'number' || fragType < 1 || fragType > FRAG_TYPE_LAST) {

2914

console.log("unknown in range frag type: " + fragType);

2915

throw "stop execution";

2916

}

2917

var frags = records[recordIndex + 1];

2918

focus_enabled = false;

2919

switch (recType) {

2920

case REC_TYPE_COMPUTED:

2921

if (draw_computed == 0) {

continue;

}

ctx.lineWidth = 1;

ctx.strokeStyle = pathIndex == 0 ? "black" : "red";

2926

ctx.fillStyle = "blue";

2927

var drawThis = false;

2928

switch (fragType) {

2929

case PATH_QUAD:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2930

if ((draw_computed & 0x9) == 1 || ((draw_computed & 8) != 0

2931

&& (draw_computed & 7) == pathIndex)) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2932

drawQuad(frags[0], frags[1], frags[2], frags[3],

frags[4], frags[5]);

drawThis = true;

}

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2937

case PATH_CONIC:

2938

if ((draw_computed & 0xA) == 2 || ((draw_computed & 8) != 0

2939

&& (draw_computed & 7) == pathIndex)) {

2940

drawConicWithQuads(frags[0], frags[1], frags[2], frags[3],

2941

frags[4], frags[5], frags[6]);

2942

drawThis = true;

2943

}

2944

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2945

case PATH_CUBIC:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2946

if ((draw_computed & 0xC) == 4 || ((draw_computed & 8) != 0

2947

&& (draw_computed & 7) == pathIndex)) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2948

drawCubic(frags[0], frags[1], frags[2], frags[3],

2949

frags[4], frags[5], frags[6], frags[7]);

drawThis = true;

}

++pathIndex;

break;

case COMPUTED_SET_1:

pathIndex = 0;

break;

case COMPUTED_SET_2:

pathIndex = 1;

break;

default:

console.log("unknown REC_TYPE_COMPUTED frag type: " + fragType);

2962

throw "stop execution";

2963

}

2964

if (!drawThis || collect_bounds) {

2965

break;

2966

}

2967

drawCurveSpecials(test, frags, fragType);

2968

break;

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

2969

case REC_TYPE_ALIGNED:

2970

if (draw_path < 4) {

2971

continue;

2972

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2973

case REC_TYPE_PATH:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

2974

case REC_TYPE_PATH2:

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

2975

if (REC_TYPE_ALIGNED != recType && draw_path >= 4) {

2976

continue;

2977

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

if (!draw_path) {

continue;

}

var firstPath = tIndex < secondPath;

2982

if ((draw_path & (firstPath ? 1 : 2)) == 0) {

continue;

}

ctx.lineWidth = 1;

ctx.strokeStyle = firstPath ? "black" : "red";

2987

ctx.fillStyle = "blue";

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

2988

var frags2 = [];

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2989

switch (fragType) {

2990

case PATH_LINE:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

2991

for (var i = 0; i < 4; ++ i) { frags2[i] = frags[i + 1]; }

2992

drawLine(frags2[0], frags2[1], frags2[2], frags2[3]);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2993

break;

2994

case PATH_QUAD:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

2995

for (var i = 0; i < 6; ++ i) { frags2[i] = frags[i + 1]; }

2996

drawQuad(frags2[0], frags2[1], frags2[2], frags2[3],

2997

frags2[4], frags2[5]);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2998

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2999

case PATH_CONIC:

3000

for (var i = 0; i < 7; ++ i) { frags2[i] = frags[i + 1]; }

3001

drawConicWithQuads(frags2[0], frags2[1], frags2[2], frags2[3],

3002

frags2[4], frags2[5], frags2[6]);

3003

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3004

case PATH_CUBIC:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3005

for (var i = 0; i < 8; ++ i) { frags2[i] = frags[i + 1]; }

3006

drawCubic(frags2[0], frags2[1], frags2[2], frags2[3],

3007

frags2[4], frags2[5], frags2[6], frags2[7]);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3008

break;

3009

default:

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

3010

console.log("unknown " + recType + " frag type: " + fragType);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3011

throw "stop execution";

3012

}

3013

if (collect_bounds) {

3014

break;

3015

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3016

drawCurveSpecials(test, frags2, fragType);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

break;

case REC_TYPE_OP:

switch (fragType) {

case OP_INTERSECT: opLetter = 'I'; break;

3021

case OP_DIFFERENCE: opLetter = 'D'; break;

3022

case OP_UNION: opLetter = 'U'; break;

3023

case OP_XOR: opLetter = 'X'; break;

3024

default:

3025

console.log("unknown REC_TYPE_OP frag type: " + fragType);

3026

throw "stop execution";

3027

}

3028

break;

3029

case REC_TYPE_ACTIVE:

3030

if (!draw_active || (step_limit > 0 && tIndex < lastActive)) {

3031

continue;

3032

}

3033

var x1 = frags[SPAN_X1];

3034

var y1 = frags[SPAN_Y1];

3035

var x2 = frags[SPAN_X2];

3036

var y2 = frags[SPAN_Y2];

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3037

var x3, y3, x3, y4, w;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3038

ctx.lineWidth = 3;

3039

ctx.strokeStyle = "rgba(0,0,255, 0.3)";

3040

focus_enabled = true;

3041

switch (fragType) {

3042

case ACTIVE_LINE_SPAN:

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3043

drawLine(x1, y1, x2, y2);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3044

if (draw_id) {

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3045

drawLineID(frags[0], x1, y1, x2, y2);

3046

}

3047

if (pt_labels) {

3048

var curve = [x1, y1, x2, y2];

3049

ctx.fillStyle = "blue";

3050

drawPoints(curve, PATH_LINE, pt_labels == 2);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3051

}

3052

break;

3053

case ACTIVE_QUAD_SPAN:

3054

x3 = frags[SPAN_X3];

3055

y3 = frags[SPAN_Y3];

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3056

drawQuad(x1, y1, x2, y2, x3, y3);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3057

if (draw_id) {

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3058

drawQuadID(frags[0], x1, y1, x2, y2, x3, y3);

3059

}

3060

if (pt_labels) {

3061

var curve = [x1, y1, x2, y2, x3, y3];

3062

ctx.fillStyle = "blue";

3063

drawPoints(curve, PATH_QUAD, pt_labels == 2);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3064

}

3065

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3066

case ACTIVE_CONIC_SPAN:

3067

x3 = frags[SPAN_X3];

3068

y3 = frags[SPAN_Y3];

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3069

w = frags[SPAN_K_W];

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3070

drawConicWithQuads(x1, y1, x2, y2, x3, y3, w);

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3071

if (draw_id) {

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3072

drawConicID(frags[0], x1, y1, x2, y2, x3, y3, w);

3073

}

3074

if (pt_labels) {

3075

var curve = [x1, y1, x2, y2, x3, y3, w];

3076

ctx.fillStyle = "blue";

3077

drawPoints(curve, PATH_CONIC, pt_labels == 2);

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3078

}

3079

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3080

case ACTIVE_CUBIC_SPAN:

x3 = frags[SPAN_X3];

y3 = frags[SPAN_Y3];

x4 = frags[SPAN_X4];

y4 = frags[SPAN_Y4];

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3085

drawCubic(x1, y1, x2, y2, x3, y3, x4, y4);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3086

if (draw_id) {

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3087

drawCubicID(frags[0], x1, y1, x2, y2, x3, y3, x4, y4);

3088

}

3089

if (pt_labels) {

3090

var curve = [x1, y1, x2, y2, x3, y3, x4, y4];

3091

ctx.fillStyle = "blue";

3092

drawPoints(curve, PATH_CUBIC, pt_labels == 2);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

}

break;

default:

console.log("unknown REC_TYPE_ACTIVE frag type: " + fragType);

3097

throw "stop execution";

3098

}

3099

break;

3100

case REC_TYPE_ACTIVE_OP:

3101

if (!draw_op || (step_limit > 0 && tIndex < lastOp)) {

3102

continue;

3103

}

3104

focus_enabled = true;

3105

ctx.lineWidth = 3;

3106

var activeSpan = frags[7] == "1";

3107

ctx.strokeStyle = activeSpan ? "rgba(45,160,0, 0.3)" : "rgba(255,45,0, 0.5)";

3108

var curve = curvePartialByID(test, frags[0], frags[1], frags[2]);

3109

drawCurve(curve);

3110

if (draw_op > 1) {

3111

drawArc(curve, false, frags[3], frags[4]);

3112

drawArc(curve, true, frags[5], frags[6]);

}

break;

case REC_TYPE_ADD:

if (!draw_add) {

continue;

}

ctx.lineWidth = 3;

ctx.strokeStyle = closeCount == 0 ? "rgba(0,0,255, 0.3)"

3121

: closeCount == 1 ? "rgba(0,127,0, 0.3)"

3122

: closeCount == 2 ? "rgba(0,127,127, 0.3)"

3123

: closeCount == 3 ? "rgba(127,127,0, 0.3)"

3124

: "rgba(127,0,127, 0.3)";

3125

focus_enabled = true;

switch (fragType) {

case ADD_MOVETO:

break;

case ADD_LINETO:

if (step_limit == 0 || tIndex >= lastAdd) {

3131

drawLine(frags[0], frags[1], frags[2], frags[3]);

}

break;

case ADD_QUADTO:

if (step_limit == 0 || tIndex >= lastAdd) {

3136

drawQuad(frags[0], frags[1], frags[2], frags[3], frags[4], frags[5]);

3137

}

3138

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3139

case ADD_CONICTO:

3140

if (step_limit == 0 || tIndex >= lastAdd) {

3141

drawConicWithQuads(frags[0], frags[1], frags[2], frags[3],

3142

frags[4], frags[5], frags[6]);

3143

}

3144

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3145

case ADD_CUBICTO:

3146

if (step_limit == 0 || tIndex >= lastAdd) {

3147

drawCubic(frags[0], frags[1], frags[2], frags[3],

3148

frags[4], frags[5], frags[6], frags[7]);

}

break;

case ADD_CLOSE:

++closeCount;

break;

case ADD_FILL:

break;

default:

console.log("unknown REC_TYPE_ADD frag type: " + fragType);

3158

throw "stop execution";

3159

}

3160

break;

3161

case REC_TYPE_ANGLE:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3162

angleBetween = frags[18] == "T";

3163

afterIndex = 0;

3164

if (draw_angle == 0 || draw_angle == 3 || (step_limit > 0 && tIndex < lastAngle)) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3165

continue;

3166

}

3167

focus_enabled = true;

3168

ctx.lineWidth = 3;

3169

ctx.strokeStyle = "rgba(127,45,127, 0.3)";

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3170

var leftCurve = curvePartialByID(test, frags[0], frags[4], frags[5]);

3171

var midCurve = curvePartialByID(test, frags[6], frags[10], frags[11]);

3172

var rightCurve = curvePartialByID(test, frags[12], frags[16], frags[17]);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3173

drawCurve(leftCurve);

3174

drawCurve(rightCurve);

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3175

ctx.strokeStyle = angleBetween ? "rgba(0,160,45, 0.3)" : "rgba(255,0,45, 0.5)";

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3176

drawCurve(midCurve);

3177

if (draw_angle > 1) {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3178

drawVisibleOrder(leftCurve, 'L');

3179

drawVisibleOrder(rightCurve, 'R');

3180

}

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

3181

if (draw_id) {

3182

drawVisibleID(leftCurve, 0.5, frags[0]);

3183

drawVisibleID(midCurve, 0.5, frags[6]);

3184

drawVisibleID(rightCurve, 0.5, frags[12]);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3185

}

3186

break;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3187

case REC_TYPE_AFTERPART:

3188

if (draw_angle != 3 || (step_limit > 0 && tIndex < lastAngle)) {

3189

continue;

3190

}

3191

ctx.strokeStyle = afterIndex == 0 ? "rgba(255,0,0, 1.0)"

3192

: (afterIndex == 1) == angleBetween ? "rgba(0,128,0, 1.0)"

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3193

: "rgba(0,0,255, 1.0)";

3194

var curve;

3195

var id;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3196

switch (fragType) {

3197

case PATH_LINE:

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3198

curve = [ frags[0], frags[1], frags[2], frags[3] ];

3199

id = frags[4];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3200

break;

3201

case PATH_QUAD:

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3202

curve = [ frags[0], frags[1], frags[2], frags[3],

3203

frags[4], frags[5] ];

3204

id = frags[6];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3205

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3206

case PATH_CONIC:

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3207

curve = [ frags[0], frags[1], frags[2], frags[3],

3208

frags[4], frags[5], frags[6] ];

3209

id = frags[7];

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3210

break;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3211

case PATH_CUBIC:

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3212

curve = [ frags[0], frags[1], frags[2], frags[3],

3213

frags[4], frags[5], frags[6], frags[7] ];

3214

id = frags[8];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3215

break;

3216

default:

3217

console.log("unknown REC_TYPE_AFTERPART frag type: " + fragType);

3218

throw "stop execution";

3219

}

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3220

drawCurve(curve);

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

3221

if (draw_id) {

3222

drawVisibleID(curve, 0.5, id);

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3223

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3224

++afterIndex;

3225

break;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

3226

case REC_TYPE_COINCIDENCE:

3227

if (!draw_coincidence || (step_limit > 0 && tIndex < lastCoin)) {

3228

continue;

3229

}

3230

focus_enabled = true;

3231

ctx.lineWidth = 3;

3232

ctx.strokeStyle = "rgba(127,45,63, 0.3)";

3233

var curve = curvePartialByID(test, frags[0], frags[1], frags[2]);

3234

drawCurve(curve);

3235

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3236

case REC_TYPE_SECT:

3237

if (!draw_intersection) {

3238

continue;

3239

}

3240

if (draw_intersection != 1 && (step_limit > 0 && tIndex < lastSect)) {

3241

continue;

3242

}

3243

// draw_intersection == 1 : show all

3244

// draw_intersection == 2 : step == 0 ? show all : show intersection line #step

3245

// draw_intersection == 3 : step == 0 ? show all : show intersection #step

3246

ctx.lineWidth = 1;

3247

ctx.strokeStyle = "rgba(0,0,255, 0.3)";

3248

ctx.fillStyle = "blue";

3249

focus_enabled = true;

var f = [];

var c1s;

var c1l;

var c2s;

var c2l;

switch (fragType) {

case INTERSECT_LINE:

f.push(5, 6, 0, 7);

c1s = 1; c1l = 4; c2s = 8; c2l = 4;

3259

break;

3260

case INTERSECT_LINE_2:

3261

f.push(5, 6, 0, 10);

3262

f.push(8, 9, 7, 15);

3263

c1s = 1; c1l = 4; c2s = 11; c2l = 4;

3264

break;

3265

case INTERSECT_LINE_NO:

3266

c1s = 0; c1l = 4; c2s = 4; c2l = 4;

3267

break;

3268

case INTERSECT_QUAD_LINE:

3269

f.push(7, 8, 0, 9);

3270

c1s = 1; c1l = 6; c2s = 10; c2l = 4;

3271

break;

3272

case INTERSECT_QUAD_LINE_2:

3273

f.push(7, 8, 0, 12);

3274

f.push(10, 11, 9, 17);

3275

c1s = 1; c1l = 6; c2s = 13; c2l = 4;

3276

break;

3277

case INTERSECT_QUAD_LINE_NO:

3278

c1s = 0; c1l = 6; c2s = 6; c2l = 4;

break;

case INTERSECT_QUAD:

f.push(7, 8, 0, 9);

c1s = 1; c1l = 6; c2s = 10; c2l = 6;

3283

break;

3284

case INTERSECT_QUAD_2:

3285

f.push(7, 8, 0, 12);

3286

f.push(10, 11, 9, 19);

3287

c1s = 1; c1l = 6; c2s = 13; c2l = 6;

3288

break;

3289

case INTERSECT_QUAD_NO:

3290

c1s = 0; c1l = 6; c2s = 6; c2l = 6;

3291

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3292

case INTERSECT_CONIC_LINE:

3293

f.push(8, 9, 0, 10);

3294

c1s = 1; c1l = 7; c2s = 11; c2l = 4;

3295

break;

3296

case INTERSECT_CONIC_LINE_2:

3297

f.push(8, 9, 0, 12);

3298

f.push(11, 12, 10, 18);

3299

c1s = 1; c1l = 7; c2s = 14; c2l = 4;

3300

break;

3301

case INTERSECT_CONIC_LINE_NO:

3302

c1s = 0; c1l = 7; c2s = 7; c2l = 4;

3303

break;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3304

case INTERSECT_CONIC_QUAD:

3305

f.push(8, 9, 0, 10);

3306

c1s = 1; c1l = 7; c2s = 11; c2l = 6;

3307

break;

3308

case INTERSECT_CONIC_QUAD_2:

3309

f.push(8, 9, 0, 12);

3310

f.push(11, 12, 10, 18);

3311

c1s = 1; c1l = 7; c2s = 14; c2l = 6;

3312

break;

caryclark

2016-09-26 05:36:58 -0700

[diff] [blame]

3313

case INTERSECT_CONIC_QUAD_3:

3314

f.push(8, 9, 0, 15);

3315

f.push(11, 12, 10, 21);

3316

f.push(14, 15, 13, 22);

3317

c1s = 1; c1l = 7; c2s = 17; c2l = 6;

3318

break;

3319

case INTERSECT_CONIC_QUAD_4:

3320

f.push(8, 9, 0, 18);

3321

f.push(11, 12, 10, 24);

3322

f.push(14, 15, 13, 25);

3323

f.push(17, 18, 16, 26);

3324

c1s = 1; c1l = 7; c2s = 20; c2l = 6;

3325

break;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3326

case INTERSECT_CONIC_QUAD_NO:

3327

c1s = 0; c1l = 7; c2s = 7; c2l = 6;

3328

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3329

case INTERSECT_CONIC:

3330

f.push(8, 9, 0, 10);

3331

c1s = 1; c1l = 7; c2s = 11; c2l = 7;

3332

break;

3333

case INTERSECT_CONIC_2:

3334

f.push(8, 9, 0, 13);

3335

f.push(11, 12, 10, 21);

3336

c1s = 1; c1l = 7; c2s = 14; c2l = 7;

3337

break;

3338

case INTERSECT_CONIC_NO:

3339

c1s = 0; c1l = 7; c2s = 7; c2l = 7;

3340

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3341

case INTERSECT_SELF_CUBIC:

3342

f.push(9, 10, 0, 11);

3343

c1s = 1; c1l = 8; c2s = 0; c2l = 0;

3344

break;

3345

case INTERSECT_SELF_CUBIC_NO:

3346

c1s = 0; c1l = 8; c2s = 0; c2l = 0;

3347

break;

3348

case INTERSECT_CUBIC_LINE:

3349

f.push(9, 10, 0, 11);

3350

c1s = 1; c1l = 8; c2s = 12; c2l = 4;

3351

break;

3352

case INTERSECT_CUBIC_LINE_2:

3353

f.push(9, 10, 0, 14);

3354

f.push(12, 13, 11, 19);

3355

c1s = 1; c1l = 8; c2s = 15; c2l = 4;

3356

break;

3357

case INTERSECT_CUBIC_LINE_3:

3358

f.push(9, 10, 0, 17);

3359

f.push(12, 13, 11, 22);

3360

f.push(15, 16, 14, 23);

3361

c1s = 1; c1l = 8; c2s = 18; c2l = 4;

3362

break;

3363

case INTERSECT_CUBIC_QUAD_NO:

3364

c1s = 0; c1l = 8; c2s = 8; c2l = 6;

3365

break;

3366

case INTERSECT_CUBIC_QUAD:

3367

f.push(9, 10, 0, 11);

3368

c1s = 1; c1l = 8; c2s = 12; c2l = 6;

3369

break;

3370

case INTERSECT_CUBIC_QUAD_2:

3371

f.push(9, 10, 0, 14);

3372

f.push(12, 13, 11, 21);

3373

c1s = 1; c1l = 8; c2s = 15; c2l = 6;

3374

break;

3375

case INTERSECT_CUBIC_QUAD_3:

3376

f.push(9, 10, 0, 17);

3377

f.push(12, 13, 11, 24);

3378

f.push(15, 16, 14, 25);

3379

c1s = 1; c1l = 8; c2s = 18; c2l = 6;

3380

break;

3381

case INTERSECT_CUBIC_QUAD_4:

3382

f.push(9, 10, 0, 20);

3383

f.push(12, 13, 11, 27);

3384

f.push(15, 16, 14, 28);

3385

f.push(18, 19, 17, 29);

3386

c1s = 1; c1l = 8; c2s = 21; c2l = 6;

3387

break;

3388

case INTERSECT_CUBIC_LINE_NO:

3389

c1s = 0; c1l = 8; c2s = 8; c2l = 4;

3390

break;

3391

case INTERSECT_CUBIC:

3392

f.push(9, 10, 0, 11);

3393

c1s = 1; c1l = 8; c2s = 12; c2l = 8;

3394

break;

3395

case INTERSECT_CUBIC_2:

3396

f.push(9, 10, 0, 14);

3397

f.push(12, 13, 11, 23);

3398

c1s = 1; c1l = 8; c2s = 15; c2l = 8;

3399

break;

3400

case INTERSECT_CUBIC_3:

3401

f.push(9, 10, 0, 17);

3402

f.push(12, 13, 11, 26);

3403

f.push(15, 16, 14, 27);

3404

c1s = 1; c1l = 8; c2s = 18; c2l = 8;

3405

break;

3406

case INTERSECT_CUBIC_4:

3407

f.push(9, 10, 0, 20);

3408

f.push(12, 13, 11, 29);

3409

f.push(15, 16, 14, 30);

3410

f.push(18, 19, 17, 31);

3411

c1s = 1; c1l = 8; c2s = 21; c2l = 8;

3412

break;

3413

case INTERSECT_CUBIC_NO:

3414

c1s = 0; c1l = 8; c2s = 8; c2l = 8;

3415

break;

3416

default:

3417

console.log("unknown REC_TYPE_SECT frag type: " + fragType);

3418

throw "stop execution";

3419

}

3420

if (draw_intersection != 1) {

3421

var id = -1;

3422

var curve;

3423

switch (c1l) {

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3424

case 4:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3425

drawLine(frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3]);

3426

if (draw_id) {

3427

curve = [frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3]];

3428

id = idByCurve(test, curve, PATH_LINE);

}

break;

case 6:

drawQuad(frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3],

3433

frags[c1s + 4], frags[c1s + 5]);

3434

if (draw_id) {

3435

curve = [frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3],

3436

frags[c1s + 4], frags[c1s + 5]];

3437

id = idByCurve(test, curve, PATH_QUAD);

3438

}

3439

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3440

case 7:

3441

drawConicWithQuads(frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3],

3442

frags[c1s + 4], frags[c1s + 5], frags[c1s + 6]);

3443

if (draw_id) {

3444

curve = [frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3],

3445

frags[c1s + 4], frags[c1s + 5], frags[c1s + 6]];

3446

id = idByCurve(test, curve, PATH_CONIC);

3447

}

3448

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3449

case 8:

3450

drawCubic(frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3],

3451

frags[c1s + 4], frags[c1s + 5], frags[c1s + 6], frags[c1s + 7]);

3452

if (draw_id) {

3453

curve = [frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3],

3454

frags[c1s + 4], frags[c1s + 5], frags[c1s + 6], frags[c1s + 7]];

3455

id = idByCurve(test, curve, PATH_CUBIC);

}

break;

}

if (id >= 0) {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3460

drawVisibleID(curve, 0.5, id);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

}

id = -1;

switch (c2l) {

case 0:

break;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3466

case 4:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3467

drawLine(frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3]);

3468

if (draw_id) {

3469

curve = [frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3]];

3470

id = idByCurve(test, curve, PATH_LINE);

}

break;

case 6:

drawQuad(frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3],

3475

frags[c2s + 4], frags[c2s + 5]);

3476

if (draw_id) {

3477

curve = [frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3],

3478

frags[c2s + 4], frags[c2s + 5]];

3479

id = idByCurve(test, curve, PATH_QUAD);

3480

}

3481

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3482

case 7:

3483

drawConicWithQuads(frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3],

3484

frags[c2s + 4], frags[c2s + 5], frags[c2s + 6]);

3485

if (draw_id) {

3486

curve = [frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3],

3487

frags[c2s + 4], frags[c2s + 5], frags[c2s + 6]];

3488

id = idByCurve(test, curve, PATH_CONIC);

3489

}

3490

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3491

case 8:

3492

drawCubic(frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3],

3493

frags[c2s + 4], frags[c2s + 5], frags[c2s + 6], frags[c2s + 7]);

3494

if (draw_id) {

3495

curve = [frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3],

3496

frags[c2s + 4], frags[c2s + 5], frags[c2s + 6], frags[c2s + 7]];

3497

id = idByCurve(test, curve, PATH_CUBIC);

}

break;

}

if (id >= 0) {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3502

drawVisibleID(curve, 0.5, id);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3503

}

3504

}

3505

if (collect_bounds) {

3506

break;

3507

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3508

if (draw_intersection != 3 || step_limit == 0 || tIndex >= lastSect) {

3509

for (var idx = 0; idx < f.length; idx += 4) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3510

drawPoint(frags[f[idx]], frags[f[idx + 1]], true);

3511

}

3512

}

3513

if (!draw_intersectT) {

3514

break;

3515

}

3516

ctx.fillStyle = "red";

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3517

if (draw_intersection != 3 || step_limit == 0 || tIndex >= lastSect) {

3518

for (var idx = 0; idx < f.length; idx += 4) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3519

drawTAtPointUp(frags[f[idx]], frags[f[idx + 1]], frags[f[idx + 2]]);

3520

drawTAtPointDown(frags[f[idx]], frags[f[idx + 1]], frags[f[idx + 3]]);

}

}

break;

case REC_TYPE_SORT:

if (!draw_sort || (step_limit > 0 && tIndex < lastSort)) {

continue;

}

ctx.lineWidth = 3;

ctx.strokeStyle = "rgba(127,127,0, 0.5)";

3530

focus_enabled = true;

switch (fragType) {

case SORT_UNARY:

case SORT_BINARY:

var curve = curvePartialByID(test, frags[0], frags[6], frags[8]);

drawCurve(curve);

break;

default:

console.log("unknown REC_TYPE_SORT frag type: " + fragType);

3539

throw "stop execution";

3540

}

3541

break;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

3542

case REC_TYPE_TOP:

3543

if (!draw_top || (step_limit > 0 && tIndex < lastTop)) {

continue;

}

ctx.lineWidth = 3;

ctx.strokeStyle = "rgba(127,127,0, 0.5)";

3548

focus_enabled = true;

3549

{

3550

var curve = curvePartialByID(test, frags[0], frags[1], frags[2]);

3551

drawCurve(curve);

3552

var type = PATH_LINE + (curve.length / 2 - 2);

3553

var mid = pointAtT(curve, type, 0.5);

3554

var d = dxy_at_t(curve, type, 0.5);

3555

drawArrow(mid.x, mid.y, d.x, d.y, 0.3);

3556

}

3557

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3558

case REC_TYPE_MARK:

3559

if (!draw_mark || (step_limit > 0 && tIndex < lastMark)) {

continue;

}

ctx.lineWidth = 3;

ctx.strokeStyle = fragType >= MARK_DONE_LINE ?

3564

"rgba(127,0,127, 0.5)" : "rgba(127,127,0, 0.5)";

3565

focus_enabled = true;

switch (fragType) {

case MARK_LINE:

case MARK_DONE_LINE:

case MARK_UNSORTABLE_LINE:

3570

case MARK_SIMPLE_LINE:

3571

case MARK_SIMPLE_DONE_LINE:

3572

case MARK_DONE_UNARY_LINE:

3573

drawLinePartial(frags[1], frags[2], frags[3], frags[4],

3574

frags[5], frags[9]);

3575

if (draw_id) {

3576

drawLinePartialID(frags[0], frags[1], frags[2], frags[3], frags[4],

frags[5], frags[9]);

}

break;

case MARK_QUAD:

case MARK_DONE_QUAD:

case MARK_UNSORTABLE_QUAD:

3583

case MARK_SIMPLE_QUAD:

3584

case MARK_SIMPLE_DONE_QUAD:

3585

case MARK_DONE_UNARY_QUAD:

3586

drawQuadPartial(frags[1], frags[2], frags[3], frags[4],

3587

frags[5], frags[6], frags[7], frags[11]);

3588

if (draw_id) {

3589

drawQuadPartialID(frags[0], frags[1], frags[2], frags[3], frags[4],

3590

frags[5], frags[6], frags[7], frags[11]);

}

break;

case MARK_CUBIC:

case MARK_DONE_CUBIC:

3595

case MARK_UNSORTABLE_CUBIC:

3596

case MARK_SIMPLE_CUBIC:

3597

case MARK_SIMPLE_DONE_CUBIC:

3598

case MARK_DONE_UNARY_CUBIC:

3599

drawCubicPartial(frags[1], frags[2], frags[3], frags[4],

3600

frags[5], frags[6], frags[7], frags[8], frags[9], frags[13]);

3601

if (draw_id) {

3602

drawCubicPartialID(frags[0], frags[1], frags[2], frags[3], frags[4],

3603

frags[5], frags[6], frags[7], frags[8], frags[9], frags[13]);

3604

}

3605

break;

3606

case MARK_ANGLE_LAST:

3607

// FIXME: ignored for now

3608

break;

3609

default:

3610

console.log("unknown REC_TYPE_MARK frag type: " + fragType);

3611

throw "stop execution";

}

break;

default:

continue;

}

}

switch (recType) {

case REC_TYPE_SORT:

if (!draw_sort || (step_limit > 0 && tIndex < lastSort)) {

3621

break;

3622

}

3623

var angles = []; // use tangent lines to describe arcs

var windFrom = [];

var windTo = [];

var opp = [];

var minXY = Number.MAX_VALUE;

3628

var partial;

3629

focus_enabled = true;

3630

var someUnsortable = false;

3631

for (var recordIndex = 0; recordIndex < records.length; recordIndex += 2) {

3632

var fragType = records[recordIndex];

3633

var frags = records[recordIndex + 1];

3634

var unsortable = (fragType == SORT_UNARY && frags[14]) ||

3635

(fragType == SORT_BINARY && frags[16]);

3636

someUnsortable |= unsortable;

switch (fragType) {

case SORT_UNARY:

case SORT_BINARY:

partial = curvePartialByID(test, frags[0], frags[6], frags[8]);

3641

break;

3642

default:

3643

console.log("unknown REC_TYPE_SORT frag type: " + fragType);

3644

throw "stop execution";

3645

}

3646

var dx = boundsWidth(partial);

3647

var dy = boundsHeight(partial);

3648

minXY = Math.min(minXY, dx * dx + dy * dy);

3649

if (collect_bounds) {

3650

continue;

3651

}

3652

angles.push(tangent(partial));

3653

var from = frags[12];

var to = frags[12];

var sgn = frags[10];

if (sgn < 0) {

from -= frags[11];

} else if (sgn > 0) {

3659

to -= frags[11];

3660

}

3661

windFrom.push(from + (unsortable ? "!" : ""));

3662

windTo.push(to + (unsortable ? "!" : ""));

3663

opp.push(fragType == SORT_BINARY);

3664

if (draw_sort == 1) {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3665

drawVisibleOrder(partial, frags[12]);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3666

} else {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3667

drawVisibleOrder(partial, (recordIndex / 2) + 1);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3668

}

3669

}

3670

var radius = Math.sqrt(minXY) / 2 * scale;

3671

radius = Math.min(50, radius);

3672

var scaledRadius = radius / scale;

3673

var centerX = partial[0];

3674

var centerY = partial[1];

3675

if (collect_bounds) {

3676

if (focus_enabled) {

3677

focusXmin = Math.min(focusXmin, centerX - scaledRadius);

3678

focusYmin = Math.min(focusYmin, centerY - scaledRadius);

3679

focusXmax = Math.max(focusXmax, centerX + scaledRadius);

3680

focusYmax = Math.max(focusYmax, centerY + scaledRadius);

}

break;

}

break;

default:

break;

}

}

if (collect_bounds) {

3690

return;

3691

}

3692

if (draw_log && logStart >= 0) {

3693

ctx.font = "normal 10px Arial";

3694

ctx.textAlign = "left";

3695

ctx.beginPath();

3696

var top = screenHeight - 20 - (logRange + 2) * 10;

3697

ctx.rect(50, top, screenWidth - 100, (logRange + 2) * 10);

3698

ctx.fillStyle = "white";

3699

ctx.fill();

3700

ctx.fillStyle = "rgba(0,0,0, 0.5)";

3701

if (logStart > 0) {

3702

ctx.fillText(lines[logStart - 1], 50, top + 8);

3703

}

3704

ctx.fillStyle = "black";

3705

for (var idx = 0; idx < logRange; ++idx) {

3706

ctx.fillText(lines[logStart + idx], 50, top + 18 + 10 * idx);

3707

}

3708

ctx.fillStyle = "rgba(0,0,0, 0.5)";

3709

if (logStart + logRange < lines.length) {

3710

ctx.fillText(lines[logStart + logRange], 50, top + 18 + 10 * logRange);

}

}

if (draw_legend) {

var pos = 0;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

3715

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3716

// drawBox(pos++, "yellow", "black", opLetter, true, '');

3717

drawBox(pos++, "rgba(0,0,255, 0.3)", "black", draw_intersection > 1 ? sectCount : sectMax2, draw_intersection, intersectionKey);

3718

drawBox(pos++, "rgba(0,0,255, 0.3)", "black", draw_add ? addCount : addMax, draw_add, addKey);

3719

drawBox(pos++, "rgba(0,0,255, 0.3)", "black", draw_active ? activeCount : activeMax, draw_active, activeKey);

3720

drawBox(pos++, "rgba(127,127,0, 0.3)", "black", draw_angle ? angleCount : angleMax, draw_angle, angleKey);

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

3721

drawBox(pos++, "rgba(127,127,0, 0.3)", "black", draw_coincidence ? coinCount : coinMax, draw_coincidence, coincidenceKey);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3722

drawBox(pos++, "rgba(127,127,0, 0.3)", "black", draw_op ? opCount : opMax, draw_op, opKey);

3723

drawBox(pos++, "rgba(127,127,0, 0.3)", "black", draw_sort ? sortCount : sortMax, draw_sort, sortKey);

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

3724

drawBox(pos++, "rgba(127,127,0, 0.3)", "black", draw_top ? topCount : topMax, draw_top, topKey);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3725

drawBox(pos++, "rgba(127,0,127, 0.3)", "black", draw_mark ? markCount : markMax, draw_mark, markKey);

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3726

drawBox(pos++, "black", "white",

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

3727

(new Array('P', 'P1', 'P2', 'P', 'p', 'p1', 'p2'))[draw_path], draw_path != 0, pathKey);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3728

drawBox(pos++, "rgba(0,63,0, 0.7)", "white",

3729

(new Array('Q', 'Q', 'C', 'QC', 'Qc', 'Cq'))[draw_computed],

3730

draw_computed != 0, computedKey);

3731

drawBox(pos++, "green", "black", step_limit, drawSomething, '');

3732

drawBox(pos++, "green", "black", stepMax, drawSomething, '');

3733

drawBox(pos++, "rgba(255,0,0, 0.6)", "black", lastIndex, drawSomething & draw_log, '');

3734

drawBox(pos++, "rgba(255,0,0, 0.6)", "black", test.length - 1, drawSomething & draw_log, '');

if (curve_t) {

drawCurveTControl();

}

ctx.font = "normal 20px Arial";

3739

ctx.fillStyle = "rgba(0,0,0, 0.3)";

3740

ctx.textAlign = "right";

3741

ctx.fillText(scale.toFixed(decimal_places) + 'x' , screenWidth - 10, screenHeight - 5);

3742

}

3743

if (draw_hints) {

3744

ctx.font = "normal 10px Arial";

3745

ctx.fillStyle = "rgba(0,0,0, 0.5)";

3746

ctx.textAlign = "right";

3747

var y = 4;

3748

ctx.fillText("control lines : " + controlLinesKey, ctx.screenWidthwidth - 10, pos * 50 + y++ * 10);

3749

ctx.fillText("curve t : " + curveTKey, screenWidth - 10, pos * 50 + y++ * 10);

3750

ctx.fillText("deriviatives : " + deriviativesKey, screenWidth - 10, pos * 50 + y++ * 10);

3751

ctx.fillText("intersect t : " + intersectTKey, screenWidth - 10, pos * 50 + y++ * 10);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3752

ctx.fillText("log : " + logKey, screenWidth - 10, pos * 50 + y++ * 10);

3753

ctx.fillText("log curve : " + logCurvesKey, screenWidth - 10, pos * 50 + y++ * 10);

3754

ctx.fillText("mid point : " + midpointKey, screenWidth - 10, pos * 50 + y++ * 10);

3755

ctx.fillText("points : " + ptsKey, screenWidth - 10, pos * 50 + y++ * 10);

3756

ctx.fillText("sequence : " + sequenceKey, screenWidth - 10, pos * 50 + y++ * 10);

3757

ctx.fillText("xy : " + xyKey, screenWidth - 10, pos * 50 + y++ * 10);

}

}

function drawBox(y, backC, foreC, str, enable, label) {

3762

ctx.beginPath();

3763

ctx.fillStyle = backC;

3764

ctx.rect(screenWidth - 40, y * 50 + 10, 40, 30);

3765

ctx.fill();

3766

ctx.font = "normal 16px Arial";

3767

ctx.fillStyle = foreC;

3768

ctx.textAlign = "center";

3769

ctx.fillText(str, screenWidth - 20, y * 50 + 32);

3770

if (!enable) {

3771

ctx.fillStyle = "rgba(255,255,255, 0.5)";

ctx.fill();

}

if (label != '') {

ctx.font = "normal 9px Arial";

3776

ctx.fillStyle = "black";

3777

ctx.fillText(label, screenWidth - 47, y * 50 + 40);

}

}

function drawCurveTControl() {

3782

ctx.lineWidth = 2;

3783

ctx.strokeStyle = "rgba(0,0,0, 0.3)";

3784

ctx.beginPath();

3785

ctx.rect(screenWidth - 80, 40, 28, screenHeight - 80);

3786

ctx.stroke();

3787

var ty = 40 + curveT * (screenHeight - 80);

3788

ctx.beginPath();

3789

ctx.moveTo(screenWidth - 80, ty);

3790

ctx.lineTo(screenWidth - 85, ty - 5);

3791

ctx.lineTo(screenWidth - 85, ty + 5);

3792

ctx.lineTo(screenWidth - 80, ty);

3793

ctx.fillStyle = "rgba(0,0,0, 0.6)";

3794

ctx.fill();

3795

var num = curveT.toFixed(decimal_places);

3796

ctx.font = "normal 10px Arial";

3797

ctx.textAlign = "left";

3798

ctx.fillText(num, screenWidth - 78, ty);

3799

}

3800

3801

function ptInTControl() {

3802

var e = window.event;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3803

var tgt = e.target || e.srcElement;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3804

var left = tgt.offsetLeft;

3805

var top = tgt.offsetTop;

3806

var x = (e.clientX - left);

3807

var y = (e.clientY - top);

3808

if (x < screenWidth - 80 || x > screenWidth - 50) {

3809

return false;

3810

}

3811

if (y < 40 || y > screenHeight - 80) {

3812

return false;

3813

}

3814

curveT = (y - 40) / (screenHeight - 120);

3815

if (curveT < 0 || curveT > 1) {

3816

throw "stop execution";

}

return true;

}

function drawTop() {

if (tests[testIndex] == null) {

3823

var str = testDivs[testIndex].textContent;

3824

parse_all(str);

3825

var title = testDivs[testIndex].id.toString();

3826

testTitles[testIndex] = title;

3827

}

3828

init(tests[testIndex]);

redraw();

}

function redraw() {

if (focus_on_selection) {

3834

collect_bounds = true;

3835

draw(tests[testIndex], testLines[testIndex], testTitles[testIndex]);

3836

collect_bounds = false;

3837

if (focusXmin < focusXmax && focusYmin < focusYmax) {

3838

setScale(focusXmin, focusXmax, focusYmin, focusYmax);

}

}

ctx.beginPath();

ctx.fillStyle = "white";

3843

ctx.rect(0, 0, screenWidth, screenHeight);

3844

ctx.fill();

3845

draw(tests[testIndex], testLines[testIndex], testTitles[testIndex]);

3846

}

3847

3848

function dumpCurvePartial(test, id, t0, t1) {

3849

var curve = curveByID(test, id);

3850

var name = ["line", "quad", "cubic"][curve.length / 2 - 2];

3851

console.log("id=" + id + " " + name + "=" + curveToString(curve)

3852

+ " t0=" + t0 + " t1=" + t1

3853

+ " partial=" + curveToString(curvePartialByID(test, id, t0, t1)));

3854

}

3855

3856

function dumpAngleTest(test, id, t0, t1) {

3857

var curve = curveByID(test, id);

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3858

console.log(" { {" + curveToString(curve) + "}, "

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3859

+ curve.length / 2 + ", " + t0 + ", " + t1 + ", {} }, //");

3860

}

3861

3862

function dumpLogToConsole() {

if (logStart < 0) {

return;

}

var test = tests[testIndex];

3867

var recType = REC_TYPE_UNKNOWN;

3868

var records;

3869

for (var index = 0; index < test.length; index += 3) {

3870

var lastLineNo = test[index + 1];

3871

if (lastLineNo >= logStart && lastLineNo < logStart + logRange) {

3872

recType = test[index];

3873

records = test[index + 2];

break;

}

}

if (recType == REC_TYPE_UNKNOWN) {

3878

return;

3879

}

3880

var lines = testLines[testIndex];

3881

for (var idx = 0; idx < logRange; ++idx) {

3882

var line = lines[logStart + idx];

3883

console.log(line);

3884

for (var recordIndex = 0; recordIndex < records.length; recordIndex += 2) {

3885

var fragType = records[recordIndex];

3886

var frags = records[recordIndex + 1];

3887

if (recType == REC_TYPE_ANGLE && fragType == ANGLE_AFTER) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3888

dumpCurvePartial(test, frags[0], frags[4], frags[5]);

3889

dumpCurvePartial(test, frags[6], frags[10], frags[11]);

3890

dumpCurvePartial(test, frags[12], frags[16], frags[17]);

3891

console.log("\nstatic IntersectData intersectDataSet[] = { //");

3892

dumpAngleTest(test, frags[0], frags[4], frags[5]);

3893

dumpAngleTest(test, frags[6], frags[10], frags[11]);

3894

dumpAngleTest(test, frags[12], frags[16], frags[17]);

3895

console.log("}; //");

}

}

}

}

var activeKey = 'a';

var pathKey = 'b';

var pathBackKey = 'B';

3904

var centerKey = 'c';

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

3905

var coincidenceKey = 'C';

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3906

var addKey = 'd';

3907

var deriviativesKey = 'f';

3908

var angleKey = 'g';

3909

var angleBackKey = 'G';

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3910

var intersectionKey = 'i';

3911

var intersectionBackKey = 'I';

3912

var sequenceKey = 'j';

3913

var midpointKey = 'k';

3914

var logKey = 'l';

3915

var logToConsoleKey = 'L';

var markKey = 'm';

var sortKey = 'o';

var opKey = 'p';

var opBackKey = 'P';

var computedKey = 'q';

3921

var computedBackKey = 'Q';

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3922

var directionKey = 'r';

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3923

var stepKey = 's';

3924

var stepBackKey = 'S';

3925

var intersectTKey = 't';

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

3926

var topKey = 'T';

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3927

var curveTKey = 'u';

3928

var controlLinesBackKey = 'V';

3929

var controlLinesKey = 'v';

3930

var ptsKey = 'x';

3931

var xyKey = 'y';

3932

var logCurvesKey = 'z';

3933

var focusKey = '`';

3934

var idKey = '.';

3935

var retinaKey = '\\';

3936

3937

function doKeyPress(evt) {

3938

var char = String.fromCharCode(evt.charCode);

3939

var focusWasOn = false;

switch (char) {

case '0':

case '1':

case '2':

case '3':

case '4':

case '5':

case '6':

case '7':

case '8':

case '9':

decimal_places = char - '0';

redraw();

break;

case activeKey:

draw_active ^= true;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3956

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3957

break;

3958

case addKey:

3959

draw_add ^= true;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3960

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3961

break;

3962

case angleKey:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3963

draw_angle = (draw_angle + 1) % 4;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

redraw();

break;

case angleBackKey:

draw_angle = (draw_angle + 2) % 3;

redraw();

break;

case centerKey:

setScale(xmin, xmax, ymin, ymax);

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3972

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3973

break;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

3974

case coincidenceKey:

3975

draw_coincidence ^= true;

3976

redraw();

3977

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3978

case controlLinesBackKey:

3979

control_lines = (control_lines + 3) % 4;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3980

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3981

break;

3982

case controlLinesKey:

3983

control_lines = (control_lines + 1) % 4;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3984

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3985

break;

3986

case computedBackKey:

3987

draw_computed = (draw_computed + 5) % 6;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3988

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3989

break;

3990

case computedKey:

3991

draw_computed = (draw_computed + 1) % 6;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3992

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

break;

case curveTKey:

curve_t ^= true;

if (curve_t) {

draw_legend = true;

}

redraw();

break;

case deriviativesKey:

4002

draw_deriviatives = (draw_deriviatives + 1) % 3;

4003

redraw();

4004

break;

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

4005

case directionKey:

4006

draw_direction ^= true;

4007

redraw();

4008

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4009

case focusKey:

4010

focus_on_selection ^= true;

4011

setScale(xmin, xmax, ymin, ymax);

4012

redraw();

4013

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

case idKey:

draw_id ^= true;

redraw();

break;

case intersectionBackKey:

4019

draw_intersection = (draw_intersection + 3) % 4;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4020

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4021

break;

4022

case intersectionKey:

4023

draw_intersection = (draw_intersection + 1) % 4;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4024

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4025

break;

4026

case intersectTKey:

4027

draw_intersectT ^= true;

redraw();

break;

case logCurvesKey:

logCurves(tests[testIndex]);

break;

case logKey:

draw_log ^= true;

redraw();

break;

case logToConsoleKey:

if (draw_log) {

dumpLogToConsole();

}

break;

case markKey:

draw_mark ^= true;

redraw();

break;

case midpointKey:

draw_midpoint ^= true;

redraw();

break;

case opKey:

draw_op = (draw_op + 1) % 3;

redraw();

break;

case opBackKey:

draw_op = (draw_op + 2) % 3;

4056

redraw();

4057

break;

4058

case pathKey:

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

4059

draw_path = (draw_path + 1) % (4 + (hasAlignedPath ? 3 : 0));

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4060

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4061

break;

4062

case pathBackKey:

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

4063

draw_path = (draw_path + 3 + (hasAlignedPath ? 3 : 0)) % (4 + (hasAlignedPath ? 3 : 0));

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4064

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4065

break;

4066

case ptsKey:

4067

pt_labels = (pt_labels + 1) % 3;

redraw();

break;

case retinaKey:

retina_scale ^= true;

drawTop();

break;

case sequenceKey:

draw_sequence ^= true;

redraw();

break;

case sortKey:

draw_sort = (draw_sort + 1) % 3;

drawTop();

break;

case stepKey:

step_limit++;

if (step_limit > stepMax) {

4085

step_limit = stepMax;

}

redraw();

break;

case stepBackKey:

step_limit--;

if (step_limit < 0) {

step_limit = 0;

}

redraw();

break;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

case topKey:

draw_top ^= true;

redraw();

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4100

case xyKey:

4101

debug_xy = (debug_xy + 1) % 3;

redraw();

break;

case '-':

focusWasOn = focus_on_selection;

4106

if (focusWasOn) {

4107

focus_on_selection = false;

scale /= 1.2;

} else {

scale /= 2;

calcLeftTop();

}

redraw();

focus_on_selection = focusWasOn;

break;

case '=':

case '+':

focusWasOn = focus_on_selection;

4119

if (focusWasOn) {

4120

focus_on_selection = false;

scale *= 1.2;

} else {

scale *= 2;

calcLeftTop();

}

redraw();

focus_on_selection = focusWasOn;

break;

case '?':

draw_hints ^= true;

if (draw_hints && !draw_legend) {

draw_legend = true;

}

redraw();

break;

case '/':

draw_legend ^= true;

redraw();

break;

}

}

function doKeyDown(evt) {

4144

var char = evt.keyCode;

4145

var preventDefault = false;

4146

switch (char) {

4147

case 37: // left arrow

if (evt.shiftKey) {

testIndex -= 9;

}

if (--testIndex < 0)

testIndex = tests.length - 1;

4153

drawTop();

4154

preventDefault = true;

4155

break;

4156

case 39: // right arrow

if (evt.shiftKey) {

testIndex += 9;

}

if (++testIndex >= tests.length)

4161

testIndex = 0;

4162

drawTop();

4163

preventDefault = true;

4164

break;

4165

}

4166

if (preventDefault) {

4167

evt.preventDefault();

return false;

}

return true;

}

(function() {

var hidden = "hidden";

4175

4176

// Standards:

4177

if (hidden in document)

4178

document.addEventListener("visibilitychange", onchange);

4179

else if ((hidden = "mozHidden") in document)

4180

document.addEventListener("mozvisibilitychange", onchange);

4181

else if ((hidden = "webkitHidden") in document)

4182

document.addEventListener("webkitvisibilitychange", onchange);

4183

else if ((hidden = "msHidden") in document)

4184

document.addEventListener("msvisibilitychange", onchange);

4185

// IE 9 and lower:

4186

else if ('onfocusin' in document)

4187

document.onfocusin = document.onfocusout = onchange;

4188

// All others:

4189

else

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4190

window.onpageshow = window.onpagehide

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4191

= window.onfocus = window.onblur = onchange;

4192

4193

function onchange (evt) {

4194

var v = 'visible', h = 'hidden',

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4195

evtMap = {

4196

focus:v, focusin:v, pageshow:v, blur:h, focusout:h, pagehide:h

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4197

};

4198

4199

evt = evt || window.event;

4200

if (evt.type in evtMap)

4201

document.body.className = evtMap[evt.type];

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4202

else

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4203

document.body.className = this[hidden] ? "hidden" : "visible";

}

})();

function calcXY() {

var e = window.event;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4209

var tgt = e.target || e.srcElement;

caryclark