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

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

[diff] [blame]

caryclark

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

[diff] [blame]

543

var testDivs = [

Cary Clark

9d6049a

2018-12-21 13:13:10 -0500

[diff] [blame]

544

bug8380,

caryclark

30b9fdd

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

[diff] [blame]

545

];

caryclark

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

[diff] [blame]

546

547

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;

556

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]

561

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;

566

var control_lines = 0;

567

var curve_t = false;

568

var debug_xy = 1;

569

var focus_enabled = false;

570

var focus_on_selection = false;

571

var step_limit = 0;

572

var draw_active = false;

573

var draw_add = false;

574

var draw_angle = 0;

caryclark

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

[diff] [blame]

575

var draw_coincidence = false;

caryclark

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

[diff] [blame]

576

var draw_deriviatives = 0;

Cary Clark

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

[diff] [blame]

577

var draw_direction = false;

caryclark

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

[diff] [blame]

578

var draw_hints = false;

caryclark

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

[diff] [blame]

579

var draw_id = false;

580

var draw_intersection = 0;

581

var draw_intersectT = false;

582

var draw_legend = true;

583

var draw_log = false;

584

var draw_mark = false;

585

var draw_midpoint = false;

586

var draw_op = 0;

587

var draw_sequence = false;

588

var draw_sort = 0;

caryclark

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

[diff] [blame]

589

var draw_top = false;

caryclark

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

[diff] [blame]

590

var draw_path = 3;

591

var draw_computed = 0;

592

var retina_scale = !!window.devicePixelRatio;

var activeCount = 0;

var addCount = 0;

var angleCount = 0;

caryclark

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

[diff] [blame]

597

var coinCount = 0;

caryclark

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

[diff] [blame]

598

var opCount = 0;

599

var sectCount = 0;

600

var sortCount = 0;

caryclark

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

[diff] [blame]

601

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]

606

var coinMax = 0;

caryclark

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

[diff] [blame]

607

var sectMax = 0;

608

var sectMax2 = 0;

609

var sortMax = 0;

caryclark

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

[diff] [blame]

610

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]

616

var hasAlignedPath = false;

caryclark

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

[diff] [blame]

617

var hasComputedPath = false;

caryclark

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

[diff] [blame]

618

var angleBetween = false;

619

var afterIndex = 0;

caryclark

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

[diff] [blame]

620

621

var firstActiveSpan = -1;

var logStart = -1;

var logRange = 0;

var SPAN_ID = 0;

var SPAN_X1 = SPAN_ID + 1;

627

var SPAN_Y1 = SPAN_X1 + 1;

628

var SPAN_X2 = SPAN_Y1 + 1;

629

var SPAN_Y2 = SPAN_X2 + 1;

caryclark

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

[diff] [blame]

630

caryclark

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

[diff] [blame]

631

var SPAN_L_TX = SPAN_Y2 + 1;

caryclark

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

[diff] [blame]

632

var SPAN_L_TY = SPAN_L_TX + 1;

caryclark

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

[diff] [blame]

633

var SPAN_L_OTHER = SPAN_L_TY + 1;

caryclark

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

[diff] [blame]

634

var SPAN_L_OTHERT = SPAN_L_OTHER + 1;

635

var SPAN_L_OTHERI = SPAN_L_OTHERT + 1;

636

var SPAN_L_SUM = SPAN_L_OTHERI + 1;

637

var SPAN_L_VAL = SPAN_L_SUM + 1;

638

var SPAN_L_OPP = SPAN_L_VAL + 1;

639

640

var SPAN_X3 = SPAN_Y2 + 1;

641

var SPAN_Y3 = SPAN_X3 + 1;

caryclark

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

[diff] [blame]

642

caryclark

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

[diff] [blame]

643

var SPAN_Q_TX = SPAN_Y3 + 1;

caryclark

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

[diff] [blame]

644

var SPAN_Q_TY = SPAN_Q_TX + 1;

caryclark

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

[diff] [blame]

645

var SPAN_Q_OTHER = SPAN_Q_TY + 1;

caryclark

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

[diff] [blame]

646

var SPAN_Q_OTHERT = SPAN_Q_OTHER + 1;

647

var SPAN_Q_OTHERI = SPAN_Q_OTHERT + 1;

648

var SPAN_Q_SUM = SPAN_Q_OTHERI + 1;

649

var SPAN_Q_VAL = SPAN_Q_SUM + 1;

650

var SPAN_Q_OPP = SPAN_Q_VAL + 1;

651

caryclark

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

[diff] [blame]

652

var SPAN_K_W = SPAN_Y3 + 1;

caryclark

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

[diff] [blame]

653

var SPAN_K_TX = SPAN_K_W + 1;

caryclark

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

[diff] [blame]

654

var SPAN_K_TY = SPAN_K_TX + 1;

caryclark

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

[diff] [blame]

655

var SPAN_K_OTHER = SPAN_K_TY + 1;

caryclark

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

[diff] [blame]

656

var SPAN_K_OTHERT = SPAN_K_OTHER + 1;

657

var SPAN_K_OTHERI = SPAN_K_OTHERT + 1;

658

var SPAN_K_SUM = SPAN_K_OTHERI + 1;

659

var SPAN_K_VAL = SPAN_K_SUM + 1;

660

var SPAN_K_OPP = SPAN_K_VAL + 1;

661

caryclark

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

[diff] [blame]

662

var SPAN_X4 = SPAN_Y3 + 1;

663

var SPAN_Y4 = SPAN_X4 + 1;

caryclark

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

[diff] [blame]

664

caryclark

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

[diff] [blame]

665

var SPAN_C_TX = SPAN_Y4 + 1;

caryclark

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

[diff] [blame]

666

var SPAN_C_TY = SPAN_C_TX + 1;

caryclark

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

[diff] [blame]

667

var SPAN_C_OTHER = SPAN_C_TY + 1;

caryclark

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

[diff] [blame]

668

var SPAN_C_OTHERT = SPAN_C_OTHER + 1;

669

var SPAN_C_OTHERI = SPAN_C_OTHERT + 1;

670

var SPAN_C_SUM = SPAN_C_OTHERI + 1;

671

var SPAN_C_VAL = SPAN_C_SUM + 1;

672

var SPAN_C_OPP = SPAN_C_VAL + 1;

673

674

var ACTIVE_LINE_SPAN = 1;

675

var ACTIVE_QUAD_SPAN = ACTIVE_LINE_SPAN + 1;

caryclark

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

[diff] [blame]

676

var ACTIVE_CONIC_SPAN = ACTIVE_QUAD_SPAN + 1;

677

var ACTIVE_CUBIC_SPAN = ACTIVE_CONIC_SPAN + 1;

caryclark

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

[diff] [blame]

678

679

var ADD_MOVETO = ACTIVE_CUBIC_SPAN + 1;

680

var ADD_LINETO = ADD_MOVETO + 1;

681

var ADD_QUADTO = ADD_LINETO + 1;

caryclark

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

[diff] [blame]

682

var ADD_CONICTO = ADD_QUADTO + 1;

683

var ADD_CUBICTO = ADD_CONICTO + 1;

caryclark

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

[diff] [blame]

684

var ADD_CLOSE = ADD_CUBICTO + 1;

685

var ADD_FILL = ADD_CLOSE + 1;

686

687

var PATH_LINE = ADD_FILL + 1;

688

var PATH_QUAD = PATH_LINE + 1;

caryclark

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

[diff] [blame]

689

var PATH_CONIC = PATH_QUAD + 1;

690

var PATH_CUBIC = PATH_CONIC + 1;

caryclark

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

[diff] [blame]

691

692

var INTERSECT_LINE = PATH_CUBIC + 1;

693

var INTERSECT_LINE_2 = INTERSECT_LINE + 1;

694

var INTERSECT_LINE_NO = INTERSECT_LINE_2 + 1;

695

var INTERSECT_QUAD_LINE = INTERSECT_LINE_NO + 1;

696

var INTERSECT_QUAD_LINE_2 = INTERSECT_QUAD_LINE + 1;

697

var INTERSECT_QUAD_LINE_NO = INTERSECT_QUAD_LINE_2 + 1;

698

var INTERSECT_QUAD = INTERSECT_QUAD_LINE_NO + 1;

699

var INTERSECT_QUAD_2 = INTERSECT_QUAD + 1;

700

var INTERSECT_QUAD_NO = INTERSECT_QUAD_2 + 1;

caryclark

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

[diff] [blame]

701

var INTERSECT_CONIC_LINE = INTERSECT_QUAD_NO + 1;

702

var INTERSECT_CONIC_LINE_2 = INTERSECT_CONIC_LINE + 1;

703

var INTERSECT_CONIC_LINE_NO = INTERSECT_CONIC_LINE_2 + 1;

caryclark

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

[diff] [blame]

704

var INTERSECT_CONIC_QUAD = INTERSECT_CONIC_LINE_NO + 1;

705

var INTERSECT_CONIC_QUAD_2 = INTERSECT_CONIC_QUAD + 1;

caryclark

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

[diff] [blame]

706

var INTERSECT_CONIC_QUAD_3 = INTERSECT_CONIC_QUAD_2 + 1;

707

var INTERSECT_CONIC_QUAD_4 = INTERSECT_CONIC_QUAD_3 + 1;

708

var INTERSECT_CONIC_QUAD_NO = INTERSECT_CONIC_QUAD_4 + 1;

caryclark

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

[diff] [blame]

709

var INTERSECT_CONIC = INTERSECT_CONIC_QUAD_NO + 1;

caryclark

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

[diff] [blame]

710

var INTERSECT_CONIC_2 = INTERSECT_CONIC + 1;

711

var INTERSECT_CONIC_NO = INTERSECT_CONIC_2 + 1;

712

var INTERSECT_SELF_CUBIC = INTERSECT_CONIC_NO + 1;

caryclark

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

[diff] [blame]

713

var INTERSECT_SELF_CUBIC_NO = INTERSECT_SELF_CUBIC + 1;

714

var INTERSECT_CUBIC_LINE = INTERSECT_SELF_CUBIC_NO + 1;

715

var INTERSECT_CUBIC_LINE_2 = INTERSECT_CUBIC_LINE + 1;

716

var INTERSECT_CUBIC_LINE_3 = INTERSECT_CUBIC_LINE_2 + 1;

717

var INTERSECT_CUBIC_LINE_NO = INTERSECT_CUBIC_LINE_3 + 1;

718

var INTERSECT_CUBIC_QUAD = INTERSECT_CUBIC_LINE_NO + 1;

719

var INTERSECT_CUBIC_QUAD_2 = INTERSECT_CUBIC_QUAD + 1;

720

var INTERSECT_CUBIC_QUAD_3 = INTERSECT_CUBIC_QUAD_2 + 1;

721

var INTERSECT_CUBIC_QUAD_4 = INTERSECT_CUBIC_QUAD_3 + 1;

722

var INTERSECT_CUBIC_QUAD_NO = INTERSECT_CUBIC_QUAD_4 + 1;

723

var INTERSECT_CUBIC = INTERSECT_CUBIC_QUAD_NO + 1;

724

var INTERSECT_CUBIC_2 = INTERSECT_CUBIC + 1;

725

var INTERSECT_CUBIC_3 = INTERSECT_CUBIC_2 + 1;

726

var INTERSECT_CUBIC_4 = INTERSECT_CUBIC_3 + 1;

727

// FIXME: add cubic 5- 9

728

var INTERSECT_CUBIC_NO = INTERSECT_CUBIC_4 + 1;

729

730

var SORT_UNARY = INTERSECT_CUBIC_NO + 1;

731

var SORT_BINARY = SORT_UNARY + 1;

732

733

var OP_DIFFERENCE = SORT_BINARY + 1;

734

var OP_INTERSECT = OP_DIFFERENCE + 1;

735

var OP_UNION = OP_INTERSECT + 1;

736

var OP_XOR = OP_UNION + 1;

737

738

var MARK_LINE = OP_XOR + 1;

739

var MARK_QUAD = MARK_LINE + 1;

caryclark

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

[diff] [blame]

740

var MARK_CONIC = MARK_QUAD + 1;

741

var MARK_CUBIC = MARK_CONIC + 1;

caryclark

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

[diff] [blame]

742

var MARK_DONE_LINE = MARK_CUBIC + 1;

743

var MARK_DONE_QUAD = MARK_DONE_LINE + 1;

caryclark

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

[diff] [blame]

744

var MARK_DONE_CONIC = MARK_DONE_QUAD + 1;

745

var MARK_DONE_CUBIC = MARK_DONE_CONIC + 1;

caryclark

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

[diff] [blame]

746

var MARK_UNSORTABLE_LINE = MARK_DONE_CUBIC + 1;

747

var MARK_UNSORTABLE_QUAD = MARK_UNSORTABLE_LINE + 1;

caryclark

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

[diff] [blame]

748

var MARK_UNSORTABLE_CONIC = MARK_UNSORTABLE_QUAD + 1;

749

var MARK_UNSORTABLE_CUBIC = MARK_UNSORTABLE_CONIC + 1;

caryclark

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

[diff] [blame]

750

var MARK_SIMPLE_LINE = MARK_UNSORTABLE_CUBIC + 1;

751

var MARK_SIMPLE_QUAD = MARK_SIMPLE_LINE + 1;

caryclark

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

[diff] [blame]

752

var MARK_SIMPLE_CONIC = MARK_SIMPLE_QUAD + 1;

753

var MARK_SIMPLE_CUBIC = MARK_SIMPLE_CONIC + 1;

caryclark

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

[diff] [blame]

754

var MARK_SIMPLE_DONE_LINE = MARK_SIMPLE_CUBIC + 1;

755

var MARK_SIMPLE_DONE_QUAD = MARK_SIMPLE_DONE_LINE + 1;

caryclark

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

[diff] [blame]

756

var MARK_SIMPLE_DONE_CONIC = MARK_SIMPLE_DONE_QUAD + 1;

757

var MARK_SIMPLE_DONE_CUBIC = MARK_SIMPLE_DONE_CONIC + 1;

caryclark

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

[diff] [blame]

758

var MARK_DONE_UNARY_LINE = MARK_SIMPLE_DONE_CUBIC + 1;

759

var MARK_DONE_UNARY_QUAD = MARK_DONE_UNARY_LINE + 1;

caryclark

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

[diff] [blame]

760

var MARK_DONE_UNARY_CONIC = MARK_DONE_UNARY_QUAD + 1;

761

var MARK_DONE_UNARY_CUBIC = MARK_DONE_UNARY_CONIC + 1;

caryclark

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

[diff] [blame]

762

var MARK_ANGLE_LAST = MARK_DONE_UNARY_CUBIC + 1;

763

764

var COMPUTED_SET_1 = MARK_ANGLE_LAST + 1;

765

var COMPUTED_SET_2 = COMPUTED_SET_1 + 1;

766

caryclark

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

[diff] [blame]

767

var ANGLE_AFTER = COMPUTED_SET_2 + 1;

caryclark

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

[diff] [blame]

768

var ANGLE_AFTERPART = ANGLE_AFTER + 1;

caryclark

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

[diff] [blame]

769

caryclark

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

[diff] [blame]

770

var ACTIVE_OP = ANGLE_AFTERPART + 1;

caryclark

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

[diff] [blame]

771

caryclark

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

[diff] [blame]

772

var COIN_MAIN_SPAN = ACTIVE_OP + 1;

773

var COIN_OPP_SPAN = COIN_MAIN_SPAN + 1;

774

775

var FRAG_TYPE_LAST = COIN_OPP_SPAN;

caryclark

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

[diff] [blame]

776

777

var REC_TYPE_UNKNOWN = -1;

778

var REC_TYPE_PATH = 0;

caryclark

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

[diff] [blame]

779

var REC_TYPE_PATH2 = 1;

780

var REC_TYPE_SECT = 2;

781

var REC_TYPE_ACTIVE = 3;

782

var REC_TYPE_ADD = 4;

783

var REC_TYPE_SORT = 5;

784

var REC_TYPE_OP = 6;

785

var REC_TYPE_MARK = 7;

786

var REC_TYPE_COMPUTED = 8;

787

var REC_TYPE_COIN = 9;

788

var REC_TYPE_ANGLE = 10;

789

var REC_TYPE_ACTIVE_OP = 11;

790

var REC_TYPE_AFTERPART = 12;

caryclark

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

[diff] [blame]

791

var REC_TYPE_TOP = 13;

caryclark

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

[diff] [blame]

792

var REC_TYPE_COINCIDENCE = 14;

caryclark

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

[diff] [blame]

793

var REC_TYPE_ALIGNED = 15;

794

var REC_TYPE_LAST = REC_TYPE_ALIGNED;

caryclark

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

[diff] [blame]

