webgl-3d-animation
Version:
Interactive 3D animation using WebGL showing a 2D predator prey ecology on a grid which is real-time mapped onto the surface of a 3D torus. node.js server side gives access to WAV format files which are rendered using Web Audio API
246 lines (153 loc) • 8.87 kB
JavaScript
var schwartz_obj = function() {
// ------------- below are CONSTANTS shared with other scripts ------------------ //
var R = 0;
var G = 1;
var B = 2;
var A = 3;
var X = 0;
var Y = 1;
var Z = 2;
var min = 3;
var max = 4;
var median = 5;
var SIZE_DIM_3D = 3;
var SIZE_DIM_COLORS = 4;
var FLT_MAX = 99999.99;
var FLT_MIN = -99999.99;
var object_handle = {}; // holds all the various flavors of graphic object types
var animals_schwartz = "animals_schwartz";
object_handle[animals_schwartz] = {};
var all_object_labels = [];
all_object_labels.push(animals_schwartz);
// ------------
function init_schwartz(gl, given_max_num_schwartz_points) {
// http://paulbourke.net/geometry/borg/
// sin(x y) + sin(y z) + sin(z x) = 0
// ------- here are others yet to be implemented :
// https://developer.mozilla.org/ms/demos/detail/3d-grapher-with-fullscreen
// z = cos(x*2)*cos(y*2) http://www.math.uri.edu/~bkaskosz/flashmo/graph3d/
//
// ------- and another
//
// https://developer.mozilla.org/ms/demos/detail/implicit-equation-3d-grapher
// 0 = -(cos(x) + cos(y) + cos(z))
// ----------------------
object_handle[animals_schwartz].vertices = new Float32Array(given_max_num_schwartz_points * SIZE_DIM_3D);
object_handle[animals_schwartz].colors = new Float32Array(given_max_num_schwartz_points * SIZE_DIM_COLORS);
var min_boundary = 0.0;
// var max_boundary = 6.0;
// var max_boundary = 10.0;
var max_boundary = 12.0;
// var min_boundary = -10.0;
// var max_boundary = 10.0;
var curr_approx_to_zero;
var best_approx_to_zero;
var maximum_acceptable_approx_to_zero = 0.1;
var maximum_attempts = 100;
var curr_attempt;
var min_max = [];
Common_Utils.init_min_max(min_max);
// var object_handle[animals_schwartz] = {};
object_handle[animals_schwartz].min_max = min_max;
object_handle[animals_schwartz].want_translate = true;
// object_handle[animals_schwartz].want_translate = false;
// object_handle[animals_schwartz].pre_translate = [ 1.5, 2.5, 1.5];
// object_handle[animals_schwartz].pre_translate = [ 1.5, 2.5, 0.5];
// object_handle[animals_schwartz].pre_translate = [ 1.5, 4.5, 0.5];
// object_handle[animals_schwartz].pre_translate = [ 1.0, 4.5, 0.5];
// object_handle[animals_schwartz].pre_translate = [ 1.0, 4.5, 0.0];
// object_handle[animals_schwartz].pre_translate = [ 1.0, 3.5, 0.0];
// object_handle[animals_schwartz].pre_translate = [ 2.0, 0.5, -2.0];
// object_handle[animals_schwartz].pre_translate = [ 0.0, 0.0, 0.0];
object_handle[animals_schwartz].pre_translate = [ 0.0, 3.0, 0.0];
object_handle[animals_schwartz].post_translate = Common_Utils.negate_array(object_handle[animals_schwartz].pre_translate);
var object_base_offset = -0.5;
object_handle[animals_schwartz].rotation_array = [0.09, 0.08, -0.11];
var x;
var y;
var z;
var curr_borg_vertex = 0;
var curr_borg_color_index = 0;
do {
x = Common_Utils.get_random_in_range_inclusive_float(min_boundary, max_boundary);
y = Common_Utils.get_random_in_range_inclusive_float(min_boundary, max_boundary);
best_approx_to_zero = FLT_MAX;
curr_attempt = 0;
do {
z = Common_Utils.get_random_in_range_inclusive_float(min_boundary, max_boundary);
// curr_approx_to_zero = Math.sin( x * y) + Math.sin(y * z) + Math.sin(z * x); // OK nice
// 0 = -(cos(x) + cos(y) + cos(z))
curr_approx_to_zero = -Math.cos( x) + Math.cos(y) + Math.cos(z); // very regular
// 0 = -(cos(x) + cos(y) + cos(z))
// if (fabs(curr_approx_to_zero) < best_approx_to_zero) {
if (Math.abs(curr_approx_to_zero) < best_approx_to_zero) {
// best_approx_to_zero = fabs(curr_approx_to_zero);
best_approx_to_zero = Math.abs(curr_approx_to_zero);
}
} while (best_approx_to_zero > maximum_acceptable_approx_to_zero &&
curr_attempt++ < maximum_attempts);
// fprintf(stdout, "%d %d X %f Y %f best_z_so_far %f best approx %f\n",
// curr_borg_vertex, curr_attempt, x, y, best_z_so_far, best_approx_to_zero
// );
if (curr_attempt < maximum_attempts) {
// console.log('curr_borg_vertex ', curr_borg_vertex);
// console.log('SIZE_DIM_3D ', SIZE_DIM_3D);
// console.log('Z ', Z);
// console.log('z ', z);
object_handle[animals_schwartz].vertices[curr_borg_vertex*SIZE_DIM_3D + X] = x;
object_handle[animals_schwartz].vertices[curr_borg_vertex*SIZE_DIM_3D + Y] = y;
object_handle[animals_schwartz].vertices[curr_borg_vertex*SIZE_DIM_3D + Z] = z;
Common_Utils.populate_min_max(min_max, x, y, z);
curr_borg_vertex++;
}
} while (curr_borg_vertex < given_max_num_schwartz_points);
// -------- now normalize borg from
var diff_actual = min_max[max] - min_max[min];
var offset_borg_x = object_handle[animals_schwartz].pre_translate[0] + object_base_offset; // move into translation N rotation
var offset_borg_y = object_handle[animals_schwartz].pre_translate[1] + object_base_offset;
var offset_borg_z = object_handle[animals_schwartz].pre_translate[2] + object_base_offset;
for (var curr_normalize_point = 0; curr_normalize_point < curr_borg_vertex; curr_normalize_point++) {
object_handle[animals_schwartz].colors[curr_borg_color_index + R] = (object_handle[animals_schwartz].vertices[curr_normalize_point*SIZE_DIM_3D +
X] / diff_actual);
object_handle[animals_schwartz].colors[curr_borg_color_index + G] = (object_handle[animals_schwartz].vertices[curr_normalize_point*SIZE_DIM_3D +
Y] / diff_actual);
object_handle[animals_schwartz].colors[curr_borg_color_index + B] = (object_handle[animals_schwartz].vertices[curr_normalize_point*SIZE_DIM_3D +
Z] / diff_actual);
object_handle[animals_schwartz].colors[curr_borg_color_index + A] = 1.0;
object_handle[animals_schwartz].vertices[curr_normalize_point*SIZE_DIM_3D + X] =
(object_handle[animals_schwartz].vertices[curr_normalize_point*SIZE_DIM_3D + X] / diff_actual) + offset_borg_x;
object_handle[animals_schwartz].vertices[curr_normalize_point*SIZE_DIM_3D + Y] =
(object_handle[animals_schwartz].vertices[curr_normalize_point*SIZE_DIM_3D + Y] / diff_actual) + offset_borg_y;
object_handle[animals_schwartz].vertices[curr_normalize_point*SIZE_DIM_3D + Z] =
(object_handle[animals_schwartz].vertices[curr_normalize_point*SIZE_DIM_3D + Z] / diff_actual) + offset_borg_z;
// console.log(object_handle[animals_schwartz].vertices[curr_normalize_point*SIZE_DIM_3D + X],
// object_handle[animals_schwartz].vertices[curr_normalize_point*SIZE_DIM_3D + Y],
// object_handle[animals_schwartz].vertices[curr_normalize_point*SIZE_DIM_3D + Z]
// );
curr_borg_color_index += SIZE_DIM_COLORS;
}
object_handle[animals_schwartz].count = curr_borg_vertex;
object_handle[animals_schwartz].vertex_position_buffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, object_handle[animals_schwartz].vertex_position_buffer);
gl.bufferData(gl.ARRAY_BUFFER, object_handle[animals_schwartz].vertices, gl.STATIC_DRAW);
object_handle[animals_schwartz].vertex_position_buffer.itemSize = SIZE_DIM_3D;
object_handle[animals_schwartz].vertex_position_buffer.numItems = curr_borg_vertex;
// ---
object_handle[animals_schwartz].vertex_color_buffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, object_handle[animals_schwartz].vertex_color_buffer);
gl.bufferData(gl.ARRAY_BUFFER, object_handle[animals_schwartz].colors, gl.STATIC_DRAW);
object_handle[animals_schwartz].vertex_color_buffer.itemSize = SIZE_DIM_COLORS;
object_handle[animals_schwartz].vertex_color_buffer.numItems = curr_borg_vertex;
} // init_borg
var get_object_handle = function() {
return object_handle;
}
var get_all_object_labels = function() {
return all_object_labels;
}
return { // to make visible to calling reference frame list function here
init_schwartz : init_schwartz,
get_object_handle : get_object_handle,
get_all_object_labels : get_all_object_labels
};
}(); // fns = function()