Difference between revisions of "Lattices"

From JSXGraph Wiki
Jump to: navigation, search
 
Line 1: Line 1:
 
<jsxgraph height="500" width="500" board="board"  box="box1">
 
<jsxgraph height="500" width="500" board="board"  box="box1">
brd = JXG.JSXGraph.initBoard('box1', {originX: 250, originY: 250, unitX: 50, unitY: 50, axis:true});
+
brd = JXG.JSXGraph.initBoard('box1', {boundingbox: [-5, 5, 5, -5], axis:true});
 
brd.suspendUpdate();
 
brd.suspendUpdate();
 
var b1 = brd.create('point', [1,0], {size:6, name:'', color:'blue'});
 
var b1 = brd.create('point', [1,0], {size:6, name:'', color:'blue'});
Line 16: Line 16:
 
===Sphere packing===
 
===Sphere packing===
 
<jsxgraph height="500" width="500" board="board"  box="box2">
 
<jsxgraph height="500" width="500" board="board"  box="box2">
brd2 = JXG.JSXGraph.initBoard('box2', {originX: 250, originY: 250, unitX: 50, unitY: 50, axis:true});
+
brd2 = JXG.JSXGraph.initBoard('box2', {boundingbox: [-5, 5, 5, -5], axis:true});
 
brd2.suspendUpdate();
 
brd2.suspendUpdate();
 
var b3 = brd2.create('point', [1,0], {size:6, name:'', color:'blue'});
 
var b3 = brd2.create('point', [1,0], {size:6, name:'', color:'blue'});
Line 33: Line 33:
 
===JavaScript code for these examples===
 
===JavaScript code for these examples===
 
Lattice:
 
Lattice:
<source lang="xml">
+
<source lang="javascript">
<jsxgraph height="500" width="500" board="board"  box="box1">
+
var brd = JXG.JSXGraph.initBoard('box1', {boundingbox: [-5, 5, 5, -5], axis:true});
brd = JXG.JSXGraph.initBoard('box1', {originX: 250, originY: 250, unitX: 50, unitY: 50, axis:true});
 
 
brd.suspendUpdate();
 
brd.suspendUpdate();
 
var b1 = brd.create('point', [1,0], {size:6, name:'', color:'blue'});
 
var b1 = brd.create('point', [1,0], {size:6, name:'', color:'blue'});
Line 48: Line 47:
 
}}
 
}}
 
brd.unsuspendUpdate();
 
brd.unsuspendUpdate();
</jsxgraph>
 
 
</source>
 
</source>
  
 
Spheres:
 
Spheres:
<source lang="xml">
+
<source lang="javascript">
<jsxgraph height="500" width="500" board="board"  box="box2">
+
var brd2 = JXG.JSXGraph.initBoard('box2', {boundingbox: [-5, 5, 5, -5], axis:true});
brd2 = JXG.JSXGraph.initBoard('box2', {originX: 250, originY: 250, unitX: 50, unitY: 50, axis:true});
 
 
brd2.suspendUpdate();
 
brd2.suspendUpdate();
 
var b3 = brd2.create('point', [1,0], {size:6, name:'', color:'blue'});
 
var b3 = brd2.create('point', [1,0], {size:6, name:'', color:'blue'});
Line 68: Line 65:
 
}}
 
}}
 
brd2.unsuspendUpdate();
 
brd2.unsuspendUpdate();
</jsxgraph>
 
 
</source>
 
</source>
  
 
[[Category:Examples]]
 
[[Category:Examples]]

Latest revision as of 10:09, 8 June 2011

Sphere packing

JavaScript code for these examples

Lattice:

var brd = JXG.JSXGraph.initBoard('box1', {boundingbox: [-5, 5, 5, -5], axis:true});
brd.suspendUpdate();
var b1 = brd.create('point', [1,0], {size:6, name:'', color:'blue'});
var b2 = brd.create('point', [0,1], {size:6, name:'', color:'blue'});
var i, j;
for (i=-5;i<6;i++) for (j=-5;j<6;j++) {
  if (!(i==1&&j==0) && !(i==0&&j==1)) {
  brd.create('point',[
       function(x,y){ return function(){ return x*b1.X()+y*b2.X(); };}(i,j),
       function(x,y){ return function(){ return x*b1.Y()+y*b2.Y(); };}(i,j)
       ], {name:'',style:4});
}}
brd.unsuspendUpdate();

Spheres:

var brd2 = JXG.JSXGraph.initBoard('box2', {boundingbox: [-5, 5, 5, -5], axis:true});
brd2.suspendUpdate();
var b3 = brd2.create('point', [1,0], {size:6, name:'', color:'blue'});
var b4 = brd2.create('point', [0,1], {size:6, name:'', color:'blue'});
var p = [];
for (i=-5;i<6;i++) for (j=-5;j<6;j++) {
  if (!(i==1&&j==0) && !(i==0&&j==1)) {
  p[i*11+j] = brd2.create('point',[
       function(x,y){ return function(){ return x*b3.X()+y*b4.X(); };}(i,j),
       function(x,y){ return function(){ return x*b3.Y()+y*b4.Y(); };}(i,j)
       ], {name:'',style:4});
  brd2.createElement('circle',[p[i*11+j],0.5]);
}}
brd2.unsuspendUpdate();