795

796

function strs_to_nums(strs) {

797

var result = [];

798

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

799

var str = strs[idx];

800

var num = parseFloat(str);

if (isNaN(num)) {

result.push(str);

} else {

result.push(num);

}

}

return result;

}

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

811

if (regex.test(str)) {

812

var strs = regex.exec(str);

813

var result = strs_to_nums(strs);

array.push(id);

array.push(result);

return true;

}

return false;

}

function construct_regexp2(pattern) {

822

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

823

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

824

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

caryclark

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

[diff] [blame]

825

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

caryclark

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

[diff] [blame]

826

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

827

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

828

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

caryclark

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

[diff] [blame]

829

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

caryclark

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

[diff] [blame]

830

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

Cary Clark

5de5233

2018-08-30 12:58:23 -0400

[diff] [blame]

831

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

832

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

833

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

caryclark

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

[diff] [blame]

834

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

caryclark

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

[diff] [blame]

835

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

caryclark

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

[diff] [blame]

836

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

837

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

838

return new RegExp(escape, 'i');

839

}

840

841

function construct_regexp2c(pattern) {

842

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

843

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

caryclark

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

[diff] [blame]

844

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]

845

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]

846

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

847

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

caryclark

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

[diff] [blame]

848

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

caryclark

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

[diff] [blame]

849

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

caryclark

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

[diff] [blame]

850

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

Cary Clark

5de5233

2018-08-30 12:58:23 -0400

[diff] [blame]

851

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

852

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

853

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

caryclark

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

[diff] [blame]

854

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

855

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

856

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

caryclark

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

[diff] [blame]

857

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

caryclark

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

[diff] [blame]

858

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

859

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

860

return new RegExp(escape, 'i');

861

}

862

863

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

864

var regex = construct_regexp2(pattern);

865

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

866

return true;

867

}

868

regex = construct_regexp2c(pattern);

869

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

870

}

871

872

function endsWith(str, suffix) {

873

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

874

}

875

876

function parse_all(test) {

877

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

878

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

879

var record = [];

880

var recType = REC_TYPE_UNKNOWN;

881

var lastLineNo;

882

var moveX, moveY;

883

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

884

var line = lines[lineNo];

885

if (line.length == 0) {

886

continue;

887

}

888

var opStart = "SkOpSegment::";

889

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

890

line = line.substr(opStart.length);

891

}

892

var angleStart = "SkOpAngle::";

893

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

894

line = line.substr(angleStart.length);

895

}

caryclark

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

[diff] [blame]

896

var coinStart = "SkOpCoincidence::";

897

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

898

line = line.substr(coinStart.length);

899

}

caryclark

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

[diff] [blame]

900

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

caryclark

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

[diff] [blame]

901

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

caryclark

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

[diff] [blame]

902

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

caryclark

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

[diff] [blame]

903

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

caryclark

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

[diff] [blame]

904

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

caryclark

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

[diff] [blame]

905

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

906

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

907

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

908

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

caryclark

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

[diff] [blame]

909

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

caryclark

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

[diff] [blame]

910

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

caryclark

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

[diff] [blame]

911

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

caryclark

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

[diff] [blame]

912

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

913

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

Cary Clark

59d5a0e

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

[diff] [blame]

914

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

caryclark

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

[diff] [blame]

915

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

916

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

caryclark

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

[diff] [blame]

917

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

caryclark

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

[diff] [blame]

918

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

919

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

920

: REC_TYPE_UNKNOWN;

921

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

922

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

923

if (recType != REC_TYPE_UNKNOWN) {

924

records.push(recType);

925

records.push(lastLineNo);

926

records.push(record);

}

record = [];

recType = type;

lastLineNo = lineNo;

}

var found = false;

switch (recType) {

case REC_TYPE_ACTIVE:

935

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

caryclark

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

[diff] [blame]

936

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

caryclark

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

[diff] [blame]

937

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

caryclark

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

[diff] [blame]

938

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

caryclark

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

[diff] [blame]

939

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

caryclark

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

[diff] [blame]

940

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

caryclark

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

[diff] [blame]

941

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

caryclark

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

[diff] [blame]

942

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

caryclark

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

[diff] [blame]

943

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

caryclark

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

[diff] [blame]

944

" 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]

945

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

caryclark

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

[diff] [blame]

946

" 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]

947

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

caryclark

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

[diff] [blame]

948

" 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]

949

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

caryclark

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

[diff] [blame]

950

" 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]

951

);

952

break;

953

case REC_TYPE_ACTIVE_OP:

954

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

955

" 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);")) {

960

moveX = record[1][0];

961

moveY = record[1][1];

962

found = true;

963

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

964

record[1].unshift(moveY);

965

record[1].unshift(moveX);

966

moveX = record[1][2];

967

moveY = record[1][3];

968

found = true;

969

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

970

record[1].unshift(moveY);

971

record[1].unshift(moveX);

972

moveX = record[1][4];

973

moveY = record[1][5];

974

found = true;

caryclark

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

[diff] [blame]

975

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

976

record[1].unshift(moveY);

977

record[1].unshift(moveX);

978

moveX = record[1][4];

979

moveY = record[1][5];

980

found = true;

caryclark

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

[diff] [blame]

981

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

982

record[1].unshift(moveY);

983

record[1].unshift(moveX);

984

moveX = record[1][6];

985

moveY = record[1][7];

986

found = true;

987

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

988

found = true;

989

} else {

990

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

991

}

992

break;

caryclark

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

[diff] [blame]

993

case REC_TYPE_AFTERPART:

Cary Clark

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

[diff] [blame]

994

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

995

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

996

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

997

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

caryclark

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

[diff] [blame]

998

break;

caryclark

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

[diff] [blame]

999

case REC_TYPE_ALIGNED:

1000

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

1001

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

1002

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

1003

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

1004

);

1005

break;

caryclark

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

[diff] [blame]

1006

case REC_TYPE_ANGLE:

Cary Clark

59d5a0e

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

[diff] [blame]

1007

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

caryclark

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

[diff] [blame]

1008

"[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]

1013

case REC_TYPE_COINCIDENCE:

1014

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

1015

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

1016

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

1017

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

1018

);

1019

break;

caryclark

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

[diff] [blame]

1020

case REC_TYPE_COMPUTED:

1021

found = line == "computed quadratics given"

1022

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

1023

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

1024

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

caryclark

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

[diff] [blame]

1025

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

caryclark

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

[diff] [blame]

1026

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

1027

);

1028

break;

1029

case REC_TYPE_PATH:

caryclark

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

[diff] [blame]

1030

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

1031

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

caryclark

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

[diff] [blame]

1032

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

caryclark

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

[diff] [blame]

1033

) || 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}"

1038

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

caryclark

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

[diff] [blame]

1039

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

caryclark

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

[diff] [blame]

1040

) || 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" +

1045

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

1046

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

1047

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

1048

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

1049

" no intersect LINE_VAL LINE_VAL"

1050

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

1051

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

1052

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

1053

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

1054

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

1055

" no intersect QUAD_VAL LINE_VAL"

1056

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

1057

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

1058

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

1059

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

1060

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

1061

" no intersect QUAD_VAL QUAD_VAL"

caryclark

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

[diff] [blame]

1062

caryclark

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

[diff] [blame]

1063

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

1064

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

1065

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

1066

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

1067

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

1068

" no intersect CONIC_VAL LINE_VAL"

caryclark

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

[diff] [blame]

1069

1070

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

1071

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

1072

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

1073

" 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]

1074

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

1075

" 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"

1076

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

1077

" 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]

1078

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

1079

" no intersect CONIC_VAL QUAD_VAL"

1080

caryclark

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

[diff] [blame]

1081

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

1082

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

1083

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

1084

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

1085

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

1086

" no intersect CONIC_VAL CONIC_VAL"

caryclark

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

[diff] [blame]

1087

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

1088

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

1089

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

1090

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

1091

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

1092

" 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"

1093

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

1094

" no intersect CUBIC_VAL LINE_VAL"

1095

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

1096

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

1097

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

1098

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

1099

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

1100

" 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"

1101

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

1102

" 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"

1103

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

1104

" no intersect CUBIC_VAL QUAD_VAL"

1105

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

1106

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

1107

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

1108

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

1109

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

1110

" 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"

1111

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

1112

" 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"

1113

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

1114

" no intersect CUBIC_VAL CUBIC_VAL"

1115

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

1116

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

1117

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

1118

" no self intersect CUBIC_VAL"

);

break;

case REC_TYPE_SORT:

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

1123

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

1124

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

1125

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

1126

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

1127

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

1128

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

1129

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

1130

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

1131

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

1132

" [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"

1133

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

1134

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

1135

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

1136

" [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"

1137

);

1138

if (found) {

1139

record[1].push(hasDone);

1140

record[1].push(hasUnorderable);

1141

record[1].push(hasSmall);

1142

record[1].push(hasTiny);

1143

record[1].push(hasOperand);

1144

record[1].push(hasStop);

1145

}

1146

break;

caryclark

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

[diff] [blame]

1147

case REC_TYPE_TOP:

1148

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

1149

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

1150

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

1151

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

1152

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

1153

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

1154

);

1155

break;

caryclark

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

[diff] [blame]

1156

case REC_TYPE_MARK:

1157

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

caryclark

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

[diff] [blame]

1158

" 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]

1159

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

caryclark

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

[diff] [blame]

1160

" 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]

1161

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

1162

" 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]

1163

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

caryclark

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

[diff] [blame]

1164

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

1165

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

1166

" 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"

1167

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

1168

" 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]

1169

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

1170

" 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]

1171

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

1172

" 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]

1173

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

1174

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

1175

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

1176

" 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]

1177

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

1178

" 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]

1179

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

1180

" 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]

1181

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

caryclark

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

[diff] [blame]

1182

" last segment=IDX span=IDX"

caryclark

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

[diff] [blame]

1183

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

caryclark

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

[diff] [blame]

1184

" last seg=IDX span=IDX"

1185

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

1186

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

1187

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

1188

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

1189

);

caryclark

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

[diff] [blame]

1190

break;

1191

case REC_TYPE_OP:

1192

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

1193

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

1194

found = true;

1195

break;

1196

}

caryclark

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

[diff] [blame]

1197

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

caryclark

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

[diff] [blame]

1198

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

caryclark

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

[diff] [blame]

1199

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

caryclark

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

[diff] [blame]

1200

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

1201

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

1202

);

1203

break;

1204

case REC_TYPE_UNKNOWN:

found = true;

break;

}

if (!found) {

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

1210

}

1211

}

1212

if (recType != REC_TYPE_UNKNOWN) {

1213

records.push(recType);

1214

records.push(lastLineNo);

1215

records.push(record);

1216

}

1217

if (records.length >= 1) {

1218

tests[testIndex] = records;

1219

testLines[testIndex] = lines;

}

}

function init(test) {

1224

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

1225

if (!canvas.getContext) return;

1226

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

1227

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

1228

var unscaledWidth = window.innerWidth - 20;

1229

var unscaledHeight = window.innerHeight - 20;

1230

screenWidth = unscaledWidth;

1231

screenHeight = unscaledHeight;

1232

canvas.width = unscaledWidth * resScale;

1233

canvas.height = unscaledHeight * resScale;

1234

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

1235

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

1236

if (resScale != 1) {

1237

ctx.scale(resScale, resScale);

}

xmin = Infinity;

xmax = -Infinity;

ymin = Infinity;

ymax = -Infinity;

caryclark

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

[diff] [blame]

1243

hasPath = hasAlignedPath = hasComputedPath = false;

caryclark

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

[diff] [blame]

1244

firstActiveSpan = -1;

1245

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

1246

var recType = test[tIndex];

1247

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

1248

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

1249

throw "stop execution";

1250

}

1251

var records = test[tIndex + 2];

1252

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

1253

var fragType = records[recordIndex];

1254

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

1255

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

1256

throw "stop execution";

1257

}

1258

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]

1264

case REC_TYPE_ALIGNED:

1265

hasAlignedPath = true;

caryclark

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

[diff] [blame]

1266

case REC_TYPE_COMPUTED:

1267

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

1268

break;

1269

}

caryclark

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

[diff] [blame]

1270

if (REC_TYPE_COMPUTED == recType) {

1271

hasComputedPath = true;

1272

}

caryclark

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

[diff] [blame]

1273

case REC_TYPE_PATH:

caryclark

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

[diff] [blame]

1274

first = 1;

caryclark

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

[diff] [blame]

1275

switch (fragType) {

1276

case PATH_LINE:

caryclark

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

[diff] [blame]

1277

last = 5;

caryclark

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

[diff] [blame]

1278

break;

caryclark

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

[diff] [blame]

1279

case PATH_CONIC:

caryclark

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

[diff] [blame]

1280

case PATH_QUAD:

caryclark

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

[diff] [blame]

1281

last = 7;

caryclark

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

[diff] [blame]

1282

break;

1283

case PATH_CUBIC:

caryclark

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

[diff] [blame]

1284

last = 9;

caryclark

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

[diff] [blame]

1285

break;

1286

default:

caryclark

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

[diff] [blame]

1287

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

caryclark

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

[diff] [blame]

1288

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

1289

throw "stop execution";

1290

}

1291

if (recType == REC_TYPE_PATH) {

1292

hasPath = true;

1293

}

1294

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]

1301

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]

1309

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

caryclark

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

[diff] [blame]

1310

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

1311

throw "stop execution";

1312

}

1313

if (recType == REC_TYPE_PATH2) {

1314

hasPath = true;

1315

}

1316

break;

caryclark

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

[diff] [blame]

1317

case REC_TYPE_ACTIVE:

1318

if (firstActiveSpan < 0) {

1319

firstActiveSpan = tIndex;

}

first = 1;

switch (fragType) {

case ACTIVE_LINE_SPAN:

1324

last = 5;

1325

break;

caryclark

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

[diff] [blame]

1326

case ACTIVE_CONIC_SPAN:

caryclark

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

[diff] [blame]

1327

case ACTIVE_QUAD_SPAN:

1328

last = 7;

1329

break;

1330

case ACTIVE_CUBIC_SPAN:

last = 9;

break;

default:

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

1335

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]

1345

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);

1357

throw "stop execution";

1358

}

1359

break;

caryclark

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

[diff] [blame]

1360

case REC_TYPE_AFTERPART:

switch (fragType) {

case PATH_LINE:

last = 4;

break;

caryclark

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

[diff] [blame]

1365

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);

1374

throw "stop execution";

1375

}

1376

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;

1381

break;

1382

case INTERSECT_LINE_2:

1383

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

1384

break;

1385

case INTERSECT_LINE_NO:

1386

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

1387

break;

caryclark

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

[diff] [blame]

1388

case INTERSECT_CONIC_LINE:

1389

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

1390

break;

caryclark

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

[diff] [blame]

1391

case INTERSECT_QUAD_LINE:

1392

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

1393

break;

caryclark

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

[diff] [blame]

1394

case INTERSECT_CONIC_LINE_2:

1395

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

1396

break;

caryclark

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

[diff] [blame]

1397

case INTERSECT_QUAD_LINE_2:

1398

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

1399

break;

caryclark

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

[diff] [blame]

1400

case INTERSECT_CONIC_LINE_NO:

1401

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

1402

break;

caryclark

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

[diff] [blame]

1403

case INTERSECT_QUAD_LINE_NO:

1404

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

1405

break;

caryclark

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

[diff] [blame]

1406

case INTERSECT_CONIC:

1407

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

1408

break;

caryclark

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

[diff] [blame]

1409

case INTERSECT_QUAD:

1410

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

1411

break;

caryclark

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

[diff] [blame]

1412

case INTERSECT_CONIC_2:

1413

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

1414

break;

caryclark

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

[diff] [blame]

1415

case INTERSECT_QUAD_2:

1416

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

1417

break;

caryclark

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

[diff] [blame]

1418

case INTERSECT_CONIC_NO:

1419

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

1420

break;

caryclark

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

[diff] [blame]

1421

case INTERSECT_QUAD_NO:

1422

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

1423

break;

1424

case INTERSECT_SELF_CUBIC:

1425

first = 1; last = 9;

1426

break;

1427

case INTERSECT_SELF_CUBIC_NO:

1428

first = 0; last = 8;

1429

break;

1430

case INTERSECT_CUBIC_LINE:

1431

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

1432

break;

1433

case INTERSECT_CUBIC_LINE_2:

1434

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

1435

break;

1436

case INTERSECT_CUBIC_LINE_3:

1437

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

1438

break;

1439

case INTERSECT_CUBIC_LINE_NO:

1440

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

1441

break;

caryclark

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

[diff] [blame]

1442

case INTERSECT_CONIC_QUAD:

1443

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

1444

break;

1445

