index_with_json_based_setup.html

<meta charset="utf-8" />

<body bgcolor=black />

<script src=node_modules/@consunet/graph-lab/graph.js></script>

<script>

var gr = new graph({
  scaling: 0.4,
  yaw: -0.5,
  roll: -0.5,
  range_y: {from: -4, to: 4},
  range_z: {from: Math.PI * -2, to: Math.PI * 2, tick: Math.PI * 0.125},
  range_x: {from: Math.PI * -2, to: Math.PI * 2, tick: Math.PI * 0.125},
  x_name: 'x', z_name: 'z', y_name: 'y'
});

var offset = 0;

gr.insertFunction(function(x, z) {return window.Amplitude * Math.cos(x + offset) * Math.cos(z + offset);}, 'cos(x) \u00d7 cos(z)');
gr.insertFunction(function(x, z) {return window.Amplitude * Math.exp(x) * z / 100;}, 'exp(x) \u00d7 z');

gr.insertSwitchPanel();
gr.createParameterBlock();
gr.createParameter('Amplitude', 0, 1, 0.01, 1);

gr.animate(100, function() {offset += 0.04;});

</script>