|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/gohover/cell/paprica/uploadtestfolder/Current Code/Launch Pages/ |
Upload File : |
<html>
<head>
<script src="../tiling-code-most-current.js"></script>
</head>
<body id="MainBody" >
<div id="Meshmakers_Div">
<div id="Named_Aperiodic_Meshmakers_Div">
</div>
<br><hr><br>
<div id="Tiling_Generator_Div">
</div>
<br><hr><br>
<div id="Named_Aperiodic_Meshmakers_Div">
</div>
<div id="Periodic_Meshmakers_Div">
</div>
<br><hr><br>
<div id="Concentric_Meshmakers_Div">
</div>
<br><hr><br>
<div id="Misc_Meshmakers_Div">
</div>
</div>
<div id="modal_substitution_div">
</div>
<div id="modal_periodic_div">
</div>
<div id="modal_concentric_div">
</div>
<div id="modal_multigrid_div">
</div>
<script type="text/javascript">
function make_substitution_tiling_aux() {
if (document.getElementById("single_tile_radio").checked) { single_or_rosette = "single"} else { single_or_rosette = "rosette"}
if (single_or_rosette == "rosette") {the_mesh_spec.rosette_p = true} else {the_mesh_spec.rosette_p = false}
the_mesh_spec.recursion_level = parseInt( document.getElementById("recursionlevel_input").value )
// var recursionlevel_message = "Enter a recursion level for " + choice + " tiling or accept the default value:"
// the_mesh_spec.recursion_level = parseInt( prompt(recursionlevel_message, default_tiling_recursionlevels[choice]))
initialize() // parse_mesh_specification will now be called from within initialize()
document.getElementById("modal_substitution_div").setAttribute("style", "display: none;")
}
function make_substitution_tiling(choice) {
// Three steps: hide the meshmaker div, make the mesh, call initialize() from the main tiling code.
// if this function is called, the global mesh_specification must be reset, assuming it already exists.
new_mesh_spec()
the_mesh_spec.tiling_name = choice
document.getElementById("Meshmakers_Div").setAttribute("style", "display: none;")
document.getElementById("modal_substitution_div").setAttribute("style", "display: block;")
document.getElementById("recursionlevel_input").value = default_tiling_settings[choice].recursion_level
document.getElementById("single_tile_radio").checked = true;
if (default_tiling_settings[choice].rosette_p == "unavailable") {
// Hide the rosette radio button
document.getElementById("single_tile_radio").setAttribute("style", "display: none;")
document.getElementById("rosette_radio").setAttribute("style", "display: none;")
document.getElementById("single_tile_radio_label").setAttribute("style", "display: none;")
document.getElementById("rosette_radio_label").setAttribute("style", "display: none;")
}
else if (default_tiling_settings[choice].rosette_p == true) {
document.getElementById("rosette_radio").checked = true;
}
else {
document.getElementById("single_tile_radio").checked = true;
}
// now wait for the user to say ok to the modal dialog choices then go to make_substitution_tiling_aux
}
function make_periodic_tiling_aux() {
the_mesh_spec.xmax = parseInt( document.getElementById("xmaxinput").value )
the_mesh_spec.ymax = parseInt( document.getElementById("ymaxinput").value )
initialize() // parse_mesh_specification will now be called from within initialize()
document.getElementById("modal_periodic_div").setAttribute("style", "display: none;")
}
function make_periodic_tiling(choice) {
new_mesh_spec()
the_mesh_spec.tiling_name = choice
document.getElementById("Meshmakers_Div").setAttribute("style", "display: none;")
document.getElementById("modal_periodic_div").setAttribute("style", "display: block;")
document.getElementById("xmaxinput").value = 50
document.getElementById("ymaxinput").value = 30
// now wait for the user to say ok to the modal dialog choices then go to make_periodic_tiling_aux
}
function make_concentric_tiling_aux() {
the_mesh_spec.n_rings = parseInt( document.getElementById("n_rings").value )
initialize() // parse_mesh_specification will now be called from within initialize()
document.getElementById("modal_concentric_div").setAttribute("style", "display: none;")
}
function make_concentric_tiling(choice) {
new_mesh_spec()
the_mesh_spec.tiling_name = choice
document.getElementById("Meshmakers_Div").setAttribute("style", "display: none;")
document.getElementById("modal_concentric_div").setAttribute("style", "display: block;")
document.getElementById("n_rings").value = 5
// now wait for the user to say ok to the modal dialog choices then go to make_periodic_tiling_aux
}
function make_multigrid_tiling_aux() {
the_mesh_spec.nfold = parseInt( document.getElementById("nfoldinput").value )
the_mesh_spec.lines = parseInt( document.getElementById("linesinput").value )
var sh = document.getElementById("shiftinput").value
if (sh == "shift2" || sh == "shift1") {
the_mesh_spec.shift = sh
}
else {
// isNaN()
the_mesh_spec.shift = parseFloat(sh )
}
initialize() // parse_mesh_specification will now be called from within initialize()
document.getElementById("modal_multigrid_div").setAttribute("style", "display: none;")
}
function make_multigrid_tiling(choice) {
new_mesh_spec()
the_mesh_spec.tiling_name = choice
document.getElementById("Meshmakers_Div").setAttribute("style", "display: none;")
document.getElementById("modal_multigrid_div").setAttribute("style", "display: block;")
document.getElementById("nfoldinput").value = 5
document.getElementById("linesinput").value = 8 // could look up default value (different for hiner and mine)
document.getElementById("shiftinput").value = "shift1"
// now wait for the user to say ok to the modal dialog choices then go to make_periodic_tiling_aux
}
function make_Paul_Zinn_Justin_tiling () { // this function may not be complete yet!
new_mesh_spec()
the_mesh_spec.tiling_name = "Paul_Zinn-Justin"
document.getElementById("Meshmakers_Div").setAttribute("style", "display: none;")
window.location.href = "./PaulZinnJustin-interface.html"
}
function make_img_button( b_img, b_caption, b_div, b_onclick) {
var element = document.createElement("button");
element.setAttribute("onclick", b_onclick)
var element2 = document.createElement("img");
element2.setAttribute("src", b_img);
element2.setAttribute("alt", "Submit");
element.appendChild(element2)
element.innerHTML += "<br>"+b_caption;
document.getElementById(b_div).appendChild(element);
}
//Level of Recursion: <input type="text" id="recursionlevel_input" value="5"><br>
//Optional number of linear subdivisions: <input type="text" id="linearsubdivision_input" value="0"><br>
document.getElementById("modal_substitution_div").innerHTML += "Level of recursion:"
element = document.createElement("input");
element.setAttribute("id", "recursionlevel_input");
element.setAttribute("type", "text");
document.getElementById("modal_substitution_div").appendChild(element);
document.getElementById("modal_substitution_div").innerHTML += "<br>"
document.getElementById("modal_substitution_div").innerHTML += "Optional number of linear subdivisions:"
element = document.createElement("input");
element.setAttribute("id", "linearsubdivision_input");
element.setAttribute("type", "text");
element.setAttribute("value", "0");
document.getElementById("modal_substitution_div").appendChild(element);
document.getElementById("modal_substitution_div").innerHTML += "<br>"
// Radio Button Section
element = document.createElement("input");
element.setAttribute("type", "radio");
element.setAttribute("name", "radiogroup1");
element.setAttribute("id", "single_tile_radio");
element.setAttribute("value", "picked_single_tile");
element.checked = true;
//element.onclick = choose_radio_draw
document.getElementById("modal_substitution_div").appendChild(element);
element = document.createElement("label");
element.setAttribute("id", "single_tile_radio_label");
element.setAttribute("for", "single_tile_radio");
element.innerHTML = "Single Tile";
document.getElementById("modal_substitution_div").appendChild(element);
element = document.createElement("input");
element.setAttribute("type", "radio");
element.setAttribute("name", "radiogroup1");
element.setAttribute("id", "rosette_radio");
element.setAttribute("value", "picked_rosette");
// element.onclick = choose_radio_select
document.getElementById("modal_substitution_div").appendChild(element);
element = document.createElement("label");
element.setAttribute("id", "rosette_radio_label");
element.setAttribute("for", "rosette_radio");
element.innerHTML = "Rosette";
document.getElementById("modal_substitution_div").appendChild(element);
document.getElementById("modal_substitution_div").innerHTML += "<br>"
//document.getElementById("single_tile_radio").checked = true;
document.getElementById("rosette_radio").checked = true;
element = document.createElement("button");
element.setAttribute("onclick", "make_substitution_tiling_aux()")
element.innerHTML += "Ok";
document.getElementById("modal_substitution_div").appendChild(element);
// element = document.createElement("div");
// element.setAttribute("id", "modal_substitution_messsage");
// document.getElementById("modal_substitution_div").appendChild(element);
// Modal Periodic
document.getElementById("modal_periodic_div").innerHTML += "Horizontal:"
element = document.createElement("input");
element.setAttribute("id", "xmaxinput");
element.setAttribute("type", "text");
document.getElementById("modal_periodic_div").appendChild(element);
document.getElementById("modal_periodic_div").innerHTML += "<br>"
document.getElementById("modal_periodic_div").innerHTML += "Vertical:"
element = document.createElement("input");
element.setAttribute("id", "ymaxinput");
element.setAttribute("type", "text");
document.getElementById("modal_periodic_div").appendChild(element);
document.getElementById("modal_periodic_div").innerHTML += "<br>"
element = document.createElement("button");
element.setAttribute("onclick", "make_periodic_tiling_aux()")
element.innerHTML += "Ok";
document.getElementById("modal_periodic_div").appendChild(element);
// Modal Concentric
document.getElementById("modal_concentric_div").innerHTML += "Number Of Concentric Rings:"
element = document.createElement("input");
element.setAttribute("id", "n_rings");
element.setAttribute("type", "text");
document.getElementById("modal_concentric_div").appendChild(element);
document.getElementById("modal_concentric_div").innerHTML += "<br>"
element = document.createElement("button");
element.setAttribute("onclick", "make_concentric_tiling_aux()")
element.innerHTML += "Ok";
document.getElementById("modal_concentric_div").appendChild(element);
// Modal Multigrid
document.getElementById("modal_multigrid_div").innerHTML += "N Fold Symmetry:"
element = document.createElement("input");
element.setAttribute("id", "nfoldinput");
element.setAttribute("type", "text");
document.getElementById("modal_multigrid_div").appendChild(element);
document.getElementById("modal_multigrid_div").innerHTML += "<br>"
document.getElementById("modal_multigrid_div").innerHTML += "Number of Parallel Lines:"
element = document.createElement("input");
element.setAttribute("id", "linesinput");
element.setAttribute("type", "text");
document.getElementById("modal_multigrid_div").appendChild(element);
document.getElementById("modal_multigrid_div").innerHTML += "<br>"
document.getElementById("modal_multigrid_div").innerHTML += "Shift: use 'shift1, shift2, or a number greater than zero."
element = document.createElement("input");
element.setAttribute("id", "shiftinput");
element.setAttribute("type", "text");
document.getElementById("modal_multigrid_div").appendChild(element);
document.getElementById("modal_multigrid_div").innerHTML += "<br>"
element = document.createElement("button");
element.setAttribute("onclick", "make_multigrid_tiling_aux()")
element.innerHTML += "Ok";
document.getElementById("modal_multigrid_div").appendChild(element);
// Hide the modal dialogs initially
document.getElementById("modal_substitution_div").setAttribute("style", "display: none;")
document.getElementById("modal_periodic_div").setAttribute("style", "display: none;")
document.getElementById("modal_concentric_div").setAttribute("style", "display: none;")
document.getElementById("modal_multigrid_div").setAttribute("style", "display: none;")
make_img_button( "buttons/PenroseRhombs-level7.gif", "Penrose Rhombs","Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('PenroseRhombs')")
make_img_button( "buttons/PenroseKitesDarts-level7.gif", "Penrose Kites&Darts","Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('PenroseKites')")
make_img_button( "buttons/PenroseRobinson-level7.gif", "Robinson","Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('PenroseRobinson')")
make_img_button( "buttons/PenroseP1-c1.gif", "Penrose P1","Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Penrose_P1')")
make_img_button( "buttons/BinaryTiling2.gif", "Binary", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('BinaryTiling')")
make_img_button( "buttons/AmmannBeenker_button4.gif", "Ammann Beenker","Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('AmmannBeenker')")
// To have a multiple line caption, use <br> like the following line:
// make_img_button( "buttons/Watanabe_Ito_Soma_8_Fold.gif", "Watanabe Ito Soma<br>8_Fold","Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Watanabe_Ito_Soma_8_Fold')")
make_img_button( "buttons/Watanabe_Ito_Soma_8_Fold.gif", "Watanabe Ito Soma 8","Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Watanabe_Ito_Soma_8_Fold')")
make_img_button( "buttons/AmmannA4_level5_button.gif", "Ammann A4", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('AmmannA4')")
make_img_button( "buttons/ChairTiling_button.gif", "Chair", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Chair')")
make_img_button( "buttons/Sphinx_button.gif", "Sphinx", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Sphinx')")
make_img_button( "buttons/Danzer7fold.gif", "Danzer 7 Fold", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Danzer7fold')")
make_img_button( "buttons/DanzerT2000_button.gif", "Danzer T2000", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('DanzerT2000')")
make_img_button( "buttons/ChairTiling_button.gif", "Diamond Big Triangle", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Diamond_BigTriangle')")
make_img_button( "buttons/ChairTiling_button.gif", "Diamond Small Triangle", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Diamond_SmallTriangle')")
make_img_button( "buttons/ChairTiling_button.gif", "Lord Tiling", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Lord_Tiling')")
make_img_button( "buttons/Dominos_button.gif", "Domino", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Domino')")
make_img_button( "buttons/RhombSquareOctogon.gif", "RhombSquareOctogon", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('RhombSquareOctogon')")
make_img_button( "buttons/Pinwheel-wrongsize.gif", "Conway Radin Pinwheel", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Pinwheel')")
make_img_button( "buttons/Shield.gif", "Shield", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Shield')")
make_img_button( "buttons/Socolar.gif", "Socolar", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Socolar')")
make_img_button( "buttons/SocolarInscribedRhombs.gif", "Socolar w/Rhombs", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('SocolarInscribedRhombs')")
make_img_button( "buttons/Watanabe_Ito_Soma_12_Fold2.gif", "Watanabe Ito Soma 12", "Named_Aperiodic_Meshmakers_Div", "make_substitution_tiling('Watanabe_Ito_Soma_12_Fold')")
make_img_button( "buttons/Cairo_button.gif", "Quasi-periodic Tiling Generator<br>by Paul Zinn-Justin","Tiling_Generator_Div", "make_Paul_Zinn_Justin_tiling ()")
make_img_button( "buttons/Cairo_button.gif", "Quasi-periodic Tiling Generator<br>by Karl Hiner","Tiling_Generator_Div", "make_periodic_tiling('Cairo')")
make_img_button( "buttons/Cairo_button.gif", "JCrystal.com Tilings<br>by Steffen Weber","Tiling_Generator_Div", "make_periodic_tiling('Cairo')")
make_img_button( "buttons/Cairo_button.gif", "MultiGrid Tiling Generator","Tiling_Generator_Div", "make_multigrid_tiling('my_multigrid')")
make_img_button( "buttons/Cairo_button.gif", "Experimental Tiling Generator2","Tiling_Generator_Div", "make_multigrid_tiling('gen_experiment2')")
make_img_button( "buttons/Cairo_button.gif", "Experimental Tiling Generator3","Tiling_Generator_Div", "make_multigrid_tiling('gen_experiment3')")
make_img_button( "buttons/Cairo_button.gif", "Experimental Tiling Generator4","Tiling_Generator_Div", "make_multigrid_tiling('gen_experiment4')")
make_img_button( "buttons/Cairo_button.gif", "Experimental Tiling Generator5","Tiling_Generator_Div", "make_multigrid_tiling('gen_experiment5')")
make_img_button( "buttons/Cairo_button.gif", "Experimental Tiling Generator6","Tiling_Generator_Div", "make_multigrid_tiling('gen_experiment6')")
make_img_button( "buttons/Cairo_button.gif", "Experimental Tiling Generator7","Tiling_Generator_Div", "make_multigrid_tiling('gen_experiment7')")
make_img_button( "buttons/Square_button.gif", "Square", "Periodic_Meshmakers_Div", "make_periodic_tiling('Square')")
make_img_button( "buttons/tetrakis_square_button.gif", "Tetrakis Square", "Periodic_Meshmakers_Div", "make_periodic_tiling('Tetrakis_Square')")
make_img_button( "buttons/Cairo_button.gif", "Cairo", "Periodic_Meshmakers_Div", "make_periodic_tiling('Cairo')")
make_img_button( "buttons/Truncated_square_button.gif", "Truncated Square", "Periodic_Meshmakers_Div", "make_periodic_tiling('Truncated_Square')")
make_img_button( "buttons/snub_square2.gif", "Snub Square", "Periodic_Meshmakers_Div", "make_periodic_tiling('Snub_Square')")
make_img_button( "buttons/triangle_button.gif", "Trianglular","Periodic_Meshmakers_Div", "make_periodic_tiling('Regular_Trianglular')")
make_img_button( "buttons/hex1.gif", "Hexagonal", "Periodic_Meshmakers_Div", "make_periodic_tiling('Hexagonal')")
make_img_button( "buttons/rhombille1.gif", "Rhombille", "Periodic_Meshmakers_Div", "make_periodic_tiling('Rhombille')")
make_img_button( "buttons/trihexagonal.gif", "Trihexagonal", "Periodic_Meshmakers_Div", "make_periodic_tiling('Trihexagonal')")
make_img_button( "buttons/truncated_hexagonal.gif", "Truncated Hexagonal","Periodic_Meshmakers_Div", "make_periodic_tiling('Truncated_Hexagonal')")
make_img_button( "buttons/Square_button.gif", "Deltoidal Trihexagonal","Periodic_Meshmakers_Div", "make_periodic_tiling('Deltoidal_Trihexagonal')")
make_img_button( "buttons/rhombitrihexagonal.gif", "Rhombitrihexagonal", "Periodic_Meshmakers_Div", "make_periodic_tiling('Rhombitrihexagonal')")
make_img_button( "buttons/floret_pentagonal1.gif", "Floret Pentagonal", "Periodic_Meshmakers_Div", "make_periodic_tiling('Floret_Pentagonal')")
make_img_button( "buttons/triakis_triangular1.gif", "Triakis Triangular", "Periodic_Meshmakers_Div", "make_periodic_tiling('Triakis_Triangular')")
make_img_button( "buttons/truncated_trihexagonal.gif", "Truncated TriHexagonal", "Periodic_Meshmakers_Div", "make_periodic_tiling('Truncated_TriHexagonal')")
make_img_button( "buttons/kisrhombille.gif", "Kisrhombille", "Periodic_Meshmakers_Div", "make_periodic_tiling('Kisrhombille')")
make_img_button( "buttons/snub_trihexagonal.gif", "Snub Trihexagonal", "Periodic_Meshmakers_Div", "make_periodic_tiling('Snub_Trihexagonal')")
make_img_button( "buttons/elongated_triangular.gif", "Elongated Triangular", "Periodic_Meshmakers_Div", "make_periodic_tiling('Elongated_Triangular')")
make_img_button( "buttons/elongated_triangular.gif", "Prisimatic Pentagonal", "Periodic_Meshmakers_Div", "make_periodic_tiling('Prismatic_Pentagonal')")
make_img_button( "buttons/circular-with-centerhole.gif", "Circular", "Concentric_Meshmakers_Div", "make_concentric_tiling('Circular')")
make_img_button( "buttons/spiral-offset-circles.gif", "Spiral", "Concentric_Meshmakers_Div", "make_concentric_tiling('Spiral')")
//Misc_Meshmakers_Div is available
make_img_button( "buttons/Square_button.gif", "Martini", "Periodic_Meshmakers_Div", "make_periodic_tiling('Martini')")
make_img_button( "buttons/Square_button.gif", "Durer Thin Rhomb Periodic", "Misc_Meshmakers_Div", "make_periodic_tiling('durer_pentagon_and_thinrhomb_periodic')")
make_img_button( "buttons/Square_button.gif", "Durer Thin Rhomb Radial", "Misc_Meshmakers_Div", "make_substitution_tiling('durer_pentagon_and_thinrhomb_radial')")
make_img_button( "buttons/Square_button.gif", "Durer Thin Rhomb Spiral", "Misc_Meshmakers_Div", "make_substitution_tiling('durer_pentagon_and_thinrhomb_spiral')")
make_img_button( "buttons/Square_button.gif", "Kepler Aa Radial", "Misc_Meshmakers_Div", "make_substitution_tiling('Kepler_Aa_Radial')")
</script>
</body>
</html>