case INTERSECT_CONIC_QUAD_2:

1446

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

1447

break;

caryclark

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

[diff] [blame]

1448

case INTERSECT_CONIC_QUAD_3:

1449

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

1450

break;

1451

case INTERSECT_CONIC_QUAD_4:

1452

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

1453

break;

caryclark

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

[diff] [blame]

1454

case INTERSECT_CONIC_QUAD_NO:

1455

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

1456

break;

caryclark

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

[diff] [blame]

1457

case INTERSECT_CUBIC_QUAD:

1458

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

1459

break;

1460

case INTERSECT_CUBIC_QUAD_2:

1461

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

1462

break;

1463

case INTERSECT_CUBIC_QUAD_3:

1464

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

1465

break;

1466

case INTERSECT_CUBIC_QUAD_4:

1467

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

1468

break;

1469

case INTERSECT_CUBIC_QUAD_NO:

1470

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

1471

break;

1472

case INTERSECT_CUBIC:

1473

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

1474

break;

1475

case INTERSECT_CUBIC_2:

1476

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

1477

break;

1478

case INTERSECT_CUBIC_3:

1479

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

1480

break;

1481

case INTERSECT_CUBIC_4:

1482

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

1483

break;

1484

case INTERSECT_CUBIC_NO:

1485

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

1486

break;

1487

default:

1488

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

1489

throw "stop execution";

}

break;

default:

continue;

}

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

1496

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

1497

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

1498

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

1499

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

1500

}

1501

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

1502

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

1503

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

1504

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

1505

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

}

}

}

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

1510

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

1511

var recType = test[tIndex];

1512

var records = test[tIndex + 2];

1513

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

1514

var fragType = records[recordIndex];

1515

var frags = records[recordIndex + 1];

1516

switch (recType) {

1517

case REC_TYPE_ACTIVE_OP:

if (!draw_op) {

break;

}

{

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

1523

curve_extremes(curve, angleBounds);

}

break;

case REC_TYPE_ANGLE:

if (!draw_angle) {

break;

}

caryclark

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

[diff] [blame]

1530

{

caryclark

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

[diff] [blame]

1531

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

1532

curve_extremes(curve, angleBounds);

1533

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

1534

curve_extremes(curve, angleBounds);

1535

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

1536

}

1537

break;

caryclark

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

[diff] [blame]

1538

case REC_TYPE_COINCIDENCE:

1539

if (!draw_coincidence) {

break;

}

{

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

1544

curve_extremes(curve, angleBounds);

1545

}

1546

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) {

1552

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

1553

curve_extremes(curve, angleBounds);

1554

}

1555

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]);

1562

curve_extremes(curve, angleBounds);

1563

}

1564

break;

caryclark

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

[diff] [blame]

}

}

}

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

1569

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

1570

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

1571

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

1572

setScale(xmin, xmax, ymin, ymax);

1573

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

caryclark

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

[diff] [blame]

1574

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

caryclark

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

[diff] [blame]

1575

}

1576

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

draw_computed = 0;

}

}

caryclark

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

[diff] [blame]

1581

function curveByIDMatch(test, id, recMatch) {

caryclark

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

[diff] [blame]

1582

var tIndex = -3;

1583

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

caryclark

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

[diff] [blame]

1584

var recType = test[tIndex];

caryclark

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

[diff] [blame]

1585

if (recType == REC_TYPE_OP) {

1586

continue;

1587

}

caryclark

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

[diff] [blame]

1588

if (recType != recMatch) {

caryclark

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

[diff] [blame]

1589

return [];

1590

}

1591

var records = test[tIndex + 2];

1592

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

1593

var fragType = records[recordIndex];

1594

var frags = records[recordIndex + 1];

1595

if (frags[0] == id) {

1596

switch (fragType) {

caryclark

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

[diff] [blame]

1597

case PATH_LINE:

caryclark

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

[diff] [blame]

1598

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

caryclark

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

[diff] [blame]

1599

case PATH_QUAD:

caryclark

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

[diff] [blame]

1600

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

1601

frags[5], frags[6]];

caryclark

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

[diff] [blame]

1602

case PATH_CONIC:

1603

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

1604

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

caryclark

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

[diff] [blame]

1605

case PATH_CUBIC:

caryclark

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

[diff] [blame]

1606

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

1607

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

1608

}

1609

}

1610

}

caryclark

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

[diff] [blame]

}

return [];

}

caryclark

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

[diff] [blame]

1615

function curveByID(test, id) {

1616

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

1617

if (!result.length) {

1618

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]

1624

var tIndex = -3;

1625

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

caryclark

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

[diff] [blame]

1626

var recType = test[tIndex];

caryclark

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

[diff] [blame]

1627

if (recType == REC_TYPE_OP) {

1628

continue;

1629

}

caryclark

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

[diff] [blame]

1630

if (recType != recMatch) {

caryclark

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

[diff] [blame]

1631

return [];

1632

}

1633

var records = test[tIndex + 2];

1634

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

1635

var fragType = records[recordIndex];

1636

var frags = records[recordIndex + 1];

1637

if (frags[0] == id) {

1638

switch (fragType) {

caryclark

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

[diff] [blame]

1639

case PATH_LINE:

caryclark

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

[diff] [blame]

1640

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

caryclark

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

[diff] [blame]

1641

case PATH_QUAD:

caryclark

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

[diff] [blame]

1642

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

1643

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

caryclark

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

[diff] [blame]

1644

case PATH_CONIC:

1645

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

1646

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

caryclark

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

[diff] [blame]

1647

case PATH_CUBIC:

caryclark

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

[diff] [blame]

1648

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

1649

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

1650

}

1651

}

1652

}

caryclark

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

[diff] [blame]

}

return [];

}

caryclark

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

[diff] [blame]

1657

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

1658

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

1659

if (!result.length) {

1660

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]

1666

var tIndex = 0;

caryclark

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

[diff] [blame]

1667

while (tIndex < test.length) {

1668

var recType = test[tIndex];

caryclark

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

[diff] [blame]

1669

if (recType != recMatch) {

caryclark

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

[diff] [blame]

1670

++tIndex;

1671

continue;

caryclark

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

[diff] [blame]

1672

}

1673

var records = test[tIndex + 2];

1674

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

1675

var fragType = records[recordIndex];

1676

var frags = records[recordIndex + 1];

caryclark

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

[diff] [blame]

1677

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

1678

continue;

1679

}

caryclark

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

[diff] [blame]

1680

switch (fragType) {

caryclark

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

[diff] [blame]

1681

case PATH_LINE:

caryclark

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

[diff] [blame]

1682

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

1683

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

1684

continue;

1685

}

1686

return frags[0];

caryclark

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

[diff] [blame]

1687

case PATH_QUAD:

caryclark

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

[diff] [blame]

1688

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

1689

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

1690

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

1691

continue;

1692

}

1693

return frags[0];

caryclark

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

[diff] [blame]

1694

case PATH_CONIC:

1695

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

1696

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

1697

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

1698

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

1699

continue;

1700

}

1701

return frags[0];

caryclark

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

[diff] [blame]

1702

case PATH_CUBIC:

caryclark

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

[diff] [blame]

1703

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

1704

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

1705

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

1706

|| 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]

1717

function idByCurve(test, frag, type) {

1718

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

1719

if (!result.length) {

1720

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

}

return result;

}

caryclark

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

[diff] [blame]

1725

function curve_extremes(curve, bounds) {

caryclark

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

[diff] [blame]

1726

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

caryclark

ed0935a

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

[diff] [blame]

1727

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

caryclark

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

[diff] [blame]

1728

var x = curve[index];

1729

var y = curve[index + 1];

1730

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

1731

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

1732

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

1733

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

}

}

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

1738

var srcWidth = x1 - x0;

1739

var srcHeight = y1 - y0;

1740

var usableWidth = screenWidth;

1741

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

1742

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

1743

usableWidth -= (xDigits + yDigits) * 10;

1744

usableWidth -= decimal_places * 10;

if (draw_legend) {

usableWidth -= 40;

}

var hscale = usableWidth / srcWidth;

1749

var vscale = screenHeight / srcHeight;

1750

scale = Math.min(hscale, vscale);

1751

var invScale = 1 / scale;

1752

var sxmin = x0 - invScale * 5;

1753

var symin = y0 - invScale * 10;

1754

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

1755

var symax = y1 + invScale * 10;

1756

srcWidth = sxmax - sxmin;

1757

srcHeight = symax - symin;

1758

hscale = usableWidth / srcWidth;

1759

vscale = screenHeight / srcHeight;

1760

scale = Math.min(hscale, vscale);

srcLeft = sxmin;

srcTop = symin;

}

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

1766

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

1767

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

1768

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

1769

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

1770

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

1771

var _dist = dist * scale;

1772

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

1773

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

1774

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

var divisor = 4;

var endDist;

do {

var ends = [];

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

1780

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

1781

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

ends.push(px);

ends.push(py);

}

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

1786

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

1787

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)";

1800

ctx.beginPath();

1801

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

1802

ctx.stroke();

1803

var saveAlign = ctx.textAlign;

1804

var saveStyle = ctx.fillStyle;

1805

var saveFont = ctx.font;

1806

ctx.textAlign = "center";

1807

ctx.fillStyle = "black";

1808

ctx.font = "normal 24px Arial";

1809

divisor *= 0.8;

1810

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

1811

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

1812

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

1813

var _px = (px - srcLeft) * scale;

1814

var _py = (py - srcTop) * scale;

1815

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

1816

}

1817

ctx.textAlign = saveAlign;

1818

ctx.fillStyle = saveStyle;

ctx.font = saveFont;

}

function drawPoint(px, py, end) {

caryclark

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

[diff] [blame]

1823

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

1824

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

caryclark

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

[diff] [blame]

1825

var x = drawnPts[pts];

1826

var y = drawnPts[pts + 1];

1827

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

return;

}

}

drawnPts.push(px);

drawnPts.push(py);

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

1834

var _px = (px - srcLeft) * scale;

1835

var _py = (py - srcTop) * scale;

1836

ctx.beginPath();

1837

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";

1846

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

}

}

caryclark

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

[diff] [blame]

1850

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]

1864

function drawPoints(ptArray, curveType, drawControls) {

caryclark

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

[diff] [blame]

1865

var count = coordCount(curveType);

caryclark

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

[diff] [blame]

1866

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

1867

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

1868

continue;

1869

}

1870

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

}

}

function drawControlLines(curve, curveType, drawEnd) {

1875

if (curveType == PATH_LINE) {

1876

return;

1877

}

1878

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

1879

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

1880

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

1881

if (curveType == PATH_CUBIC) {

1882

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

1883

if (drawEnd > 1) {

1884

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

1885

if (drawEnd > 2) {

1886

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

1887

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

1888

}

1889

}

1890

} else if (drawEnd > 1) {

1891

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];

1902

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

break;

case PATH_QUAD:

var one_t = 1 - t;

var a = one_t * one_t;

1907

var b = 2 * one_t * t;

1908

var c = t * t;

1909

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

1910

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

1911

break;

caryclark

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

[diff] [blame]

1912

case PATH_CONIC:

1913

var one_t = 1 - t;

1914

var a = one_t * one_t;

1915

var b = 2 * one_t * t;

1916

var c = t * t;

1917

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

1918

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

1919

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

1920

xy.x /= d;

1921

xy.y /= d;

1922

break;

caryclark

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

[diff] [blame]

1923

case PATH_CUBIC:

1924

var one_t = 1 - t;

1925

var one_t2 = one_t * one_t;

1926

var a = one_t2 * one_t;

1927

var b = 3 * one_t2 * t;

1928

var t2 = t * t;

1929

var c = 3 * one_t * t2;

1930

var d = t2 * t;

1931

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

1932

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]

1937

caryclark

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

[diff] [blame]

1938

function drawPointAtT(curve, curveType) {

1939

var x, y;

1940

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

1941

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

1942

if (!draw_intersectT) {

1943

return;

1944

}

1945

ctx.fillStyle = "red";

1946

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

1947

}

1948

1949

function drawTAtPointUp(px, py, t) {

1950

var label = t.toFixed(decimal_places);

1951

var _px = (px - srcLeft)* scale;

1952

var _py = (py - srcTop) * scale;

1953

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

1954

}

1955

1956

function drawTAtPointDown(px, py, t) {

1957

var label = t.toFixed(decimal_places);

1958

var _px = (px - srcLeft)* scale;

1959

var _py = (py - srcTop) * scale;

1960

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

1961

}

1962

1963

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

1964

if (collect_bounds) {

1965

if (focus_enabled) {

1966

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

1967

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

1968

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

1969

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

}

return true;

}

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

1974

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

1975

&& 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) {

1987

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

return;

}

ctx.beginPath();

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

1992

(y1 - srcTop) * scale);

1993

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

1994

(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) {

2011

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,

2021

(ay - srcTop) * scale);

2022

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

2023

(by - srcTop) * scale);

ctx.stroke();

}

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

2028

if (collect_bounds) {

2029

if (focus_enabled) {

2030

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

2031

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

2032

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

2033

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

}

return true;

}

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

2038

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

2039

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

2040

&& 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) {

2054

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

return;

}

ctx.beginPath();

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

2059

(y1 - srcTop) * scale);

2060

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

2061

(y2 - srcTop) * scale,

2062

(x3 - srcLeft) * scale,

2063

(y3 - srcTop) * scale);

ctx.stroke();

}

function interp(A, B, t) {

2068

return A + (B - A) * t;

2069

}

2070

2071

function interp_quad_coords(x1, x2, x3, t)

2072

{

2073

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

2074

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

2075

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

return abc;

}

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

2080

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

2081

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

2082

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

2083

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

2084

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

2085

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

2086

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

2087

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

2088

var array = [

2089

ax, ay, bx, by, cx, cy

];

return array;

}

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

2095

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,

2107

(ay - srcTop) * scale);

2108

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

2109

(by - srcTop) * scale,

2110

(cx - srcLeft) * scale,

2111

(cy - srcTop) * scale);

ctx.stroke();

}

caryclark

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

[diff] [blame]

2115

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

2116

if (collect_bounds) {

2117

if (focus_enabled) {

2118

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

2119

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

2120

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

2121

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

}

return true;

}

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

2126

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

caryclark

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

[diff] [blame]

2127

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

2128

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

caryclark

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

[diff] [blame]

2129

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

return true;

}

}

drawnConics.push(x1);

2134

drawnConics.push(y1);

2135

drawnConics.push(x2);

2136

drawnConics.push(y2);

2137

drawnConics.push(x3);

2138

drawnConics.push(y3);

drawnCubics.push(w);

return false;

}

var kMaxConicToQuadPOW2 = 5;

2144

2145

function computeQuadPOW2(curve, tol) {

2146

var a = curve[6] - 1;

2147

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

2148

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

2149

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

2150

2151

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

2152

var pow2;

2153

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

if (error <= tol) {

break;

}

error *= 0.25;

}

return pow2;

}

function subdivide_w_value(w) {

2163

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

2164

}

2165

2166

function chop(curve, part1, part2) {

2167

var w = curve[6];

2168

var scale = 1 / (1 + w);

2169

part1[0] = curve[0];

2170

part1[1] = curve[1];

2171

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

2172

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

2173

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

2174

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

2175

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

2176

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

2177

part2[4] = curve[4];

2178

part2[5] = curve[5];

2179

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

2180

}

2181

2182

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 = [];

2190

chop(curve, part1, part2);

2191

--level;

2192

subdivide(part1, level, pts);

2193

subdivide(part2, level, pts);

}

}

function chopIntoQuadsPOW2(curve, pow2, pts) {

2198

subdivide(curve, pow2, pts);

return 1 << pow2;

}

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

2203

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

return;

}

ctx.beginPath();

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

2208

(y1 - srcTop) * scale);

2209

var tol = 1 / scale;

2210

var curve = [x1, y1, x2, y2, x3, y3, w];

2211

var pow2 = computeQuadPOW2(curve, tol);

2212

var pts = [];

2213

chopIntoQuadsPOW2(curve, pow2, pts);

2214

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

2215

ctx.quadraticCurveTo(

2216

(pts[i + 0] - srcLeft) * scale, (pts[i + 1] - srcTop) * scale,

2217

(pts[i + 2] - srcLeft) * scale, (pts[i + 3] - srcTop) * scale);

}

ctx.stroke();

}

function conic_eval_numerator(x1, x2, x3, w, t) {

2223

var src2w = x2 * w;

2224

var C = x1;

2225

var A = x3 - 2 * src2w + C;

2226

var B = 2 * (src2w - C);

2227

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;

2236

}

2237

2238

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

2239

var ax = conic_eval_numerator(x1, x2, x3, w, t1);

2240

