| |
(3 mellanliggande versioner av 2 användare visas inte)
|
Rad 16: |
Rad 16: |
| \end{tikzpicture} | | \end{tikzpicture} |
| </PGFTikz> | | </PGFTikz> |
− | | + | <t1>Om två parenteser multipliceras ihop använder man den s.k. [[utvidgade distributiva lagen *Rules*|utvidgade distributiva lagen]].</t1> |
− | <translate><!--T:3--> | |
− | Distributiva lagen kan visas geometriskt. I rektangeln är höjden 4 och basen $(2+3).$ Den totala arean är '''lika stor''' oavsett om rektangeln är uppdelad eller ej.</translate>
| |
− | | |
− | <jsxgpre id="distributiva435">
| |
− | var b = mlg.board([-1,5,7.1,-1],{grid:false});
| |
− | var p1,p2,p3,p4,p5,p6,p7,p8,pol1,pol2,t,t2,t3,t4,t5,t6,s1,s2,s3,s4,s5,s7,s8,plus;
| |
− | var sT = [];
| |
− | mlg.af("distributiva435.start", function(){
| |
− | for (var i = 0;i < sT.length; i++){
| |
− | clearTimeout(sT[i]);
| |
− | }
| |
− | | |
− | ready=true;
| |
− | b.remove();
| |
− | p1 = b.node(0,0);
| |
− | p2 = b.node(0,4);
| |
− | p3 = b.node(2,4);
| |
− | p4 = b.node(2,0);
| |
− | p5 = b.node(2,0);
| |
− | p6 = b.node(2,4);
| |
− | p7 = b.node(5,4);
| |
− | p8 = b.node(5,0);
| |
− | b.segment([0,1],[2,1],{strokeWidth:0.5,opacity:0.2});
| |
− | b.segment([0,2],[2,2],{strokeWidth:0.5,opacity:0.2});
| |
− | b.segment([0,3],[2,3],{strokeWidth:0.5,opacity:0.2});
| |
− | b.segment([0,4],[2,4],{strokeWidth:0.5,opacity:0.2});
| |
− | b.segment([1,4],[1,0],{strokeWidth:0.5,opacity:0.2});
| |
− | b.segment([2,4],[2,0],{strokeWidth:0.5,opacity:0.2});
| |
− | s1 = b.segment([2,1],[5,1],{strokeWidth:0.5,opacity:0.2});
| |
− | s2 = b.segment([2,2],[5,2],{strokeWidth:0.5,opacity:0.2});
| |
− | s3 = b.segment([2,3],[5,3],{strokeWidth:0.5,opacity:0.2});
| |
− | s4 = b.segment([3,0],[3,4],{strokeWidth:0.5,opacity:0.2});
| |
− | s5 = b.segment([4,0],[4,4],{strokeWidth:0.5,opacity:0.2});
| |
− | s7 = b.segment([2,0],[2,4]);
| |
− | s8 = b.segment([3,0],[3,4]);
| |
− | b.opacity([s7,s8],0);
| |
− | b.fadeOut([s7,s8]);
| |
− | pol1 = b.polygon([p1,p2,p3,p4],{fillcolor:mlg.tiny,opacity:0.5});
| |
− | pol2 = b.polygon([p5,p6,p7,p8],{opacity:0.5});
| |
− | pol1.borders[2].visProp.visible = false;
| |
− | pol2.borders[0].visProp.visible = false;
| |
− | b.board.update();
| |
− | t = b.text(2.5,4.5,'\\text{Area}=4(2+3)=20',{fontsize:1.3});
| |
− | t2 = b.text(2.5,2,'4(2+3)',{fontsize:1.3});
| |
− | t3 = b.text(5.5,2,'4',{fontsize:1.3});
| |
− | t4 = b.text(2.5,-0.5,'(2+3)',{fontsize:1.3});
| |
− | t5 = b.text(2,-0.5,'2',{fontsize:1.3,opacity:0});
| |
− | t6 = b.text(3,-0.5,'3',{fontsize:1.3,opacity:0});
| |
− | plus = b.text(2.5,2,'+',{fontsize:1.3,opacity:0});
| |
− | });
| |
− | mlg.af("distributiva435.animate", function(){
| |
− | if(ready===true){
| |
− | ready=false;
| |
− | sT[0] = setTimeout(function(){b.remove(t2);
| |
− | b.fadeOut(t4);
| |
− | b.fadeIn(t5);
| |
− | b.fadeIn(t6);
| |
− | b.translate([pol2,s1,s2,s3,s4,s5,t3],1,0,1000);
| |
− | b.translate(t6,1.5,null,1000);
| |
− | b.translate(t5,-1,null,1000);
| |
− | b.fadeOut(t,100);
| |
− | },100);
| |
− | sT[1] = setTimeout(function(){
| |
− | b.text(4.5,2,'4\\cdot3',{fontsize:1.3});
| |
− | var t3= b.text(1,2,'4\\cdot2',{fontsize:1.3});
| |
− | b.fadeIn(t,700);
| |
− | t.moveTo([3,4.5]);
| |
− | b.changeText(t,'\\text{Area}=4\\cdot2+4\\cdot3=20');
| |
− | b.opacity([s7,s8],1);b.fadeIn([s7,s8]);
| |
− | b.fadeIn(plus);
| |
− | b.fadeIn(t5);
| |
− | b.fadeIn(t6);
| |
− | },1100);
| |
− | }
| |
− | });
| |
− | mlg.cf("distributiva435.start");
| |
− | b.node(0,5);
| |
− | b.node(6,-1);
| |
− | b.cropB(0.1);
| |
− | </jsxgpre>
| |
− | | |
− | <div class='jsx-btn-container'>
| |
− | <jsxbtn onclick='mlg.cf("distributiva435.animate")'><translate><!--T:4-->
| |
− | Multiplicera in 4</translate></jsxbtn>
| |
− | <jsxbtn onclick='mlg.cf("distributiva435.start")'><translate><!--T:5-->
| |
− | Återställ</translate></jsxbtn>
| |
− | </div> | |
| | | |
| [[Kategori:Algebra]] | | [[Kategori:Algebra]] |