{ CUR_DESC = 'Add [3] to each side' let qSpace = []; qSpace.push( ezMove({ divId: 'o__6', fromSize: 1.0, toSize: 1.0, from: {x: 109.6, y: 6.0}, to: {x: 169.39999999999998, y: 6.0} }) ) qSpace.push( ezMove({ divId: 'o__56', fromSize: 1.0, toSize: 1.0, from: {x: 150.2, y: 6.0}, to: {x: 209.99999999999997, y: 6.0} }) ) ezRegister(qSpace, {debug:'move'}); let qAppear = []; qAppear.push( ezFadeIn( `
+
`, "o__124", 0.0, 0.0 ) ) qAppear.push( ezShowBox({ divId: 'o__62', x: 101.6, y: 6.0, width: 51.8, height: 21.0 }) ); qAppear.push( ezFadeIn( `
+
`, "o__101", 0.0, 0.0 ) ) qAppear.push( ezShowBox({ divId: 'o__110', x: 237.19999999999996, y: 6.0, width: 51.8, height: 21.0 }) ); qAppear.push( ezFadeIn( `
3
`, "o__66", 0.0, 0.0 ) ) qAppear.push( ezFadeIn( `
3
`, "o__96", 0.0, 0.0 ) ) ezRegister(qAppear, {debug:'appear', pause: true}); ezRegister([ezFadeOut('appear-box')], {debug:"fade box"}) }ezDebugJump(`
2
x
-
3
+
3
=
4
+
3
`); { CUR_DESC = 'Add [3] and [-3]' let qBoxAppear = []; qBoxAppear.push( ezShowBox({ divId: 'box_both', x: 56.9, y: 6.0, width: 96.49999999999999, height: 21.0 }) ) ezRegister(qBoxAppear, {debug:'appear box', pause: true}); ezRegister([ezFadeOut('st-wrap'), ezFadeOut('o__30'), ezFadeOut('o__70'), ezFadeOut('o__4'), ezFadeOut('o__5'), ezFadeOut('o__25')], {debug:"fade"}) ezRegister([ ezFadeIn( `
0
`, "o__73", 0.0, 0.0 ) , ezFadeIn( `
+
`, "o__99", 0.0, 0.0 ) ]) ezRegister([ezFadeOut('appear-box')], {debug:"fade box"}) ezRegister([]); ezRegister([]); let qSpaceAdd = []; qSpaceAdd.push( ezMove({ divId: 'o__6', fromSize: 1.0, toSize: 1.0, from: {x: 169.39999999999998, y: 6.0}, to: {x: 124.7, y: 6.0} }) ) qSpaceAdd.push( ezMove({ divId: 'o__55', fromSize: 1.0, toSize: 1.0, from: {x: 209.99999999999997, y: 6.0}, to: {x: 165.3, y: 6.0} }) ) qSpaceAdd.push( ezMove({ divId: 'o__41', fromSize: 1.0, toSize: 1.0, from: {x: 237.19999999999996, y: 6.0}, to: {x: 192.5, y: 6.0} }) ) qSpaceAdd.push( ezMove({ divId: 'o__10', fromSize: 1.0, toSize: 1.0, from: {x: 269.79999999999995, y: 6.0}, to: {x: 225.10000000000002, y: 6.0} }) ) ezRegister(qSpaceAdd, {debug:'move add'}); }ezDebugJump(`
2
x
+
0
=
4
+
3
`); { CUR_DESC = 'Add [0] and [2x]' let qBoxAppear = []; qBoxAppear.push( ezShowBox({ divId: 'box_1', x: 89.5, y: 6.0, width: 19.2, height: 21.0 }) ) ezRegister(qBoxAppear, {debug:'appear box', pause: true}); ezRegister([ezFadeOut('o__30'), ezFadeOut('o__4')], {debug:"fade"}) ezRegister([ezFadeOut('appear-box')], {debug:"fade box"}) let qSpaceAdd = []; qSpaceAdd.push( ezMove({ divId: 'o__30', fromSize: 1.0, toSize: 1.0, from: {x: 56.9, y: 6.0}, to: {x: 4.0, y: 6.0} }) ) qSpaceAdd.push( ezMove({ divId: 'o__4', fromSize: 1.0, toSize: 1.0, from: {x: 89.5, y: 6.0}, to: {x: 31.2, y: 4.5} }) ) qSpaceAdd.push( ezMove({ divId: 'o__6', fromSize: 1.0, toSize: 1.0, from: {x: 124.7, y: 6.0}, to: {x: 64.9, y: 6.0} }) ) qSpaceAdd.push( ezMove({ divId: 'o__55', fromSize: 1.0, toSize: 1.0, from: {x: 165.3, y: 6.0}, to: {x: 105.5, y: 6.0} }) ) qSpaceAdd.push( ezMove({ divId: 'o__41', fromSize: 1.0, toSize: 1.0, from: {x: 192.5, y: 6.0}, to: {x: 132.7, y: 6.0} }) ) qSpaceAdd.push( ezMove({ divId: 'o__10', fromSize: 1.0, toSize: 1.0, from: {x: 225.10000000000002, y: 6.0}, to: {x: 165.3, y: 6.0} }) ) ezRegister(qSpaceAdd, 'test move add'); }ezDebugJump(`
2
x
=
4
+
3
`); { CUR_DESC = 'Add [3] and [4]' let qBoxAppear = []; qBoxAppear.push( ezShowBox({ divId: 'box_both', x: 105.5, y: 6.0, width: 79.00000000000001, height: 21.0 }) ) ezRegister(qBoxAppear, {debug:'appear box', pause: true}); ezRegister([ezFadeOut('st-wrap'), ezFadeOut('o__41'), ezFadeOut('o__55'), ezFadeOut('o__10')], {debug:"fade"}) ezRegister([ ezFadeIn( `
7
`, "o__160", 0.0, 0.0 ) ]) ezRegister([ezFadeOut('appear-box')], {debug:"fade box"}) ezRegister([]); ezRegister([]); let qSpaceAdd = []; qSpaceAdd.push(ezMove({ divId: 'o__160', fromSize: 1.0, toSize: 1.0, from: {x: 0.0, y: 0}, to: {x: 0, y: 0} })) ezRegister(qSpaceAdd, {debug:'move add'}); }ezDebugJump(`
2
x
=
7
`); { CUR_DESC = 'Divide both sides by [2]' let qSpace = []; qSpace.push( ezMove({ divId: 'o__29', fromSize: 1.0, toSize: 1.0, from: {x: 4.0, y: 6.0}, to: {x: 10.0, y: 6.0} }) ) qSpace.push( ezMove({ divId: 'o__4', fromSize: 1.0, toSize: 1.0, from: {x: 31.2, y: 4.5}, to: {x: 37.2, y: 4.5} }) ) qSpace.push( ezMove({ divId: 'o__6', fromSize: 1.0, toSize: 1.0, from: {x: 64.9, y: 6.0}, to: {x: 76.9, y: 23.5} }) ) qSpace.push( ezMove({ divId: 'o__56', fromSize: 1.0, toSize: 1.0, from: {x: 105.5, y: 6.0}, to: {x: 123.5, y: 6.0} }) ) ezRegister(qSpace, {debug:'move'}); let qAppear = []; qAppear.push( ezShowBox({ divId: 'o__62', x: 22.85, y: 41.0, width: 19.2, height: 21.0 }) ); qAppear.push( ezShowBox({ divId: 'o__110', x: 123.5, y: 41.0, width: 19.2, height: 21.0 }) ); qAppear.push(ezAppearLine({ txt: `
 
`, x: 0, y: 0 })) qAppear.push( ezFadeIn( `
2
`, "o__97", 0.0, 0.0 ) ) qAppear.push(ezAppearLine({ txt: `
 
`, x: 0, y: 0 })) qAppear.push(ezAppearLine({ txt: `
 
`, x: 0, y: 0 })) qAppear.push( ezFadeIn( `
2
`, "o__111", 0.0, 0.0 ) ) qAppear.push(ezAppearLine({ txt: `
 
`, x: 0, y: 0 })) ezRegister(qAppear, {debug:'appear', pause: true}); ezRegister([ezFadeOut('appear-box')], {debug:"fade box"}) }ezDebugJump(`
2
x
 
2
=
7
 
2
`); { CUR_DESC = 'Divide [2] by itself' let qBoxAppear = []; qBoxAppear.push( ezShowStrike({ divId: 'box_1', x: 22.85, y: 41.0, width: 19.2, height: 21.0 }) ) qBoxAppear.push( ezShowStrike({ divId: 'box_2', x: 10.0, y: 6.0, width: 19.2, height: 21.0 }) ) ezRegister(qBoxAppear, {debug:'appear box', pause: true}); ezRegister([ezFadeOut('st-wrap'), ezFadeOut('o__70'), ezFadeOut('o__29'), ezFadeOut('o__25'), ezFadeOut('o__49')], {debug:"fade"}) ezRegister([ezFadeOut('appear-box')], {debug:"fade box"}) ezRegister([]); ezRegister([]); let qSpaceAddDivA = []; qSpaceAddDivA.push( ezMove({ divId: 'o__4', fromSize: 1.0, toSize: 1.0, from: {x: 37.2, y: 4.5}, to: {x: 4.0, y: 22.0} }) ) qSpaceAddDivA.push( ezMove({ divId: 'o__6', fromSize: 1.0, toSize: 1.0, from: {x: 76.9, y: 23.5}, to: {x: 37.7, y: 23.5} }) ) qSpaceAddDivA.push( ezMove({ divId: 'o__55', fromSize: 1.0, toSize: 1.0, from: {x: 123.5, y: 6.0}, to: {x: 84.3, y: 6.0} }) ) qSpaceAddDivA.push( ezMove({ divId: 'o__10', fromSize: 1.0, toSize: 1.0, from: {x: 117.5, y: 33.0}, to: {x: 78.3, y: 33.0} }) ) qSpaceAddDivA.push( ezMove({ divId: 'o__11', fromSize: 1.0, toSize: 1.0, from: {x: 123.5, y: 41.0}, to: {x: 84.3, y: 41.0} }) ) ezRegister(qSpaceAddDivA, {debug:'move add'}); }ezDebugJump(`
x
=
7
 
2
`); // took 32 let RES_JSON_PART = {"syms":"x","has_warning":"false","init_html_static_height":"24.0","flat_pysym":"Eq(((2*x)-3),4)","num_steps":"6","py_kind":"solveset","init_html_static_baseline":"21.0","debug":"","init_html_static":"
2
\n\n
x
\n\n
-
\n\n
3
\n\n
=
\n\n
4
\n
","init_html":"
2
\n\n
x
\n\n
-
\n\n
3
\n\n
=
\n\n
4
\n
","show_anim":"true","the_var":"x"}