var ay = conic_eval_numerator(y1, y2, y3, w, t1);

2241

var az = conic_eval_denominator(w, t1);

2242

var midT = (t1 + t2) / 2;

2243

var dx = conic_eval_numerator(x1, x2, x3, w, midT);

2244

var dy = conic_eval_numerator(y1, y2, y3, w, midT);

2245

var dz = conic_eval_denominator(w, midT);

2246

var cx = conic_eval_numerator(x1, x2, x3, w, t2);

2247

var cy = conic_eval_numerator(y1, y2, y3, w, t2);

2248

var cz = conic_eval_denominator(w, t2);

2249

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

2250

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

2251

var bz = 2 * dz - (az + cz) / 2;

2252

var dt = t2 - t1;

2253

var dt_1 = 1 - dt;

caryclark

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

[diff] [blame]

2254

var array = [

caryclark

ed0935a

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

[diff] [blame]

2255

ax / az, ay / az, bx / bz, by / bz, cx / cz, cy / cz, 0

caryclark

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

[diff] [blame]

2256

];

caryclark

ed0935a

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

[diff] [blame]

2257

var dMidAC = { x:(array[0] + array[4]) / 2, y:(array[1] + array[5]) / 2 };

2258

var dMid = { x:dx / dz, y:dy / dz };

2259

var dWNumer = { x:dMidAC.x - dMid.x, y:dMidAC.y - dMid.y };

2260

var dWDenom = { x:dMid.x - array[2], y:dMid.y - array[3] };

2261

var partW = Math.sqrt(dWNumer.x * dWNumer.x + dWNumer.y * dWNumer.y)

2262

/ Math.sqrt(dWDenom.x * dWDenom.x + dWDenom.y * dWDenom.y);

2263

array[6] = partW;

caryclark

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

[diff] [blame]

2264

return array;

2265

}

caryclark

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

[diff] [blame]

2266

caryclark

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

[diff] [blame]

2267

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

2268

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_);

2277

}

2278

caryclark

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

[diff] [blame]

2279

function alreadyDrawnCubic(x1, y1, x2, y2, x3, y3, x4, y4) {

2280

if (collect_bounds) {

2281

if (focus_enabled) {

2282

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

2283

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

2284

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

2285

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

}

return true;

}

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

2290

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

caryclark

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

[diff] [blame]

2291

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

2292

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

caryclark

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

[diff] [blame]

2293

&& x4 == drawnCubics[pts + 6] && y4 == drawnCubics[pts + 7]) {

return true;

}

}

drawnCubics.push(x1);

2298

drawnCubics.push(y1);

2299

drawnCubics.push(x2);

2300

drawnCubics.push(y2);

2301

drawnCubics.push(x3);

2302

drawnCubics.push(y3);

2303

drawnCubics.push(x4);

2304

drawnCubics.push(y4);

return false;

}

function drawCubic(x1, y1, x2, y2, x3, y3, x4, y4) {

2309

if (alreadyDrawnCubic(x1, y1, x2, y2, x3, y3, x4, y4)) {

return;

}

ctx.beginPath();

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

2314

(y1 - srcTop) * scale);

2315

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

2316

(y2 - srcTop) * scale,

2317

(x3 - srcLeft) * scale,

2318

(y3 - srcTop) * scale,

2319

(x4 - srcLeft) * scale,

2320

(y4 - srcTop) * scale);

ctx.stroke();

}

function interp_cubic_coords(x1, x2, x3, x4, t)

2325

{

2326

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

2327

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

2328

var cd = interp(x3, x4, t);

2329

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

2330

var bcd = interp(bc, cd, t);

2331

var abcd = interp(abc, bcd, t);

return abcd;

}

function cubicPartial(x1, y1, x2, y2, x3, y3, x4, y4, t1, t2) {

2336

var ax = interp_cubic_coords(x1, x2, x3, x4, t1);

2337

var ay = interp_cubic_coords(y1, y2, y3, y4, t1);

2338

var ex = interp_cubic_coords(x1, x2, x3, x4, (t1*2+t2)/3);

2339

var ey = interp_cubic_coords(y1, y2, y3, y4, (t1*2+t2)/3);

2340

var fx = interp_cubic_coords(x1, x2, x3, x4, (t1+t2*2)/3);

2341

var fy = interp_cubic_coords(y1, y2, y3, y4, (t1+t2*2)/3);

2342

var dx = interp_cubic_coords(x1, x2, x3, x4, t2);

2343

var dy = interp_cubic_coords(y1, y2, y3, y4, t2);

2344

var mx = ex * 27 - ax * 8 - dx;

2345

var my = ey * 27 - ay * 8 - dy;

2346

var nx = fx * 27 - ax - dx * 8;

2347

var ny = fy * 27 - ay - dy * 8;

2348

var bx = (mx * 2 - nx) / 18;

2349

var by = (my * 2 - ny) / 18;

2350

var cx = (nx * 2 - mx) / 18;

2351

var cy = (ny * 2 - my) / 18;

2352

var array = [

2353

ax, ay, bx, by, cx, cy, dx, dy

2354

];

2355

return array;

2356

}

caryclark

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

[diff] [blame]

2357

caryclark

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

[diff] [blame]

2358

function drawCubicPartial(x1, y1, x2, y2, x3, y3, x4, y4, t1, t2) {

2359

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,

2373

(ay - srcTop) * scale);

2374

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

2375

(by - srcTop) * scale,

2376

(cx - srcLeft) * scale,

2377

(cy - srcTop) * scale,

2378

(dx - srcLeft) * scale,

2379

(dy - srcTop) * scale);

ctx.stroke();

}

function drawCurve(c) {

2384

switch (c.length) {

2385

case 4:

2386

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

2387

break;

2388

case 6:

2389

drawQuad(c[0], c[1], c[2], c[3], c[4], c[5]);

2390

break;

caryclark

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

[diff] [blame]

2391

case 7:

2392

drawConicWithQuads(c[0], c[1], c[2], c[3], c[4], c[5], c[6]);

2393

break;

caryclark

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

[diff] [blame]

2394

case 8:

2395

drawCubic(c[0], c[1], c[2], c[3], c[4], c[5], c[6], c[7]);

break;

}

}

function boundsWidth(pts) {

2401

var min = pts[0];

2402

var max = pts[0];

caryclark

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

[diff] [blame]

2403

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

2404

for (var idx = 2; idx < length; idx += 2) {

caryclark

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

[diff] [blame]

2405

min = Math.min(min, pts[idx]);

2406

max = Math.max(max, pts[idx]);

}

return max - min;

}

function boundsHeight(pts) {

2412

var min = pts[1];

2413

var max = pts[1];

caryclark

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

[diff] [blame]

2414

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

2415

for (var idx = 3; idx < length; idx += 2) {

caryclark

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

[diff] [blame]

2416

min = Math.min(min, pts[idx]);

2417

max = Math.max(max, pts[idx]);

}

return max - min;

}

function tangent(pts) {

2423

var dx = pts[2] - pts[0];

2424

var dy = pts[3] - pts[1];

2425

if (dx == 0 && dy == 0 && pts.length > 4) {

2426

dx = pts[4] - pts[0];

2427

dy = pts[5] - pts[1];

caryclark

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

[diff] [blame]

2428

if (dx == 0 && dy == 0 && pts.length == 8) {

caryclark

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

[diff] [blame]

2429

dx = pts[6] - pts[0];

2430

dy = pts[7] - pts[1];

2431

}

2432

}

2433

return Math.atan2(-dy, dx);

2434

}

2435

2436

function hodograph(cubic) {

2437

var hodo = [];

2438

hodo[0] = 3 * (cubic[2] - cubic[0]);

2439

hodo[1] = 3 * (cubic[3] - cubic[1]);

2440

hodo[2] = 3 * (cubic[4] - cubic[2]);

2441

hodo[3] = 3 * (cubic[5] - cubic[3]);

2442

hodo[4] = 3 * (cubic[6] - cubic[4]);

2443

hodo[5] = 3 * (cubic[7] - cubic[5]);

return hodo;

}

function hodograph2(cubic) {

2448

var quad = hodograph(cubic);

2449

var hodo = [];

2450

hodo[0] = 2 * (quad[2] - quad[0]);

2451

hodo[1] = 2 * (quad[3] - quad[1]);

2452

hodo[2] = 2 * (quad[4] - quad[2]);

2453

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];

2480

}

2481

2482

function add_valid_ts(s, realRoots, t) {

2483

var foundRoots = 0;

2484

for (var index = 0; index < realRoots; ++index) {

2485

var tValue = s[index];

2486

if (tValue >= 0 && tValue <= 1) {

2487

for (var idx2 = 0; idx2 < foundRoots; ++idx2) {

2488

if (t[idx2] != tValue) {

2489

t[foundRoots++] = tValue;

}

}

}

}

return foundRoots;

}

function quadraticRootsValidT(a, b, c, t) {

2498

var s = [];

2499

var realRoots = quadraticRootsReal(A, B, C, s);

2500

var foundRoots = add_valid_ts(s, realRoots, t);

2501

return foundRoots != 0;

2502

}

2503

2504

function find_cubic_inflections(cubic, tValues) {

2505

var Ax = src[2] - src[0];

2506

var Ay = src[3] - src[1];

2507

var Bx = src[4] - 2 * src[2] + src[0];

2508

var By = src[5] - 2 * src[3] + src[1];

2509

var Cx = src[6] + 3 * (src[2] - src[4]) - src[0];

2510

var Cy = src[7] + 3 * (src[3] - src[5]) - src[1];

2511

return quadraticRootsValidT(Bx * Cy - By * Cx, (Ax * Cy - Ay * Cx),

2512

Ax * By - Ay * Bx, tValues);

2513

}

2514

2515

function dxy_at_t(curve, type, t) {

2516

var dxy = {};

Cary Clark

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

[diff] [blame]

2517

if (type == PATH_LINE) {

2518

dxy.x = curve[2] - curve[0];

2519

dxy.y = curve[3] - curve[1];

2520

} 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];

2525

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

caryclark

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

[diff] [blame]

2526

} else if (type == PATH_CONIC) {

2527

var p20x = curve[4] - curve[0];

2528

var p20y = curve[5] - curve[1];

2529

var p10xw = (curve[2] - curve[0]) * curve[6];

2530

var p10yw = (curve[3] - curve[1]) * curve[6];

2531

var coeff0x = curve[6] * p20x - p20x;

2532

var coeff0y = curve[6] * p20y - p20y;

2533

var coeff1x = p20x - 2 * p10xw;

2534

var coeff1y = p20y - 2 * p10yw;

2535

dxy.x = t * (t * coeff0x + coeff1x) + p10xw;

2536

dxy.y = t * (t * coeff0y + coeff1y) + p10yw;

caryclark

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

[diff] [blame]

2537

} 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]

2553

function dpt_at_t(curve, t) {

Cary Clark

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

[diff] [blame]

2554

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

Ben Wagner

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

[diff] [blame]

2555

return dxy_at_t(curve, type, t);

Cary Clark

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

[diff] [blame]

2556

}

2557

caryclark

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

[diff] [blame]

2558

function drawLabel(num, px, py) {

2559

ctx.beginPath();

2560

ctx.arc(px, py, 8, 0, Math.PI*2, true);

2561

ctx.closePath();

2562

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

2563

ctx.lineWidth = num == 0 || num == 3 ? 2 : 1;

2564

ctx.stroke();

2565

ctx.fillStyle = "black";

2566

ctx.font = "normal 10px Arial";

2567

// ctx.rotate(0.001);

2568

ctx.fillText(num, px - 2, py + 3);

2569

// ctx.rotate(-0.001);

2570

}

2571

2572

function drawLabelX(ymin, num, loc) {

2573

var px = (loc - srcLeft) * scale;

2574

var py = (ymin - srcTop) * scale - 20;

2575

drawLabel(num, px, py);

2576

}

2577

2578

function drawLabelY(xmin, num, loc) {

2579

var px = (xmin - srcLeft) * scale - 20;

2580

var py = (loc - srcTop) * scale;

2581

drawLabel(num, px, py);

2582

}

2583

2584

function drawHodoOrigin(hx, hy, hMinX, hMinY, hMaxX, hMaxY) {

2585

ctx.beginPath();

2586

ctx.moveTo(hx, hy - 100);

2587

ctx.lineTo(hx, hy);

2588

ctx.strokeStyle = hMinY < 0 ? "green" : "blue";

ctx.stroke();

ctx.beginPath();

ctx.moveTo(hx, hy);

ctx.lineTo(hx, hy + 100);

2593

ctx.strokeStyle = hMaxY > 0 ? "green" : "blue";

2594

ctx.stroke();

2595

ctx.beginPath();

2596

ctx.moveTo(hx - 100, hy);

2597

ctx.lineTo(hx, hy);

2598

ctx.strokeStyle = hMinX < 0 ? "green" : "blue";

ctx.stroke();

ctx.beginPath();

ctx.moveTo(hx, hy);

ctx.lineTo(hx + 100, hy);

2603

ctx.strokeStyle = hMaxX > 0 ? "green" : "blue";

ctx.stroke();

}

function scalexy(x, y, mag) {

2608

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

return mag / length;

}

caryclark

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

[diff] [blame]

2612

function drawArrow(x, y, dx, dy, s) {

2613

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);

2618

x += dx;

2619

y += dy;

2620

ctx.lineTo((x - srcLeft) * scale, (y - srcTop) * scale);

2621

dx /= 10;

2622

dy /= 10;

2623

ctx.lineTo((x - dy - srcLeft) * scale, (y + dx - srcTop) * scale);

2624

ctx.lineTo((x + dx * 2 - srcLeft) * scale, (y + dy * 2 - srcTop) * scale);

2625

ctx.lineTo((x + dy - srcLeft) * scale, (y - dx - srcTop) * scale);

2626

ctx.lineTo((x - srcLeft) * scale, (y - srcTop) * scale);

2627

ctx.strokeStyle = "rgba(0,75,0, 0.4)";

ctx.stroke();

}

function x_at_t(curve, t) {

2632

var one_t = 1 - t;

2633

if (curve.length == 4) {

2634

return one_t * curve[0] + t * curve[2];

2635

}

2636

var one_t2 = one_t * one_t;

2637

var t2 = t * t;

2638

if (curve.length == 6) {

2639

return one_t2 * curve[0] + 2 * one_t * t * curve[2] + t2 * curve[4];

2640

}

caryclark

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

[diff] [blame]

2641

if (curve.length == 7) {

2642

return (one_t2 * curve[0] + 2 * one_t * t * curve[2] * curve[6] + t2 * curve[4])

2643

/ (one_t2 +2 * one_t * t * curve[6] + t2);

2644

}

caryclark

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

[diff] [blame]

2645

var a = one_t2 * one_t;

2646

var b = 3 * one_t2 * t;

2647

var c = 3 * one_t * t2;

2648

var d = t2 * t;

2649

return a * curve[0] + b * curve[2] + c * curve[4] + d * curve[6];

2650

}

2651

2652

function y_at_t(curve, t) {

2653

var one_t = 1 - t;

2654

if (curve.length == 4) {

2655

return one_t * curve[1] + t * curve[3];

2656

}

2657

var one_t2 = one_t * one_t;

2658

var t2 = t * t;

2659

if (curve.length == 6) {

2660

return one_t2 * curve[1] + 2 * one_t * t * curve[3] + t2 * curve[5];

2661

}

caryclark

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

[diff] [blame]

2662

if (curve.length == 7) {

2663

return (one_t2 * curve[1] + 2 * one_t * t * curve[3] * curve[6] + t2 * curve[5])

2664

/ (one_t2 +2 * one_t * t * curve[6] + t2);

2665

}

caryclark

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

[diff] [blame]

2666

var a = one_t2 * one_t;

2667

var b = 3 * one_t2 * t;

2668

var c = 3 * one_t * t2;

2669

var d = t2 * t;

2670

return a * curve[1] + b * curve[3] + c * curve[5] + d * curve[7];

2671

}

2672

Ben Wagner

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

[diff] [blame]

2673

function pt_at_t(curve, t) {

2674

var pt = {};

2675

pt.x = x_at_t(curve, t);

2676

pt.y = y_at_t(curve, t);

2677

return pt;

Cary Clark

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

[diff] [blame]

2678

}

2679

2680

function drawOrder(curve, t, label) {

2681

var px = x_at_t(curve, t);

2682

var py = y_at_t(curve, t);

caryclark

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

[diff] [blame]

2683

var _px = (px - srcLeft) * scale;

2684

var _py = (py - srcTop) * scale;

2685

ctx.beginPath();

2686

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

2687

ctx.closePath();

2688

ctx.fillStyle = "white";

2689

ctx.fill();

2690

if (label == 'L') {

2691

ctx.strokeStyle = "rgba(255,0,0, 1)";

2692

ctx.fillStyle = "rgba(255,0,0, 1)";

2693

} else {

2694

ctx.strokeStyle = "rgba(0,0,255, 1)";

2695

ctx.fillStyle = "rgba(0,0,255, 1)";

2696

}

2697

ctx.stroke();

2698

ctx.font = "normal 16px Arial";

2699

ctx.textAlign = "center";

2700

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

2701

ctx.font = "normal 10px Arial";

2702

}

2703

Ben Wagner

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

[diff] [blame]

2704

function drawVisibleOrder(curve, label) {

2705

var s = pt_at_t(curve, 0);

2706

var e = pt_at_t(curve, 1);

2707

var sOn = ptOnScreen(s);

2708

var eOn = ptOnScreen(e);

2709

var defaultT = 0.85;

2710

if (sOn && eOn)

2711

return drawOrder(curve, defaultT, label);

2712

if (sOn || eOn) {

2713

if (eOn) {

2714

defaultT = 1 - defaultT;

2715

}

2716

var step = sOn ? -defaultT / 2 : (1 - defaultT) / 2;

var t = defaultT;

var tries = 16;

do {

var mid = pt_at_t(curve, t);

2721

if (ptOnScreen(mid))

2722

return drawOrder(curve, t, label);

2723

t += step;

2724

step /= 2;

2725

} while (--tries > 0);

2726

drawOrder(curve, defaultT, label);

2727

}

2728

// scattershot until we find a visible point

2729

var denom = 2; // visit odd number num / denom to hit unique pts

2730

var tries = 6; // tries 1/2, 1/4, 3/4, 1/8, 3/8, 5/8, 7/8, 1/16 ...

2731

do {

2732

for (var numer = 1; numer < denom; numer += 2) {

2733

var t = numer / denom + 0.1;

if (t >= 1) {

break;

}

var mid = pt_at_t(curve, t);

2738

if (ptOnScreen(mid))

2739

return drawOrder(curve, t, label);

2740

}

2741

denom *= 2;

2742

} while (--tries > 0);

2743

drawOrder(curve, defaultT, label);

Cary Clark

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

[diff] [blame]

2744

}

2745

Ben Wagner

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

[diff] [blame]

2746

function set_length(pt, newLen) {

2747

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

2748

var scale = newLen / len;

2749

var newPt = { x: pt.x * scale, y: pt.y * scale };

2750

return newPt;

Cary Clark

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

[diff] [blame]

2751

}

2752

Ben Wagner

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

[diff] [blame]

2753

function drawDirection(curve, t) {

Cary Clark

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

[diff] [blame]

2754

var d = dpt_at_t(curve, t);

2755

d = set_length(d, 16);

Ben Wagner

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

[diff] [blame]

2756

var pt = localToGlobal(pt_at_t(curve, t));

Cary Clark

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

[diff] [blame]

2757

ctx.beginPath();

2758

ctx.moveTo(pt.x - d.y, pt.y + d.x);

2759

ctx.lineTo(pt.x + d.x, pt.y + d.y);

2760

ctx.lineTo(pt.x + d.y, pt.y - d.x);

2761

ctx.strokeStyle = "rgba(0,75,0, 0.4)";

ctx.stroke();

}

Ben Wagner

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

[diff] [blame]

2765

function drawVisibleDirection(curve) {

2766

var s = pt_at_t(curve, 0);

2767

var e = pt_at_t(curve, 1);

2768

var sOn = ptOnScreen(s);

2769

var eOn = ptOnScreen(e);

2770

var defaultT = 0.65;

2771

if (sOn && eOn) {

2772

return drawDirection(curve, defaultT);

}

if (sOn || eOn) {

if (eOn) {

defaultT = 1 - defaultT;

2777

}

2778

var step = sOn ? -defaultT / 2 : (1 - defaultT) / 2;

var t = defaultT;

var tries = 16;

do {

var mid = pt_at_t(curve, t);

2783

if (ptOnScreen(mid))

2784

return drawDirection(curve, t);

2785

t += step;

2786

step /= 2;

2787

} while (--tries > 0);

2788

drawDirection(curve, defaultT);

2789

}

2790

// scattershot until we find a visible point

2791

var denom = 2; // visit odd number num / denom to hit unique pts

2792

var tries = 6; // tries 1/2, 1/4, 3/4, 1/8, 3/8, 5/8, 7/8, 1/16 ...

2793

do {

2794

for (var numer = 1; numer < denom; numer += 2) {

2795

var t = numer / denom + 0.1;

if (t >= 1) {

break;

}

var mid = pt_at_t(curve, t);

2800

if (ptOnScreen(mid))

2801

return drawDirection(curve, t);

2802

}

2803

denom *= 2;

2804

} while (--tries > 0);

2805

drawDirection(curve, defaultT);

Cary Clark

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

[diff] [blame]

2806

}

2807

2808

function drawID(curve, t, id) {

2809

var px = x_at_t(curve, t);

2810

var py = y_at_t(curve, t);

caryclark

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

[diff] [blame]

2811

var _px = (px - srcLeft) * scale;

2812

var _py = (py - srcTop) * scale;

2813

draw_id_at(id, _px, _py);

2814

}

2815

Ben Wagner

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

[diff] [blame]

2816

function localToGlobal(local) {

2817

var global = {};

2818

global.x = (local.x - srcLeft) * scale;

2819

global.y = (local.y - srcTop) * scale;

2820

return global;

Cary Clark

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

[diff] [blame]

2821

}

2822

Ben Wagner

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

[diff] [blame]

2823

function ptOnScreen(local) {

2824

var pt = localToGlobal(local);

2825

return 10 <= pt.x && pt.x <= screenWidth - 10

2826

&& 10 <= pt.y && pt.y <= screenHeight - 10;

Cary Clark

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

[diff] [blame]

2827

}

2828

Ben Wagner

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

[diff] [blame]

2829

function drawVisibleID(curve, defaultT, id) {

2830

// determine if either or both ends are visible

2831

var s = pt_at_t(curve, 0);

2832

var e = pt_at_t(curve, 1);

2833

var sOn = ptOnScreen(s);

2834

var eOn = ptOnScreen(e);

2835

if (sOn && eOn)

2836

return drawID(curve, defaultT, id);

2837

if (sOn || eOn) {

2838

var step = sOn ? -defaultT / 2 : (1 - defaultT) / 2;

var t = defaultT;

var tries = 16;

do {

var mid = pt_at_t(curve, t);

2843

if (ptOnScreen(mid))

2844

return drawID(curve, t, id);

2845

t += step;

2846

step /= 2;

2847

} while (--tries > 0);

2848

drawID(curve, defaultT, id);

2849

}

2850

// scattershot until we find a visible point

2851

var denom = 2; // visit odd number num / denom to hit unique pts

2852

var tries = 6; // tries 1/2, 1/4, 3/4, 1/8, 3/8, 5/8, 7/8, 1/16 ...

2853

do {

2854

for (var numer = 1; numer < denom; numer += 2) {

2855

var t = numer / denom;

2856

var mid = pt_at_t(curve, t);

2857

if (ptOnScreen(mid))

2858

return drawID(curve, t, id);

2859

}

2860

denom *= 2;

2861

} while (--tries > 0);

2862

drawID(curve, defaultT, id);

Cary Clark

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

[diff] [blame]

2863

}

2864

caryclark

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

[diff] [blame]

2865

function draw_id_at(id, _px, _py) {

2866

ctx.beginPath();

2867

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

2868

ctx.closePath();

2869

ctx.fillStyle = "white";

2870

ctx.fill();

2871

ctx.strokeStyle = "rgba(127,127,0, 1)";

2872

ctx.fillStyle = "rgba(127,127,0, 1)";

2873

ctx.stroke();

2874

ctx.font = "normal 16px Arial";

2875

ctx.textAlign = "center";

2876

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

2877

ctx.font = "normal 10px Arial";

2878

}

2879

2880

function drawLinePartialID(id, x1, y1, x2, y2, t1, t2) {

2881

var curve = [x1, y1, x2, y2];

2882

drawCurvePartialID(id, curve, t1, t2);

2883

}

2884

caryclark

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

[diff] [blame]

2885

function drawLineID(id, x1, y1, x2, y2) {

2886

drawLinePartialID(id, x1, y1, x2, y2, 0, 1);

2887

}

2888

caryclark

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

[diff] [blame]

2889

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

2890

var curve = [x1, y1, x2, y2, x3, y3];

2891

drawCurvePartialID(id, curve, t1, t2);

2892

}

2893

caryclark

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

[diff] [blame]

2894

function drawQuadID(id, x1, y1, x2, y2, x3, y3) {

2895

drawQuadPartialID(id, x1, y1, x2, y2, x3, y3, 0, 1);

2896

}

2897

caryclark

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

[diff] [blame]

2898

function drawConicPartialID(id, x1, y1, x2, y2, x3, y3, w, t1, t2) {

2899

var curve = [x1, y1, x2, y2, x3, y3, w];

2900

drawCurvePartialID(id, curve, t1, t2);

2901

}

2902

caryclark

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

[diff] [blame]

2903

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

2904

drawConicPartialID(id, x1, y1, x2, y2, x3, y3, w, 0, 1);

2905

}

2906

caryclark

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

[diff] [blame]

2907

function drawCubicPartialID(id, x1, y1, x2, y2, x3, y3, x4, y4, t1, t2) {

2908

var curve = [x1, y1, x2, y2, x3, y3, x4, y4];

2909

drawCurvePartialID(id, curve, t1, t2);

2910

}

2911

caryclark

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

[diff] [blame]

2912

function drawCubicID(id, x1, y1, x2, y2, x3, y3, x4, y4) {

2913

drawCubicPartialID(id, x1, y1, x2, y2, x3, y3, x4, y4, 0, 1);

2914

}

2915

caryclark

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

[diff] [blame]

2916

function drawCurvePartialID(id, curve, t1, t2) {

Cary Clark

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

[diff] [blame]

2917

drawVisibleID(curve, (t1 + t2) / 2, id);

caryclark

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

[diff] [blame]

2918

}

2919

2920

function drawCurveSpecials(test, curve, type) {

2921

if (pt_labels) {

2922

drawPoints(curve, type, pt_labels == 2);

2923

}

2924

if (control_lines != 0) {

2925

drawControlLines(curve, type, control_lines);

2926

}

2927

if (curve_t) {

2928

drawPointAtT(curve, type);

2929

}

2930

if (draw_midpoint) {

2931

var mid = pointAtT(curve, type, 0.5);

2932

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

2933

}

2934

if (draw_id) {

2935

var id = idByCurve(test, curve, type);

2936

if (id >= 0) {

Cary Clark

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

[diff] [blame]

2937

drawVisibleID(curve, 0.5, id);

caryclark

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

[diff] [blame]

2938

}

2939

}

Ben Wagner

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

[diff] [blame]

2940

if (draw_direction) {

2941

drawVisibleDirection(curve);

Cary Clark

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

[diff] [blame]

2942

}

caryclark

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

[diff] [blame]

2943

if (type == PATH_LINE) {

2944

return;

2945

}

2946

if (draw_deriviatives > 0) {

2947

var d = dxy_at_t(curve, type, 0);

caryclark

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

[diff] [blame]

2948

drawArrow(curve[0], curve[1], d.x, d.y, 1);

caryclark

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

[diff] [blame]

2949

if (draw_deriviatives == 2) {

2950

d = dxy_at_t(curve, type, 1);

2951

if (type == PATH_CUBIC) {

caryclark

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

[diff] [blame]

2952

drawArrow(curve[6], curve[7], d.x, d.y, 1);

caryclark

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

[diff] [blame]

2953

} else {

caryclark

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

[diff] [blame]

2954

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);

2959

d = dxy_at_t(curve, type, 0.5);

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

2960

drawArrow(mid.x, mid.y, d.x, d.y, 1);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2961

}

2962

}

2963

if (type != PATH_CUBIC) {

2964

return;

2965

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2966

if (draw_sequence) {

2967

var ymin = Math.min(curve[1], curve[3], curve[5], curve[7]);

2968

for (var i = 0; i < 8; i+= 2) {

2969

drawLabelX(ymin, i >> 1, curve[i]);

2970

}

2971

var xmin = Math.min(curve[0], curve[2], curve[4], curve[6]);

2972

for (var i = 1; i < 8; i+= 2) {

2973

drawLabelY(xmin, i >> 1, curve[i]);

}

}

}

function logCurves(test) {

2979

for (curves in test) {

2980

var curve = test[curves];

dumpCurve(curve);

}

}

function curveToString(curve) {

2986

var str = "{{";

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2987

var length = curve.length == 7 ? 6 : curve.length;

2988

if (curve.length == 7) {

2989

str += "{";

2990

}

2991

for (i = 0; i < length; i += 2) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

2992

str += curve[i].toFixed(decimal_places) + "," + curve[i + 1].toFixed(decimal_places);

2993

if (i < curve.length - 2) {

2994

str += "}, {";

2995

}

2996

}

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

2997

str += "}";

2998

if (curve.length == 7) {

2999

str += "}, " + curve[6].toFixed(decimal_places);

3000

}

3001

str += "}";

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

return str;

}

function dumpCurve(curve) {

3006

console.log(curveToString(curve));

3007

}

3008

3009

function draw(test, lines, title) {

3010

ctx.fillStyle = "rgba(0,0,0, 0.1)";

3011

ctx.font = "normal 50px Arial";

3012

ctx.textAlign = "left";

3013

ctx.fillText(title, 50, 50);

3014

ctx.font = "normal 10px Arial";

3015

ctx.lineWidth = "1.001"; "0.999";

3016

var secondPath = test.length;

var closeCount = 0;

logStart = -1;

logRange = 0;

// find last active rec type at this step

3021

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]

3026

var lastCoin = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3027

var lastSect = 0;

3028

var lastSort = 0;

3029

var lastMark = 0;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

3030

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]

3037

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]

3042

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]

3047

topMax = 0;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3048

markMax = 0;

3049

lastIndex = test.length - 3;

3050

for (var tIndex = 0; tIndex < test.length; tIndex += 3) {

3051

var recType = test[tIndex];

3052

if (!typeof recType == 'number' || recType < REC_TYPE_UNKNOWN || recType > REC_TYPE_LAST) {

3053

console.log("unknown rec type: " + recType);

3054

throw "stop execution";

3055

}

3056

// if (curType == recType && curType != REC_TYPE_ADD) {

3057

// continue;

3058

// }

3059

var inStepRange = step_limit == 0 || curStep < step_limit;

3060

curType = recType;

3061

if (recType == REC_TYPE_OP) {

hasOp = true;

continue;

}

if (recType == REC_TYPE_UNKNOWN) {

3066

// these types do not advance step

3067

continue;

3068

}

3069

var bumpStep = false;

3070

var records = test[tIndex + 2];

3071

var fragType = records[0];

3072

if (recType == REC_TYPE_ADD) {

3073

if (records.length != 2) {

3074

console.log("expect only two elements: " + records.length);

3075

throw "stop execution";

3076

}

3077

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) {

3089

secondPath = tIndex;

3090

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3091

if (recType == REC_TYPE_PATH2 && hasOp) {

3092

secondPath = tIndex;

3093

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3094

if (recType == REC_TYPE_ACTIVE) {

3095

++activeMax;

3096

if (!draw_active || !inStepRange) {

continue;

}

lastActive = tIndex;

++activeCount;

bumpStep = true;

}

if (recType == REC_TYPE_ACTIVE_OP) {

3104

++opMax;

3105

if (!draw_op || !inStepRange) {

continue;

}

lastOp = tIndex;

++opCount;

bumpStep = true;

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3112

if (recType == REC_TYPE_AFTERPART) {

3113

if (draw_angle != 3 || !inStepRange) {

continue;

}

lastAngle = tIndex;

++angleCount;

bumpStep = true;

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3120

if (recType == REC_TYPE_ANGLE) {

3121

++angleMax;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3122

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]

3129

if (recType == REC_TYPE_COINCIDENCE) {

3130

++coinMax;

3131

if (!draw_coincidence || !inStepRange) {

continue;

}

lastCoin = tIndex;

++coinCount;

bumpStep = true;

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3138

if (recType == REC_TYPE_SECT) {

3139

if (records.length != 2) {

3140

console.log("expect only two elements: " + records.length);

3141

throw "stop execution";

}

++sectMax;

var sectBump = 1;

switch (fragType) {

case INTERSECT_LINE:

case INTERSECT_QUAD_LINE:

3148

case INTERSECT_QUAD:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3149

case INTERSECT_CONIC_LINE:

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3150

case INTERSECT_CONIC_QUAD:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3151

case INTERSECT_CONIC:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3152

case INTERSECT_SELF_CUBIC:

3153

case INTERSECT_CUBIC_LINE:

3154

case INTERSECT_CUBIC_QUAD:

3155

case INTERSECT_CUBIC:

3156

sectBump = 1;

3157

break;

3158

case INTERSECT_LINE_2:

3159

case INTERSECT_QUAD_LINE_2:

3160

case INTERSECT_QUAD_2:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3161

case INTERSECT_CONIC_LINE_2:

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3162

case INTERSECT_CONIC_QUAD_2:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3163

case INTERSECT_CONIC_2:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3164

case INTERSECT_CUBIC_LINE_2:

3165

case INTERSECT_CUBIC_QUAD_2:

3166

case INTERSECT_CUBIC_2:

3167

sectBump = 2;

3168

break;

3169

case INTERSECT_LINE_NO:

3170

case INTERSECT_QUAD_LINE_NO:

3171

case INTERSECT_QUAD_NO:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3172

case INTERSECT_CONIC_LINE_NO:

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3173

case INTERSECT_CONIC_QUAD_NO:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3174

case INTERSECT_CONIC_NO:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3175

case INTERSECT_SELF_CUBIC_NO:

3176

case INTERSECT_CUBIC_LINE_NO:

3177

case INTERSECT_CUBIC_QUAD_NO:

3178

case INTERSECT_CUBIC_NO:

3179

sectBump = 0;

3180

break;

caryclark

2016-09-26 05:36:58 -0700

[diff] [blame]

3181

case INTERSECT_CONIC_QUAD_3:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3182

case INTERSECT_CUBIC_LINE_3:

3183

case INTERSECT_CUBIC_QUAD_3:

3184

case INTERSECT_CUBIC_3:

3185

sectBump = 3;

3186

break;

caryclark

2016-09-26 05:36:58 -0700

[diff] [blame]

3187

case INTERSECT_CONIC_QUAD_4:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3188

case INTERSECT_CUBIC_QUAD_4:

3189

case INTERSECT_CUBIC_4:

sectBump = 4;

break;

default:

console.log("missing case " + records.length);

3194

throw "stop execution";

3195

}

3196

sectMax2 += sectBump;

3197

if (draw_intersection <= 1 || !inStepRange) {

continue;

}

lastSect = tIndex;

sectCount += sectBump;

3202

bumpStep = true;

3203

}

3204

if (recType == REC_TYPE_SORT) {

3205

++sortMax;

3206

if (!draw_sort || !inStepRange) {

continue;

}

lastSort = tIndex;

++sortCount;

bumpStep = true;

}

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

3213

if (recType == REC_TYPE_TOP) {

3214

++topMax;

3215

if (!draw_top || !inStepRange) {

continue;

}

lastTop = tIndex;

++topCount;

bumpStep = true;

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3222

if (recType == REC_TYPE_MARK) {

3223

++markMax;

3224

if (!draw_mark || !inStepRange) {

continue;

}

lastMark = tIndex;

++markCount;

bumpStep = true;

}

if (bumpStep) {

lastIndex = tIndex;

logStart = test[tIndex + 1];

3234

logRange = records.length / 2;

++curStep;

}

}

stepMax = (draw_add ? addMax : 0)

3239

+ (draw_active ? activeMax : 0)

reed

0dc4dd6

2015-03-24 13:55:33 -0700

[diff] [blame]

3240

+ (draw_angle ? angleMax : 0)

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

3241

+ (draw_coincidence ? coinMax : 0)

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3242

+ (draw_op ? opMax : 0)

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3243

+ (draw_sort ? sortMax : 0)

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

3244

+ (draw_top ? topMax : 0)

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3245

+ (draw_mark ? markMax : 0)

3246

+ (draw_intersection == 2 ? sectMax : draw_intersection == 3 ? sectMax2 : 0);

3247

if (stepMax == 0) {

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

3248

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]

3253

drawnConics = [];

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3254

drawnCubics = [];

3255

focusXmin = focusYmin = Infinity;

3256

focusXmax = focusYmax = -Infinity;

3257

var pathIndex = 0;

3258

var opLetter = 'S';

3259

for (var tIndex = lastIndex; tIndex >= 0; tIndex -= 3) {

3260

var recType = test[tIndex];

3261

var records = test[tIndex + 2];

3262

for (var recordIndex = 0; recordIndex < records.length; recordIndex += 2) {

3263

var fragType = records[recordIndex];

3264

if (!typeof fragType == 'number' || fragType < 1 || fragType > FRAG_TYPE_LAST) {

3265

console.log("unknown in range frag type: " + fragType);

3266

throw "stop execution";

3267

}

3268

var frags = records[recordIndex + 1];

3269

focus_enabled = false;

3270

switch (recType) {

3271

case REC_TYPE_COMPUTED:

3272

if (draw_computed == 0) {

continue;

}

ctx.lineWidth = 1;

ctx.strokeStyle = pathIndex == 0 ? "black" : "red";

3277

ctx.fillStyle = "blue";

3278

var drawThis = false;

3279

switch (fragType) {

3280

case PATH_QUAD:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3281

if ((draw_computed & 0x9) == 1 || ((draw_computed & 8) != 0

3282

&& (draw_computed & 7) == pathIndex)) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3283

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]

3288

case PATH_CONIC:

3289

if ((draw_computed & 0xA) == 2 || ((draw_computed & 8) != 0

3290

&& (draw_computed & 7) == pathIndex)) {

3291

drawConicWithQuads(frags[0], frags[1], frags[2], frags[3],

3292

frags[4], frags[5], frags[6]);

3293

drawThis = true;

3294

}

3295

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3296

case PATH_CUBIC:

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3297

if ((draw_computed & 0xC) == 4 || ((draw_computed & 8) != 0

3298

&& (draw_computed & 7) == pathIndex)) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3299

drawCubic(frags[0], frags[1], frags[2], frags[3],

3300

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);

3313

throw "stop execution";

3314

}

3315

if (!drawThis || collect_bounds) {

3316

break;

3317

}

3318

drawCurveSpecials(test, frags, fragType);

3319

break;

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

3320

case REC_TYPE_ALIGNED:

3321

if (draw_path < 4) {

3322

continue;

3323

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3324

case REC_TYPE_PATH:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3325

case REC_TYPE_PATH2:

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

3326

if (REC_TYPE_ALIGNED != recType && draw_path >= 4) {

3327

continue;

3328

}

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

if (!draw_path) {

continue;

}

var firstPath = tIndex < secondPath;

3333

if ((draw_path & (firstPath ? 1 : 2)) == 0) {

continue;

}

ctx.lineWidth = 1;

ctx.strokeStyle = firstPath ? "black" : "red";

3338

ctx.fillStyle = "blue";

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3339

var frags2 = [];

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3340

switch (fragType) {

3341

case PATH_LINE:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3342

for (var i = 0; i < 4; ++ i) { frags2[i] = frags[i + 1]; }

3343

drawLine(frags2[0], frags2[1], frags2[2], frags2[3]);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3344

break;

3345

case PATH_QUAD:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3346

for (var i = 0; i < 6; ++ i) { frags2[i] = frags[i + 1]; }

3347

drawQuad(frags2[0], frags2[1], frags2[2], frags2[3],

3348

frags2[4], frags2[5]);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3349

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3350

case PATH_CONIC:

3351

for (var i = 0; i < 7; ++ i) { frags2[i] = frags[i + 1]; }

3352

drawConicWithQuads(frags2[0], frags2[1], frags2[2], frags2[3],

3353

frags2[4], frags2[5], frags2[6]);

3354

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3355

case PATH_CUBIC:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3356

for (var i = 0; i < 8; ++ i) { frags2[i] = frags[i + 1]; }

3357

drawCubic(frags2[0], frags2[1], frags2[2], frags2[3],

3358

frags2[4], frags2[5], frags2[6], frags2[7]);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3359

break;

3360

default:

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

3361

console.log("unknown " + recType + " frag type: " + fragType);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3362

throw "stop execution";

3363

}

3364

if (collect_bounds) {

3365

break;

3366

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3367

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;

3372

case OP_DIFFERENCE: opLetter = 'D'; break;

3373

case OP_UNION: opLetter = 'U'; break;

3374

case OP_XOR: opLetter = 'X'; break;

3375

default:

3376

console.log("unknown REC_TYPE_OP frag type: " + fragType);

3377

throw "stop execution";

3378

}

3379

break;

3380

case REC_TYPE_ACTIVE:

3381

if (!draw_active || (step_limit > 0 && tIndex < lastActive)) {

3382

continue;

3383

}

3384

var x1 = frags[SPAN_X1];

3385

var y1 = frags[SPAN_Y1];

3386

var x2 = frags[SPAN_X2];

3387

var y2 = frags[SPAN_Y2];

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3388

var x3, y3, x3, y4, w;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3389

ctx.lineWidth = 3;

3390

ctx.strokeStyle = "rgba(0,0,255, 0.3)";

3391

focus_enabled = true;

3392

switch (fragType) {

3393

case ACTIVE_LINE_SPAN:

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3394

drawLine(x1, y1, x2, y2);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3395

if (draw_id) {

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3396

drawLineID(frags[0], x1, y1, x2, y2);

3397

}

3398

if (pt_labels) {

3399

var curve = [x1, y1, x2, y2];

3400

ctx.fillStyle = "blue";

3401

drawPoints(curve, PATH_LINE, pt_labels == 2);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3402

}

3403

break;

3404

case ACTIVE_QUAD_SPAN:

3405

x3 = frags[SPAN_X3];

3406

y3 = frags[SPAN_Y3];

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3407

drawQuad(x1, y1, x2, y2, x3, y3);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3408

if (draw_id) {

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3409

drawQuadID(frags[0], x1, y1, x2, y2, x3, y3);

3410

}

3411

if (pt_labels) {

3412

var curve = [x1, y1, x2, y2, x3, y3];

3413

ctx.fillStyle = "blue";

3414

drawPoints(curve, PATH_QUAD, pt_labels == 2);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3415

}

3416

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3417

case ACTIVE_CONIC_SPAN:

3418

x3 = frags[SPAN_X3];

3419

y3 = frags[SPAN_Y3];

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3420

w = frags[SPAN_K_W];

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3421

drawConicWithQuads(x1, y1, x2, y2, x3, y3, w);

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3422

if (draw_id) {

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3423

drawConicID(frags[0], x1, y1, x2, y2, x3, y3, w);

3424

}

3425

if (pt_labels) {

3426

var curve = [x1, y1, x2, y2, x3, y3, w];

3427

ctx.fillStyle = "blue";

3428

drawPoints(curve, PATH_CONIC, pt_labels == 2);

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3429

}

3430

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3431

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]

3436

drawCubic(x1, y1, x2, y2, x3, y3, x4, y4);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3437

if (draw_id) {

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3438

drawCubicID(frags[0], x1, y1, x2, y2, x3, y3, x4, y4);

3439

}

3440

if (pt_labels) {

3441

var curve = [x1, y1, x2, y2, x3, y3, x4, y4];

3442

ctx.fillStyle = "blue";

3443

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);

3448

throw "stop execution";

3449

}

3450

break;

3451

case REC_TYPE_ACTIVE_OP:

3452

if (!draw_op || (step_limit > 0 && tIndex < lastOp)) {

3453

continue;

3454

}

3455

focus_enabled = true;

3456

ctx.lineWidth = 3;

3457

var activeSpan = frags[7] == "1";

3458

ctx.strokeStyle = activeSpan ? "rgba(45,160,0, 0.3)" : "rgba(255,45,0, 0.5)";

3459

var curve = curvePartialByID(test, frags[0], frags[1], frags[2]);

3460

drawCurve(curve);

3461

if (draw_op > 1) {

3462

drawArc(curve, false, frags[3], frags[4]);

3463

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)"

3472

: closeCount == 1 ? "rgba(0,127,0, 0.3)"

3473

: closeCount == 2 ? "rgba(0,127,127, 0.3)"

3474

: closeCount == 3 ? "rgba(127,127,0, 0.3)"

3475

: "rgba(127,0,127, 0.3)";

3476

focus_enabled = true;

switch (fragType) {

case ADD_MOVETO:

break;

case ADD_LINETO:

if (step_limit == 0 || tIndex >= lastAdd) {

3482

drawLine(frags[0], frags[1], frags[2], frags[3]);

}

break;

case ADD_QUADTO:

if (step_limit == 0 || tIndex >= lastAdd) {

3487

drawQuad(frags[0], frags[1], frags[2], frags[3], frags[4], frags[5]);

3488

}

3489

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3490

case ADD_CONICTO:

3491

if (step_limit == 0 || tIndex >= lastAdd) {

3492

drawConicWithQuads(frags[0], frags[1], frags[2], frags[3],

3493

frags[4], frags[5], frags[6]);

3494

}

3495

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3496

case ADD_CUBICTO:

3497

if (step_limit == 0 || tIndex >= lastAdd) {

3498

drawCubic(frags[0], frags[1], frags[2], frags[3],

3499

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);

3509

throw "stop execution";

3510

}

3511

break;

3512

case REC_TYPE_ANGLE:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3513

angleBetween = frags[18] == "T";

3514

afterIndex = 0;

3515

if (draw_angle == 0 || draw_angle == 3 || (step_limit > 0 && tIndex < lastAngle)) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3516

continue;

3517

}

3518

focus_enabled = true;

3519

ctx.lineWidth = 3;

3520

ctx.strokeStyle = "rgba(127,45,127, 0.3)";

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3521

var leftCurve = curvePartialByID(test, frags[0], frags[4], frags[5]);

3522

var midCurve = curvePartialByID(test, frags[6], frags[10], frags[11]);

3523

var rightCurve = curvePartialByID(test, frags[12], frags[16], frags[17]);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3524

drawCurve(leftCurve);

3525

drawCurve(rightCurve);

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3526

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]

3527

drawCurve(midCurve);

3528

if (draw_angle > 1) {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3529

drawVisibleOrder(leftCurve, 'L');

3530

drawVisibleOrder(rightCurve, 'R');

3531

}

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

3532

if (draw_id) {

3533

drawVisibleID(leftCurve, 0.5, frags[0]);

3534

drawVisibleID(midCurve, 0.5, frags[6]);

3535

drawVisibleID(rightCurve, 0.5, frags[12]);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3536

}

3537

break;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3538

case REC_TYPE_AFTERPART:

3539

if (draw_angle != 3 || (step_limit > 0 && tIndex < lastAngle)) {

3540

continue;

3541

}

3542

ctx.strokeStyle = afterIndex == 0 ? "rgba(255,0,0, 1.0)"

3543

: (afterIndex == 1) == angleBetween ? "rgba(0,128,0, 1.0)"

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3544

: "rgba(0,0,255, 1.0)";

3545

var curve;

3546

var id;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3547

switch (fragType) {

3548

case PATH_LINE:

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3549

curve = [ frags[0], frags[1], frags[2], frags[3] ];

3550

id = frags[4];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3551

break;

3552

case PATH_QUAD:

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3553

curve = [ frags[0], frags[1], frags[2], frags[3],

3554

frags[4], frags[5] ];

3555

id = frags[6];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3556

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3557

case PATH_CONIC:

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3558

curve = [ frags[0], frags[1], frags[2], frags[3],

3559

frags[4], frags[5], frags[6] ];

3560

id = frags[7];

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3561

break;

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3562

case PATH_CUBIC:

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3563

curve = [ frags[0], frags[1], frags[2], frags[3],

3564

frags[4], frags[5], frags[6], frags[7] ];

3565

id = frags[8];

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3566

break;

3567

default:

3568

console.log("unknown REC_TYPE_AFTERPART frag type: " + fragType);

3569

throw "stop execution";

3570

}

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3571

drawCurve(curve);

Ben Wagner

2017-10-09 14:43:00 -0400

[diff] [blame]

3572

if (draw_id) {

3573

drawVisibleID(curve, 0.5, id);

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3574

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3575

++afterIndex;

3576

break;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

3577

case REC_TYPE_COINCIDENCE:

3578

if (!draw_coincidence || (step_limit > 0 && tIndex < lastCoin)) {

3579

continue;

3580

}

3581

focus_enabled = true;

3582

ctx.lineWidth = 3;

3583

ctx.strokeStyle = "rgba(127,45,63, 0.3)";

3584

var curve = curvePartialByID(test, frags[0], frags[1], frags[2]);

3585

drawCurve(curve);

3586

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3587

case REC_TYPE_SECT:

3588

if (!draw_intersection) {

3589

continue;

3590

}

3591

if (draw_intersection != 1 && (step_limit > 0 && tIndex < lastSect)) {

3592

continue;

3593

}

3594

// draw_intersection == 1 : show all

3595

// draw_intersection == 2 : step == 0 ? show all : show intersection line #step

3596

// draw_intersection == 3 : step == 0 ? show all : show intersection #step

3597

ctx.lineWidth = 1;

3598

ctx.strokeStyle = "rgba(0,0,255, 0.3)";

3599

ctx.fillStyle = "blue";

3600

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;

3610

break;

3611

case INTERSECT_LINE_2:

3612

f.push(5, 6, 0, 10);

3613

f.push(8, 9, 7, 15);

3614

c1s = 1; c1l = 4; c2s = 11; c2l = 4;

3615

break;

3616

case INTERSECT_LINE_NO:

3617

c1s = 0; c1l = 4; c2s = 4; c2l = 4;

3618

break;

3619

case INTERSECT_QUAD_LINE:

3620

f.push(7, 8, 0, 9);

3621

c1s = 1; c1l = 6; c2s = 10; c2l = 4;

3622

break;

3623

case INTERSECT_QUAD_LINE_2:

3624

f.push(7, 8, 0, 12);

3625

f.push(10, 11, 9, 17);

3626

c1s = 1; c1l = 6; c2s = 13; c2l = 4;

3627

break;

3628

case INTERSECT_QUAD_LINE_NO:

3629

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;

3634

break;

3635

case INTERSECT_QUAD_2:

3636

f.push(7, 8, 0, 12);

3637

f.push(10, 11, 9, 19);

3638

c1s = 1; c1l = 6; c2s = 13; c2l = 6;

3639

break;

3640

case INTERSECT_QUAD_NO:

3641

c1s = 0; c1l = 6; c2s = 6; c2l = 6;

3642

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3643

case INTERSECT_CONIC_LINE:

3644

f.push(8, 9, 0, 10);

3645

c1s = 1; c1l = 7; c2s = 11; c2l = 4;

3646

break;

3647

case INTERSECT_CONIC_LINE_2:

3648

f.push(8, 9, 0, 12);

3649

f.push(11, 12, 10, 18);

3650

c1s = 1; c1l = 7; c2s = 14; c2l = 4;

3651

break;

3652

case INTERSECT_CONIC_LINE_NO:

3653

c1s = 0; c1l = 7; c2s = 7; c2l = 4;

3654

break;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3655

case INTERSECT_CONIC_QUAD:

3656

f.push(8, 9, 0, 10);

3657

c1s = 1; c1l = 7; c2s = 11; c2l = 6;

3658

break;

3659

case INTERSECT_CONIC_QUAD_2:

3660

f.push(8, 9, 0, 12);

3661

f.push(11, 12, 10, 18);

3662

c1s = 1; c1l = 7; c2s = 14; c2l = 6;

3663

break;

caryclark

2016-09-26 05:36:58 -0700

[diff] [blame]

3664

case INTERSECT_CONIC_QUAD_3:

3665

f.push(8, 9, 0, 15);

3666

f.push(11, 12, 10, 21);

3667

f.push(14, 15, 13, 22);

3668

c1s = 1; c1l = 7; c2s = 17; c2l = 6;

3669

break;

3670

case INTERSECT_CONIC_QUAD_4:

3671

f.push(8, 9, 0, 18);

3672

f.push(11, 12, 10, 24);

3673

f.push(14, 15, 13, 25);

3674

f.push(17, 18, 16, 26);

3675

c1s = 1; c1l = 7; c2s = 20; c2l = 6;

3676

break;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3677

case INTERSECT_CONIC_QUAD_NO:

3678

c1s = 0; c1l = 7; c2s = 7; c2l = 6;

3679

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3680

case INTERSECT_CONIC:

3681

f.push(8, 9, 0, 10);

3682

c1s = 1; c1l = 7; c2s = 11; c2l = 7;

3683

break;

3684

case INTERSECT_CONIC_2:

3685

f.push(8, 9, 0, 13);

3686

f.push(11, 12, 10, 21);

3687

c1s = 1; c1l = 7; c2s = 14; c2l = 7;

3688

break;

3689

case INTERSECT_CONIC_NO:

3690

c1s = 0; c1l = 7; c2s = 7; c2l = 7;

3691

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3692

case INTERSECT_SELF_CUBIC:

3693

f.push(9, 10, 0, 11);

3694

c1s = 1; c1l = 8; c2s = 0; c2l = 0;

3695

break;

3696

case INTERSECT_SELF_CUBIC_NO:

3697

c1s = 0; c1l = 8; c2s = 0; c2l = 0;

3698

break;

3699

case INTERSECT_CUBIC_LINE:

3700

f.push(9, 10, 0, 11);

3701

c1s = 1; c1l = 8; c2s = 12; c2l = 4;

3702

break;

3703

case INTERSECT_CUBIC_LINE_2:

3704

f.push(9, 10, 0, 14);

3705

f.push(12, 13, 11, 19);

3706

c1s = 1; c1l = 8; c2s = 15; c2l = 4;

3707

break;

3708

case INTERSECT_CUBIC_LINE_3:

3709

f.push(9, 10, 0, 17);

3710

f.push(12, 13, 11, 22);

3711

f.push(15, 16, 14, 23);

3712

c1s = 1; c1l = 8; c2s = 18; c2l = 4;

3713

break;

3714

case INTERSECT_CUBIC_QUAD_NO:

3715

c1s = 0; c1l = 8; c2s = 8; c2l = 6;

3716

break;

3717

case INTERSECT_CUBIC_QUAD:

3718

f.push(9, 10, 0, 11);

3719

c1s = 1; c1l = 8; c2s = 12; c2l = 6;

3720

break;

3721

case INTERSECT_CUBIC_QUAD_2:

3722

f.push(9, 10, 0, 14);

3723

f.push(12, 13, 11, 21);

3724

c1s = 1; c1l = 8; c2s = 15; c2l = 6;

3725

break;

3726

case INTERSECT_CUBIC_QUAD_3:

3727

f.push(9, 10, 0, 17);

3728

f.push(12, 13, 11, 24);

3729

f.push(15, 16, 14, 25);

3730

c1s = 1; c1l = 8; c2s = 18; c2l = 6;

3731

break;

3732

case INTERSECT_CUBIC_QUAD_4:

3733

f.push(9, 10, 0, 20);

3734

f.push(12, 13, 11, 27);

3735

f.push(15, 16, 14, 28);

3736

f.push(18, 19, 17, 29);

3737

c1s = 1; c1l = 8; c2s = 21; c2l = 6;

3738

break;

3739

case INTERSECT_CUBIC_LINE_NO:

3740

c1s = 0; c1l = 8; c2s = 8; c2l = 4;

3741

break;

3742

case INTERSECT_CUBIC:

3743

f.push(9, 10, 0, 11);

3744

c1s = 1; c1l = 8; c2s = 12; c2l = 8;

3745

break;

3746

case INTERSECT_CUBIC_2:

3747

f.push(9, 10, 0, 14);

3748

f.push(12, 13, 11, 23);

3749

c1s = 1; c1l = 8; c2s = 15; c2l = 8;

3750

break;

3751

case INTERSECT_CUBIC_3:

3752

f.push(9, 10, 0, 17);

3753

f.push(12, 13, 11, 26);

3754

f.push(15, 16, 14, 27);

3755

c1s = 1; c1l = 8; c2s = 18; c2l = 8;

3756

break;

3757

case INTERSECT_CUBIC_4:

3758

f.push(9, 10, 0, 20);

3759

f.push(12, 13, 11, 29);

3760

f.push(15, 16, 14, 30);

3761

f.push(18, 19, 17, 31);

3762

c1s = 1; c1l = 8; c2s = 21; c2l = 8;

3763

break;

3764

case INTERSECT_CUBIC_NO:

3765

c1s = 0; c1l = 8; c2s = 8; c2l = 8;

3766

break;

3767

default:

3768

console.log("unknown REC_TYPE_SECT frag type: " + fragType);

3769

throw "stop execution";

3770

}

3771

if (draw_intersection != 1) {

3772

var id = -1;

3773

var curve;

3774

switch (c1l) {

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

3775

case 4:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3776

drawLine(frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3]);

3777

if (draw_id) {

3778

curve = [frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3]];

3779

id = idByCurve(test, curve, PATH_LINE);

}

break;

case 6:

drawQuad(frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3],

3784

frags[c1s + 4], frags[c1s + 5]);

3785

if (draw_id) {

3786

curve = [frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3],

3787

frags[c1s + 4], frags[c1s + 5]];

3788

id = idByCurve(test, curve, PATH_QUAD);

3789

}

3790

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3791

case 7:

3792

drawConicWithQuads(frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3],

3793

frags[c1s + 4], frags[c1s + 5], frags[c1s + 6]);

3794

if (draw_id) {

3795

curve = [frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3],

3796

frags[c1s + 4], frags[c1s + 5], frags[c1s + 6]];

3797

id = idByCurve(test, curve, PATH_CONIC);

3798

}

3799

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3800

case 8:

3801

drawCubic(frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3],

3802

frags[c1s + 4], frags[c1s + 5], frags[c1s + 6], frags[c1s + 7]);

3803

if (draw_id) {

3804

curve = [frags[c1s], frags[c1s + 1], frags[c1s + 2], frags[c1s + 3],

3805

frags[c1s + 4], frags[c1s + 5], frags[c1s + 6], frags[c1s + 7]];

3806

id = idByCurve(test, curve, PATH_CUBIC);

}

break;

}

if (id >= 0) {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3811

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]

3817

case 4:

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3818

drawLine(frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3]);

3819

if (draw_id) {

3820

curve = [frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3]];

3821

id = idByCurve(test, curve, PATH_LINE);

}

break;

case 6:

drawQuad(frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3],

3826

frags[c2s + 4], frags[c2s + 5]);

3827

if (draw_id) {

3828

curve = [frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3],

3829

frags[c2s + 4], frags[c2s + 5]];

3830

id = idByCurve(test, curve, PATH_QUAD);

3831

}

3832

break;

caryclark

2015-04-20 08:31:59 -0700

[diff] [blame]

3833

case 7:

3834

drawConicWithQuads(frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3],

3835

frags[c2s + 4], frags[c2s + 5], frags[c2s + 6]);

3836

if (draw_id) {

3837

curve = [frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3],

3838

frags[c2s + 4], frags[c2s + 5], frags[c2s + 6]];

3839

id = idByCurve(test, curve, PATH_CONIC);

3840

}

3841

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3842

case 8:

3843

drawCubic(frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3],

3844

frags[c2s + 4], frags[c2s + 5], frags[c2s + 6], frags[c2s + 7]);

3845

if (draw_id) {

3846

curve = [frags[c2s], frags[c2s + 1], frags[c2s + 2], frags[c2s + 3],

3847

frags[c2s + 4], frags[c2s + 5], frags[c2s + 6], frags[c2s + 7]];

3848

id = idByCurve(test, curve, PATH_CUBIC);

}

break;

}

if (id >= 0) {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

3853

drawVisibleID(curve, 0.5, id);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3854

}

3855

}

3856

if (collect_bounds) {

3857

break;

3858

}

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3859

if (draw_intersection != 3 || step_limit == 0 || tIndex >= lastSect) {

3860

for (var idx = 0; idx < f.length; idx += 4) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3861

drawPoint(frags[f[idx]], frags[f[idx + 1]], true);

3862

}

3863

}

3864

if (!draw_intersectT) {

3865

break;

3866

}

3867

ctx.fillStyle = "red";

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

3868

if (draw_intersection != 3 || step_limit == 0 || tIndex >= lastSect) {

3869

for (var idx = 0; idx < f.length; idx += 4) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3870

drawTAtPointUp(frags[f[idx]], frags[f[idx + 1]], frags[f[idx + 2]]);

3871

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)";

3881

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);

3890

throw "stop execution";

3891

}

3892

break;

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

3893

case REC_TYPE_TOP:

3894

if (!draw_top || (step_limit > 0 && tIndex < lastTop)) {

continue;

}

ctx.lineWidth = 3;

ctx.strokeStyle = "rgba(127,127,0, 0.5)";

3899

focus_enabled = true;

3900

{

3901

var curve = curvePartialByID(test, frags[0], frags[1], frags[2]);

3902

drawCurve(curve);

3903

var type = PATH_LINE + (curve.length / 2 - 2);

3904

var mid = pointAtT(curve, type, 0.5);

3905

var d = dxy_at_t(curve, type, 0.5);

3906

drawArrow(mid.x, mid.y, d.x, d.y, 0.3);

3907

}

3908

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

3909

case REC_TYPE_MARK:

3910

if (!draw_mark || (step_limit > 0 && tIndex < lastMark)) {

continue;

}

ctx.lineWidth = 3;

ctx.strokeStyle = fragType >= MARK_DONE_LINE ?

3915

"rgba(127,0,127, 0.5)" : "rgba(127,127,0, 0.5)";

3916

focus_enabled = true;

switch (fragType) {

case MARK_LINE:

case MARK_DONE_LINE:

case MARK_UNSORTABLE_LINE:

3921

case MARK_SIMPLE_LINE:

3922

case MARK_SIMPLE_DONE_LINE:

3923

case MARK_DONE_UNARY_LINE:

3924

drawLinePartial(frags[1], frags[2], frags[3], frags[4],

3925

frags[5], frags[9]);

3926

if (draw_id) {

3927

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:

3934

case MARK_SIMPLE_QUAD:

3935

case MARK_SIMPLE_DONE_QUAD:

3936

case MARK_DONE_UNARY_QUAD:

3937

drawQuadPartial(frags[1], frags[2], frags[3], frags[4],

3938

frags[5], frags[6], frags[7], frags[11]);

3939

if (draw_id) {

3940

drawQuadPartialID(frags[0], frags[1], frags[2], frags[3], frags[4],

3941

frags[5], frags[6], frags[7], frags[11]);

}

break;

case MARK_CUBIC:

case MARK_DONE_CUBIC:

3946

case MARK_UNSORTABLE_CUBIC:

3947

case MARK_SIMPLE_CUBIC:

3948

case MARK_SIMPLE_DONE_CUBIC:

3949

case MARK_DONE_UNARY_CUBIC:

3950

drawCubicPartial(frags[1], frags[2], frags[3], frags[4],

3951

frags[5], frags[6], frags[7], frags[8], frags[9], frags[13]);

3952

if (draw_id) {

3953

drawCubicPartialID(frags[0], frags[1], frags[2], frags[3], frags[4],

3954

frags[5], frags[6], frags[7], frags[8], frags[9], frags[13]);

3955

}

3956

break;

3957

case MARK_ANGLE_LAST:

3958

// FIXME: ignored for now

3959

break;

3960

default:

3961

console.log("unknown REC_TYPE_MARK frag type: " + fragType);

3962

throw "stop execution";

}

break;

default:

continue;

}

}

switch (recType) {

case REC_TYPE_SORT:

if (!draw_sort || (step_limit > 0 && tIndex < lastSort)) {

3972

break;

3973

}

3974

var angles = []; // use tangent lines to describe arcs

var windFrom = [];

var windTo = [];

var opp = [];

var minXY = Number.MAX_VALUE;

3979

var partial;

3980

focus_enabled = true;

3981

var someUnsortable = false;

3982

for (var recordIndex = 0; recordIndex < records.length; recordIndex += 2) {

3983

var fragType = records[recordIndex];

3984

var frags = records[recordIndex + 1];

3985

var unsortable = (fragType == SORT_UNARY && frags[14]) ||

3986

(fragType == SORT_BINARY && frags[16]);

3987

someUnsortable |= unsortable;

switch (fragType) {

case SORT_UNARY:

case SORT_BINARY:

partial = curvePartialByID(test, frags[0], frags[6], frags[8]);

3992

break;

3993

default:

3994

console.log("unknown REC_TYPE_SORT frag type: " + fragType);

3995

throw "stop execution";

3996

}

3997

var dx = boundsWidth(partial);

3998

var dy = boundsHeight(partial);

3999

minXY = Math.min(minXY, dx * dx + dy * dy);

4000

if (collect_bounds) {

4001

continue;

4002

}

4003

angles.push(tangent(partial));

4004

var from = frags[12];

var to = frags[12];

var sgn = frags[10];

if (sgn < 0) {

from -= frags[11];

} else if (sgn > 0) {

4010

to -= frags[11];

4011

}

4012

windFrom.push(from + (unsortable ? "!" : ""));

4013

windTo.push(to + (unsortable ? "!" : ""));

4014

opp.push(fragType == SORT_BINARY);

4015

if (draw_sort == 1) {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

4016

drawVisibleOrder(partial, frags[12]);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4017

} else {

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

4018

drawVisibleOrder(partial, (recordIndex / 2) + 1);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4019

}

4020

}

4021

var radius = Math.sqrt(minXY) / 2 * scale;

4022

radius = Math.min(50, radius);

4023

var scaledRadius = radius / scale;

4024

var centerX = partial[0];

4025

var centerY = partial[1];

4026

if (collect_bounds) {

4027

if (focus_enabled) {

4028

focusXmin = Math.min(focusXmin, centerX - scaledRadius);

4029

focusYmin = Math.min(focusYmin, centerY - scaledRadius);

4030

focusXmax = Math.max(focusXmax, centerX + scaledRadius);

4031

focusYmax = Math.max(focusYmax, centerY + scaledRadius);

}

break;

}

break;

default:

break;

}

}

if (collect_bounds) {

4041

return;

4042

}

4043

if (draw_log && logStart >= 0) {

4044

ctx.font = "normal 10px Arial";

4045

ctx.textAlign = "left";

4046

ctx.beginPath();

4047

var top = screenHeight - 20 - (logRange + 2) * 10;

4048

ctx.rect(50, top, screenWidth - 100, (logRange + 2) * 10);

4049

ctx.fillStyle = "white";

4050

ctx.fill();

4051

ctx.fillStyle = "rgba(0,0,0, 0.5)";

4052

if (logStart > 0) {

4053

ctx.fillText(lines[logStart - 1], 50, top + 8);

4054

}

4055

ctx.fillStyle = "black";

4056

for (var idx = 0; idx < logRange; ++idx) {

4057

ctx.fillText(lines[logStart + idx], 50, top + 18 + 10 * idx);

4058

}

4059

ctx.fillStyle = "rgba(0,0,0, 0.5)";

4060

if (logStart + logRange < lines.length) {

4061

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]

4066

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4067

// drawBox(pos++, "yellow", "black", opLetter, true, '');

4068

drawBox(pos++, "rgba(0,0,255, 0.3)", "black", draw_intersection > 1 ? sectCount : sectMax2, draw_intersection, intersectionKey);

4069

drawBox(pos++, "rgba(0,0,255, 0.3)", "black", draw_add ? addCount : addMax, draw_add, addKey);

4070

drawBox(pos++, "rgba(0,0,255, 0.3)", "black", draw_active ? activeCount : activeMax, draw_active, activeKey);

4071

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]

4072

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]

4073

drawBox(pos++, "rgba(127,127,0, 0.3)", "black", draw_op ? opCount : opMax, draw_op, opKey);

4074

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]

4075

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]

4076

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]

4077

drawBox(pos++, "black", "white",

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

4078

(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]

4079

drawBox(pos++, "rgba(0,63,0, 0.7)", "white",

4080

(new Array('Q', 'Q', 'C', 'QC', 'Qc', 'Cq'))[draw_computed],

4081

draw_computed != 0, computedKey);

4082

drawBox(pos++, "green", "black", step_limit, drawSomething, '');

4083

drawBox(pos++, "green", "black", stepMax, drawSomething, '');

4084

drawBox(pos++, "rgba(255,0,0, 0.6)", "black", lastIndex, drawSomething & draw_log, '');

4085

drawBox(pos++, "rgba(255,0,0, 0.6)", "black", test.length - 1, drawSomething & draw_log, '');

if (curve_t) {

drawCurveTControl();

}

ctx.font = "normal 20px Arial";

4090

ctx.fillStyle = "rgba(0,0,0, 0.3)";

4091

ctx.textAlign = "right";

4092

ctx.fillText(scale.toFixed(decimal_places) + 'x' , screenWidth - 10, screenHeight - 5);

4093

}

4094

if (draw_hints) {

4095

ctx.font = "normal 10px Arial";

4096

ctx.fillStyle = "rgba(0,0,0, 0.5)";

4097

ctx.textAlign = "right";

4098

var y = 4;

4099

ctx.fillText("control lines : " + controlLinesKey, ctx.screenWidthwidth - 10, pos * 50 + y++ * 10);

4100

ctx.fillText("curve t : " + curveTKey, screenWidth - 10, pos * 50 + y++ * 10);

4101

ctx.fillText("deriviatives : " + deriviativesKey, screenWidth - 10, pos * 50 + y++ * 10);

4102

ctx.fillText("intersect t : " + intersectTKey, screenWidth - 10, pos * 50 + y++ * 10);

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4103

ctx.fillText("log : " + logKey, screenWidth - 10, pos * 50 + y++ * 10);

4104

ctx.fillText("log curve : " + logCurvesKey, screenWidth - 10, pos * 50 + y++ * 10);

4105

ctx.fillText("mid point : " + midpointKey, screenWidth - 10, pos * 50 + y++ * 10);

4106

ctx.fillText("points : " + ptsKey, screenWidth - 10, pos * 50 + y++ * 10);

4107

ctx.fillText("sequence : " + sequenceKey, screenWidth - 10, pos * 50 + y++ * 10);

4108

ctx.fillText("xy : " + xyKey, screenWidth - 10, pos * 50 + y++ * 10);

}

}

function drawBox(y, backC, foreC, str, enable, label) {

4113

ctx.beginPath();

4114

ctx.fillStyle = backC;

4115

ctx.rect(screenWidth - 40, y * 50 + 10, 40, 30);

4116

ctx.fill();

4117

ctx.font = "normal 16px Arial";

4118

ctx.fillStyle = foreC;

4119

ctx.textAlign = "center";

4120

ctx.fillText(str, screenWidth - 20, y * 50 + 32);

4121

if (!enable) {

4122

ctx.fillStyle = "rgba(255,255,255, 0.5)";

ctx.fill();

}

if (label != '') {

ctx.font = "normal 9px Arial";

4127

ctx.fillStyle = "black";

4128

ctx.fillText(label, screenWidth - 47, y * 50 + 40);

}

}

function drawCurveTControl() {

4133

ctx.lineWidth = 2;

4134

ctx.strokeStyle = "rgba(0,0,0, 0.3)";

4135

ctx.beginPath();

4136

ctx.rect(screenWidth - 80, 40, 28, screenHeight - 80);

4137

ctx.stroke();

4138

var ty = 40 + curveT * (screenHeight - 80);

4139

ctx.beginPath();

4140

ctx.moveTo(screenWidth - 80, ty);

4141

ctx.lineTo(screenWidth - 85, ty - 5);

4142

ctx.lineTo(screenWidth - 85, ty + 5);

4143

ctx.lineTo(screenWidth - 80, ty);

4144

ctx.fillStyle = "rgba(0,0,0, 0.6)";

4145

ctx.fill();

4146

var num = curveT.toFixed(decimal_places);

4147

ctx.font = "normal 10px Arial";

4148

ctx.textAlign = "left";

4149

ctx.fillText(num, screenWidth - 78, ty);

4150

}

4151

4152

function ptInTControl() {

4153

var e = window.event;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4154

var tgt = e.target || e.srcElement;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4155

var left = tgt.offsetLeft;

4156

var top = tgt.offsetTop;

4157

var x = (e.clientX - left);

4158

var y = (e.clientY - top);

4159

if (x < screenWidth - 80 || x > screenWidth - 50) {

4160

return false;

4161

}

4162

if (y < 40 || y > screenHeight - 80) {

4163

return false;

4164

}

4165

curveT = (y - 40) / (screenHeight - 120);

4166

if (curveT < 0 || curveT > 1) {

4167

throw "stop execution";

}

return true;

}

function drawTop() {

if (tests[testIndex] == null) {

4174

var str = testDivs[testIndex].textContent;

4175

parse_all(str);

4176

var title = testDivs[testIndex].id.toString();

4177

testTitles[testIndex] = title;

4178

}

4179

init(tests[testIndex]);

redraw();

}

function redraw() {

if (focus_on_selection) {

4185

collect_bounds = true;

4186

draw(tests[testIndex], testLines[testIndex], testTitles[testIndex]);

4187

collect_bounds = false;

4188

if (focusXmin < focusXmax && focusYmin < focusYmax) {

4189

setScale(focusXmin, focusXmax, focusYmin, focusYmax);

}

}

ctx.beginPath();

ctx.fillStyle = "white";

4194

ctx.rect(0, 0, screenWidth, screenHeight);

4195

ctx.fill();

4196

draw(tests[testIndex], testLines[testIndex], testTitles[testIndex]);

4197

}

4198

4199

function dumpCurvePartial(test, id, t0, t1) {

4200

var curve = curveByID(test, id);

4201

var name = ["line", "quad", "cubic"][curve.length / 2 - 2];

4202

console.log("id=" + id + " " + name + "=" + curveToString(curve)

4203

+ " t0=" + t0 + " t1=" + t1

4204

+ " partial=" + curveToString(curvePartialByID(test, id, t0, t1)));

4205

}

4206

4207

function dumpAngleTest(test, id, t0, t1) {

4208

var curve = curveByID(test, id);

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4209

console.log(" { {" + curveToString(curve) + "}, "

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4210

+ curve.length / 2 + ", " + t0 + ", " + t1 + ", {} }, //");

4211

}

4212

4213

function dumpLogToConsole() {

if (logStart < 0) {

return;

}

var test = tests[testIndex];

4218

var recType = REC_TYPE_UNKNOWN;

4219

var records;

4220

for (var index = 0; index < test.length; index += 3) {

4221

var lastLineNo = test[index + 1];

4222

if (lastLineNo >= logStart && lastLineNo < logStart + logRange) {

4223

recType = test[index];

4224

records = test[index + 2];

break;

}

}

if (recType == REC_TYPE_UNKNOWN) {

4229

return;

4230

}

4231

var lines = testLines[testIndex];

4232

for (var idx = 0; idx < logRange; ++idx) {

4233

var line = lines[logStart + idx];

4234

console.log(line);

4235

for (var recordIndex = 0; recordIndex < records.length; recordIndex += 2) {

4236

var fragType = records[recordIndex];

4237

var frags = records[recordIndex + 1];

4238

if (recType == REC_TYPE_ANGLE && fragType == ANGLE_AFTER) {

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4239

dumpCurvePartial(test, frags[0], frags[4], frags[5]);

4240

dumpCurvePartial(test, frags[6], frags[10], frags[11]);

4241

dumpCurvePartial(test, frags[12], frags[16], frags[17]);

4242

console.log("\nstatic IntersectData intersectDataSet[] = { //");

4243

dumpAngleTest(test, frags[0], frags[4], frags[5]);

4244

dumpAngleTest(test, frags[6], frags[10], frags[11]);

4245

dumpAngleTest(test, frags[12], frags[16], frags[17]);

4246

console.log("}; //");

}

}

}

}

var activeKey = 'a';

var pathKey = 'b';

var pathBackKey = 'B';

4255

var centerKey = 'c';

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

4256

var coincidenceKey = 'C';

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4257

var addKey = 'd';

4258

var deriviativesKey = 'f';

4259

var angleKey = 'g';

4260

var angleBackKey = 'G';

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4261

var intersectionKey = 'i';

4262

var intersectionBackKey = 'I';

4263

var sequenceKey = 'j';

4264

var midpointKey = 'k';

4265

var logKey = 'l';

4266

var logToConsoleKey = 'L';

var markKey = 'm';

var sortKey = 'o';

var opKey = 'p';

var opBackKey = 'P';

var computedKey = 'q';

4272

var computedBackKey = 'Q';

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

4273

var directionKey = 'r';

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4274

var stepKey = 's';

4275

var stepBackKey = 'S';

4276

var intersectTKey = 't';

caryclark

2015-04-23 09:13:37 -0700

[diff] [blame]

4277

var topKey = 'T';

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4278

var curveTKey = 'u';

4279

var controlLinesBackKey = 'V';

4280

var controlLinesKey = 'v';

4281

var ptsKey = 'x';

4282

var xyKey = 'y';

4283

var logCurvesKey = 'z';

4284

var focusKey = '`';

4285

var idKey = '.';

4286

var retinaKey = '\\';

4287

4288

function doKeyPress(evt) {

4289

var char = String.fromCharCode(evt.charCode);

4290

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]

4307

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4308

break;

4309

case addKey:

4310

draw_add ^= true;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4311

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4312

break;

4313

case angleKey:

caryclark

2015-03-26 07:52:43 -0700

[diff] [blame]

4314

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]

4323

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4324

break;

caryclark

2015-05-11 07:21:27 -0700

[diff] [blame]

4325

case coincidenceKey:

4326

draw_coincidence ^= true;

4327

redraw();

4328

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4329

case controlLinesBackKey:

4330

control_lines = (control_lines + 3) % 4;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4331

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4332

break;

4333

case controlLinesKey:

4334

control_lines = (control_lines + 1) % 4;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4335

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4336

break;

4337

case computedBackKey:

4338

draw_computed = (draw_computed + 5) % 6;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4339

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4340

break;

4341

case computedKey:

4342

draw_computed = (draw_computed + 1) % 6;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4343

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:

4353

draw_deriviatives = (draw_deriviatives + 1) % 3;

4354

redraw();

4355

break;

Cary Clark

2016-12-14 11:56:16 -0500

[diff] [blame]

4356

case directionKey:

4357

draw_direction ^= true;

4358

redraw();

4359

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4360

case focusKey:

4361

focus_on_selection ^= true;

4362

setScale(xmin, xmax, ymin, ymax);

4363

redraw();

4364

break;

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

case idKey:

draw_id ^= true;

redraw();

break;

case intersectionBackKey:

4370

draw_intersection = (draw_intersection + 3) % 4;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4371

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4372

break;

4373

case intersectionKey:

4374

draw_intersection = (draw_intersection + 1) % 4;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4375

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4376

break;

4377

case intersectTKey:

4378

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;

4407

redraw();

4408

break;

4409

case pathKey:

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

4410

draw_path = (draw_path + 1) % (4 + (hasAlignedPath ? 3 : 0));

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4411

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4412

break;

4413

case pathBackKey:

caryclark

2015-10-16 09:03:38 -0700

[diff] [blame]

4414

draw_path = (draw_path + 3 + (hasAlignedPath ? 3 : 0)) % (4 + (hasAlignedPath ? 3 : 0));

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4415

redraw();

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4416

break;

4417

case ptsKey:

4418

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) {

4436

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]

4451

case xyKey:

4452

debug_xy = (debug_xy + 1) % 3;

redraw();

break;

case '-':

focusWasOn = focus_on_selection;

4457

if (focusWasOn) {

4458

focus_on_selection = false;

scale /= 1.2;

} else {

scale /= 2;

calcLeftTop();

}

redraw();

focus_on_selection = focusWasOn;

break;

case '=':

case '+':

focusWasOn = focus_on_selection;

4470

if (focusWasOn) {

4471

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) {

4495

var char = evt.keyCode;

4496

var preventDefault = false;

4497

switch (char) {

4498

case 37: // left arrow

if (evt.shiftKey) {

testIndex -= 9;

}

if (--testIndex < 0)

testIndex = tests.length - 1;

4504

drawTop();

4505

preventDefault = true;

4506

break;

4507

case 39: // right arrow

if (evt.shiftKey) {

testIndex += 9;

}

if (++testIndex >= tests.length)

4512

testIndex = 0;

4513

drawTop();

4514

preventDefault = true;

4515

break;

4516

}

4517

if (preventDefault) {

4518

evt.preventDefault();

return false;

}

return true;

}

(function() {

var hidden = "hidden";

4526

4527

// Standards:

4528

if (hidden in document)

4529

document.addEventListener("visibilitychange", onchange);

4530

else if ((hidden = "mozHidden") in document)

4531

document.addEventListener("mozvisibilitychange", onchange);

4532

else if ((hidden = "webkitHidden") in document)

4533

document.addEventListener("webkitvisibilitychange", onchange);

4534

else if ((hidden = "msHidden") in document)

4535

document.addEventListener("msvisibilitychange", onchange);

4536

// IE 9 and lower:

4537

else if ('onfocusin' in document)

4538

document.onfocusin = document.onfocusout = onchange;

4539

// All others:

4540

else

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4541

window.onpageshow = window.onpagehide

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4542

= window.onfocus = window.onblur = onchange;

4543

4544

function onchange (evt) {

4545

var v = 'visible', h = 'hidden',

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4546

evtMap = {

4547

focus:v, focusin:v, pageshow:v, blur:h, focusout:h, pagehide:h

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4548

};

4549

4550

evt = evt || window.event;

4551

if (evt.type in evtMap)

4552

document.body.className = evtMap[evt.type];

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4553

else

caryclark

2014-06-17 05:15:38 -0700

[diff] [blame]

4554

document.body.className = this[hidden] ? "hidden" : "visible";

}

})();

function calcXY() {

var e = window.event;

caryclark

2016-07-18 10:01:36 -0700

[diff] [blame]

4560

var tgt = e.target || e.srcElement;

caryclark