How to use x_axis method in wpt

Best JavaScript code snippet using wpt

galleryFunctions.js

Source:galleryFunctions.js

1function onWindowResize() {2  camera.aspect = window.innerWidth / window.innerHeight;3  camera.updateProjectionMatrix();4  renderer.setSize(window.innerWidth, window.innerHeight);5}67function initCannon() {8  world = new CANNON.World();9  world.quatNormalizeSkip = 0;10  world.quatNormalizeFast = false;1112  var solver = new CANNON.GSSolver();1314  world.defaultContactMaterial.contactEquationStiffness = 1e9;15  world.defaultContactMaterial.contactEquationRelaxation = 4;1617  solver.iterations = 7;18  solver.tolerance = 0.1;19  var split = true;20  if (split) world.solver = new CANNON.SplitSolver(solver);21  else world.solver = solver;2223  world.gravity.set(0, -20, 0);24  world.broadphase = new CANNON.NaiveBroadphase();2526  // Create a slippery material (friction coefficient = 0.0)27  physicsMaterial = new CANNON.Material("slipperyMaterial");28  var physicsContactMaterial = new CANNON.ContactMaterial(29    physicsMaterial,30    physicsMaterial,31    0.0,32    0.333  );34  // We must add the contact materials to the world35  world.addContactMaterial(physicsContactMaterial);3637  // Create a sphere38  var mass = 2,39    radius = 0.5;4041  sphereShape = new CANNON.Sphere(radius);42  sphereBody = new CANNON.Body({ mass: mass });43  sphereBody.addShape(sphereShape);44  sphereBody.position.set(-10, 1, 1);45  sphereBody.linearDamping = 0.9;46  world.add(sphereBody);4748  // Create a plane49  var groundShape = new CANNON.Plane();50  var groundBody = new CANNON.Body({ mass: 0 });51  groundBody.addShape(groundShape);52  groundBody.quaternion.setFromAxisAngle(53    new CANNON.Vec3(1, 0, 0),54    -Math.PI / 255  );56  world.add(groundBody);57}5859function animate() {60  requestAnimationFrame(animate);6162  if (controls.enabled) {63    world.step(dt);6465    // Update ball positions66    for (var i = 0; i < balls.length; i++) {67      ballMeshes[i].position.copy(balls[i].position);68      ballMeshes[i].quaternion.copy(balls[i].quaternion);69    }7071    // Update box positions72    for (var i = 0; i < boxes.length; i++) {73      boxMeshes[i].position.copy(boxes[i].position);74      boxMeshes[i].quaternion.copy(boxes[i].quaternion);75    }76  }7778  controls.update(Date.now() - time);79  renderer.render(scene, camera);80  time = Date.now();81}8283function addLights() {84  light3 = new THREE.SpotLight(0xffffff);85  light3.position.set(10, 30, 20);86  light3.target.position.set(0, 0, 0);87  if (true) {88    light3.castShadow = true;89    light3.shadowCameraNear = 20;90    light3.shadowCameraFar = 50;91    light3.shadowCameraFov = 40;92    light3.shadowMapBias = 0.1;93    light3.shadowMapDarkness = 0.7;94    light3.shadowMapWidth = 2 * 512;95    light3.shadowMapHeight = 2 * 512;96  }97  scene.add(light3);9899  light2 = new THREE.SpotLight(0xffffff);100  light2.position.set(5, -100, 0);101  light2.target.position.set(0, 0, 0);102  if (true) {103    light2.castShadow = true;104    light2.shadowCameraNear = 20;105    light2.shadowCameraFar = 50;106    light2.shadowCameraFov = 40;107    light2.shadowMapBias = 0.1;108    light2.shadowMapDarkness = 0.99;109    light2.shadowMapWidth = 2 * 512;110    light2.shadowMapHeight = 2 * 512;111  }112  scene.add(light2);113114  lightTOP = new THREE.SpotLight(0xffffff);115  lightTOP.position.set(5, 100, 0);116  lightTOP.target.position.set(0, 0, 0);117  if (true) {118    lightTOP.castShadow = true;119    lightTOP.shadowCameraNear = 20;120    lightTOP.shadowCameraFar = 50;121    lightTOP.shadowCameraFov = 40;122    lightTOP.shadowMapBias = 0.1;123    lightTOP.shadowMapDarkness = 0.99;124    lightTOP.shadowMapWidth = 2 * 512;125    lightTOP.shadowMapHeight = 2 * 512;126  }127  scene.add(lightTOP);128129  lightRIGHT = new THREE.SpotLight(0x888888);130  lightRIGHT.position.set(5, 0, 100);131  lightRIGHT.target.position.set(0, 0, 0);132  if (true) {133    lightRIGHT.castShadow = true;134    lightRIGHT.shadowCameraNear = 20;135    lightRIGHT.shadowCameraFar = 50;136    lightRIGHT.shadowCameraFov = 40;137    lightRIGHT.shadowMapBias = 0.1;138    lightRIGHT.shadowMapDarkness = 0.99;139    lightRIGHT.shadowMapWidth = 2 * 512;140    lightRIGHT.shadowMapHeight = 2 * 512;141  }142  scene.add(lightRIGHT);143144  lightLEFT = new THREE.SpotLight(0x888888);145  lightLEFT.position.set(5, 0, -100);146  lightLEFT.target.position.set(0, 0, 0);147  if (true) {148    lightLEFT.castShadow = true;149    lightLEFT.shadowCameraNear = 20;150    lightLEFT.shadowCameraFar = 50;151    lightLEFT.shadowCameraFov = 40;152    lightLEFT.shadowMapBias = 0.1;153    lightLEFT.shadowMapDarkness = 0.99;154    lightLEFT.shadowMapWidth = 2 * 512;155    lightLEFT.shadowMapHeight = 2 * 512;156  }157  scene.add(lightLEFT);158159  lightBack = new THREE.SpotLight(0x888888);160  lightBack.position.set(100, 0, 0);161  lightBack.target.position.set(0, 0, 0);162  if (true) {163    lightBack.castShadow = true;164    lightBack.shadowCameraNear = 20;165    lightBack.shadowCameraFar = 50;166    lightBack.shadowCameraFov = 40;167    lightBack.shadowMapBias = 0.1;168    lightBack.shadowMapDarkness = 0.99;169    lightBack.shadowMapWidth = 2 * 512;170    lightBack.shadowMapHeight = 2 * 512;171  }172  scene.add(lightBack);173174  lightFront = new THREE.SpotLight(0xd1dcdf);175  lightFront.position.set(-100, 0, 0);176  lightFront.target.position.set(0, 0, 0);177  if (true) {178    lightFront.castShadow = true;179    lightFront.shadowCameraNear = 20;180    lightFront.shadowCameraFar = 50;181    lightFront.shadowCameraFov = 40;182    lightFront.shadowMapBias = 0.1;183    lightFront.shadowMapDarkness = 0.99;184    lightFront.shadowMapWidth = 2 * 512;185    lightFront.shadowMapHeight = 2 * 512;186  }187  scene.add(lightFront);188}189190function addWall(material, x, y, z, x_axis, y_axis, z_axis, rotate) {191  var halfExtents = new CANNON.Vec3(x_axis, y_axis, z_axis);192  var boxShape = new CANNON.Box(halfExtents);193  var boxGeometry = new THREE.BoxGeometry(194    halfExtents.x * 2,195    halfExtents.y * 2,196    halfExtents.z * 2197  );198199  var boxBody = new CANNON.Body({ mass: 0 });200  boxBody.addShape(boxShape);201  var boxMesh = new THREE.Mesh(boxGeometry, material);202  world.add(boxBody);203  scene.add(boxMesh);204  boxBody.position.set(x, y, z);205  boxMesh.position.set(x, y, z);206  boxMesh.castShadow = false;207  boxMesh.receiveShadow = false;208  boxes.push(boxBody);209  boxMeshes.push(boxMesh);210}211212function addNewFloors(count) {213  material_wall = new THREE.MeshPhongMaterial({ color: 0x88888 });214  material_floor = new THREE.MeshPhongMaterial({ color: 0x000 });215  material_ceiling = new THREE.MeshPhongMaterial({ color: 0x9d7bd1 });216217  for (var i = 0; i < count; i++) {218    addWall(219      material_wall,220      (x = 0),221      (y = i * 2 + 3),222      (z = 0),223      (x_axis = 5),224      (y_axis = 1),225      (z_axis = 0.05)226    );227    addWall(228      material_wall,229      (x = -3),230      (y = i * 2 + 3),231      (z = 1),232      (x_axis = 0.05),233      (y_axis = 1),234      (z_axis = 1)235    );236    addWall(237      material_wall,238      (x = -3),239      (y = i * 2 + 3),240      (z = 4),241      (x_axis = 0.05),242      (y_axis = 1),243      (z_axis = 1)244    );245    addWall(246      material_wall,247      (x = -3),248      (y = i * 2 + 3.8),249      (z = 2.5),250      (x_axis = 0.05),251      (y_axis = 0.2),252      (z_axis = 0.5)253    );254    addWall(255      material_wall,256      (x = 0),257      (y = i * 2 + 3),258      (z = 5),259      (x_axis = 5),260      (y_axis = 1),261      (z_axis = 0.05)262    );263    addWall(264      material_wall,265      (x = -5),266      (y = i * 2 + 2.25),267      (z = 2.5),268      (x_axis = 0.05),269      (y_axis = 0.3),270      (z_axis = 2.5)271    );272    addWall(273      material_wall,274      (x = 5),275      (y = i * 2 + 3),276      (z = 1),277      (x_axis = 0.05),278      (y_axis = 1),279      (z_axis = 1)280    );281    addWall(282      material_wall,283      (x = 5),284      (y = i * 2 + 3),285      (z = 4),286      (x_axis = 0.05),287      (y_axis = 1),288      (z_axis = 1)289    );290    addWall(291      material_wall,292      (x = 5),293      (y = i * 2 + 3.8),294      (z = 2.5),295      (x_axis = 0.05),296      (y_axis = 0.2),297      (z_axis = 0.5)298    );299    addWall(300      material_wall,301      (x = -5),302      (y = i * 2 + 3),303      (z = 6.45),304      (x_axis = 0.05),305      (y_axis = 1),306      (z_axis = 1.5)307    );308    addWall(309      material_wall,310      (x = -4.05),311      (y = i * 2 + 3),312      (z = 8),313      (x_axis = 1),314      (y_axis = 1),315      (z_axis = 0.05)316    );317    addWall(318      material_wall,319      (x = -3),320      (y = i * 2 + 3),321      (z = 9.95),322      (x_axis = 0.05),323      (y_axis = 1),324      (z_axis = 2)325    );326    addWall(327      material_wall,328      (x = -1.25),329      (y = i * 2 + 3),330      (z = 12),331      (x_axis = 1.8),332      (y_axis = 1),333      (z_axis = 0.05)334    );335    addWall(336      material_wall,337      (x = -3),338      (y = i * 2 + 3),339      (z = 14.5),340      (x_axis = 0.05),341      (y_axis = 1),342      (z_axis = 2.5)343    );344    addWall(345      material_wall,346      (x = 3.25),347      (y = i * 2 + 3),348      (z = 12),349      (x_axis = 1.7),350      (y_axis = 1),351      (z_axis = 0.05)352    );353    addWall(354      material_wall,355      (x = 1.05),356      (y = i * 2 + 3.8),357      (z = 12),358      (x_axis = 0.5),359      (y_axis = 0.2),360      (z_axis = 0.05)361    );362    addWall(363      material_wall,364      (x = 5),365      (y = i * 2 + 3),366      (z = 7),367      (x_axis = 0.05),368      (y_axis = 1),369      (z_axis = 2)370    );371    addWall(372      material_wall,373      (x = 5),374      (y = i * 2 + 3),375      (z = 11),376      (x_axis = 0.05),377      (y_axis = 1),378      (z_axis = 1)379    );380    addWall(381      material_wall,382      (x = 5),383      (y = i * 2 + 3.8),384      (z = 9.5),385      (x_axis = 0.05),386      (y_axis = 0.2),387      (z_axis = 0.5)388    );389    addWall(390      material_wall,391      (x = 0.95),392      (y = i * 2 + 3),393      (z = 17),394      (x_axis = 4),395      (y_axis = 1),396      (z_axis = 0.05)397    );398    addWall(399      material_wall,400      (x = 5),401      (y = i * 2 + 3),402      (z = 14.5),403      (x_axis = 0.05),404      (y_axis = 1),405      (z_axis = 2.55)406    );407    addWall(408      material_wall,409      (x = -5),410      (y = i * 2 + 3),411      (z = -1.45),412      (x_axis = 0.05),413      (y_axis = 1),414      (z_axis = 1.5)415    );416    addWall(417      material_wall,418      (x = -4.05),419      (y = i * 2 + 3),420      (z = -2.95),421      (x_axis = 1),422      (y_axis = 1),423      (z_axis = 0.05)424    );425    addWall(426      material_wall,427      (x = -3),428      (y = i * 2 + 3),429      (z = -6),430      (x_axis = 0.05),431      (y_axis = 1),432      (z_axis = 3.1)433    );434    addWall(435      material_wall,436      (x = 5),437      (y = i * 2 + 3),438      (z = -2),439      (x_axis = 0.05),440      (y_axis = 1),441      (z_axis = 2)442    );443    addWall(444      material_wall,445      (x = 5),446      (y = i * 2 + 3),447      (z = -7),448      (x_axis = 0.05),449      (y_axis = 1),450      (z_axis = 2)451    );452    addWall(453      material_wall,454      (x = 5),455      (y = i * 2 + 3.8),456      (z = -4.5),457      (x_axis = 0.05),458      (y_axis = 0.2),459      (z_axis = 0.5)460    );461    addWall(462      material_wall,463      (x = -1.25),464      (y = i * 2 + 3),465      (z = -9.05),466      (x_axis = 1.8),467      (y_axis = 1),468      (z_axis = 0.05)469    );470    addWall(471      material_wall,472      (x = 3.25),473      (y = i * 2 + 3),474      (z = -9.05),475      (x_axis = 1.7),476      (y_axis = 1),477      (z_axis = 0.05)478    );479    addWall(480      material_wall,481      (x = 1.05),482      (y = i * 2 + 3.8),483      (z = -9.05),484      (x_axis = 0.5),485      (y_axis = 0.2),486      (z_axis = 0.05)487    );488    addWall(489      material_wall,490      (x = -3),491      (y = i * 2 + 3),492      (z = -10.5),493      (x_axis = 0.05),494      (y_axis = 1),495      (z_axis = 1.5)496    );497    addWall(498      material_wall,499      (x = 1),500      (y = i * 2 + 3),501      (z = -11.95),502      (x_axis = 4),503      (y_axis = 1),504      (z_axis = 0.05)505    );506    addWall(507      material_wall,508      (x = 5),509      (y = i * 2 + 3),510      (z = -10.5),511      (x_axis = 0.05),512      (y_axis = 1),513      (z_axis = 1.5)514    );515    addWall(516      material_wall,517      (x = -3.7),518      (y = i * 2 + 3),519      (z = -11.95),520      (x_axis = 0.7),521      (y_axis = 1),522      (z_axis = 0.05)523    );524    addWall(525      material_wall,526      (x = -4.4),527      (y = i * 2 + 3),528      (z = -14.4),529      (x_axis = 0.05),530      (y_axis = 1),531      (z_axis = 2.5)532    );533    addWall(534      material_wall,535      (x = -1.95),536      (y = i * 2 + 3),537      (z = -16.9),538      (x_axis = 2.5),539      (y_axis = 1),540      (z_axis = 0.05)541    );542    addWall(543      material_wall,544      (x = 0.55),545      (y = i * 2 + 3),546      (z = -15.95),547      (x_axis = 0.05),548      (y_axis = 1),549      (z_axis = 1)550    );551    addWall(552      material_wall,553      (x = 4),554      (y = i * 2 + 3),555      (z = -12.5),556      (x_axis = 0.05),557      (y_axis = 1),558      (z_axis = 0.5)559    );560    addWall(561      material_wall,562      (x = 4),563      (y = i * 2 + 3),564      (z = -14.5),565      (x_axis = 0.05),566      (y_axis = 1),567      (z_axis = 0.5)568    );569    addWall(570      material_wall,571      (x = 4),572      (y = i * 2 + 3.8),573      (z = -13.5),574      (x_axis = 0.05),575      (y_axis = 0.2),576      (z_axis = 0.5)577    );578    addWall(579      material_wall,580      (x = 2.3),581      (y = i * 2 + 3),582      (z = -15),583      (x_axis = 1.75),584      (y_axis = 1),585      (z_axis = 0.05)586    );587    addWall(588      material_wall,589      (x = 5.8),590      (y = i * 2 + 3),591      (z = -15),592      (x_axis = 1.75),593      (y_axis = 1),594      (z_axis = 0.05)595    );596    addWall(597      material_wall,598      (x = 6.8),599      (y = i * 2 + 3),600      (z = -9.05),601      (x_axis = 0.7),602      (y_axis = 1),603      (z_axis = 0.05)604    );605    addWall(606      material_wall,607      (x = 5.5),608      (y = i * 2 + 3.8),609      (z = -9.05),610      (x_axis = 0.6),611      (y_axis = 0.2),612      (z_axis = 0.05)613    );614    addWall(615      material_wall,616      (x = 7.5),617      (y = i * 2 + 3),618      (z = -7),619      (x_axis = 0.05),620      (y_axis = 1),621      (z_axis = 2.1)622    );623    addWall(624      material_wall,625      (x = 7.5),626      (y = i * 2 + 3),627      (z = -12),628      (x_axis = 0.05),629      (y_axis = 1),630      (z_axis = 3)631    );632    addWall(633      material_wall,634      (x = 10.5),635      (y = i * 2 + 3),636      (z = -9.05),637      (x_axis = 3),638      (y_axis = 1),639      (z_axis = 0.05)640    );641    addWall(642      material_wall,643      (x = 13.5),644      (y = i * 2 + 3),645      (z = -5.6),646      (x_axis = 0.05),647      (y_axis = 1),648      (z_axis = 3.5)649    );650    addWall(651      material_wall,652      (x = 8),653      (y = i * 2 + 3),654      (z = -2.1),655      (x_axis = 0.5),656      (y_axis = 1),657      (z_axis = 0.05)658    );659    addWall(660      material_wall,661      (x = 9),662      (y = i * 2 + 3.8),663      (z = -2.1),664      (x_axis = 0.5),665      (y_axis = 0.2),666      (z_axis = 0.05)667    );668    addWall(669      material_wall,670      (x = 11.5),671      (y = i * 2 + 3),672      (z = -2.1),673      (x_axis = 2),674      (y_axis = 1),675      (z_axis = 0.05)676    );677    addWall(678      material_wall,679      (x = 7.5),680      (y = i * 2 + 3),681      (z = -2.95),682      (x_axis = 0.05),683      (y_axis = 1),684      (z_axis = 0.9)685    );686    addWall(687      material_wall,688      (x = 7.5),689      (y = i * 2 + 3.8),690      (z = -4.4),691      (x_axis = 0.05),692      (y_axis = 0.2),693      (z_axis = 0.55)694    );695    addWall(696      material_wall,697      (x = 7.5),698      (y = i * 2 + 3),699      (z = -0.05),700      (x_axis = 0.05),701      (y_axis = 1),702      (z_axis = 2)703    );704    addWall(705      material_wall,706      (x = 7.5),707      (y = i * 2 + 3),708      (z = 5.1),709      (x_axis = 0.05),710      (y_axis = 1),711      (z_axis = 2.1)712    );713    addWall(714      material_wall,715      (x = 7.5),716      (y = i * 2 + 3.8),717      (z = 2.45),718      (x_axis = 0.05),719      (y_axis = 0.2),720      (z_axis = 0.55)721    );722    addWall(723      material_wall,724      (x = 8),725      (y = i * 2 + 3),726      (z = 7.15),727      (x_axis = 0.5),728      (y_axis = 1),729      (z_axis = 0.05)730    );731    addWall(732      material_wall,733      (x = 9),734      (y = i * 2 + 3.8),735      (z = 7.15),736      (x_axis = 0.5),737      (y_axis = 0.2),738      (z_axis = 0.05)739    );740    addWall(741      material_wall,742      (x = 11.5),743      (y = i * 2 + 3),744      (z = 7.15),745      (x_axis = 2),746      (y_axis = 1),747      (z_axis = 0.05)748    );749    addWall(750      material_wall,751      (x = 13.5),752      (y = i * 2 + 3),753      (z = 2.5),754      (x_axis = 0.05),755      (y_axis = 1),756      (z_axis = 4.7)757    );758    addWall(759      material_wall,760      (x = 7.5),761      (y = i * 2 + 3),762      (z = 8.1),763      (x_axis = 0.05),764      (y_axis = 1),765      (z_axis = 0.9)766    );767    addWall(768      material_wall,769      (x = 7.5),770      (y = i * 2 + 3.8),771      (z = 9.55),772      (x_axis = 0.05),773      (y_axis = 0.2),774      (z_axis = 0.55)775    );776    addWall(777      material_wall,778      (x = 7.5),779      (y = i * 2 + 3),780      (z = 12.1),781      (x_axis = 0.05),782      (y_axis = 1),783      (z_axis = 2)784    );785    addWall(786      material_wall,787      (x = 10.6),788      (y = i * 2 + 3),789      (z = 15.55),790      (x_axis = 0.05),791      (y_axis = 1),792      (z_axis = 1.5)793    );794    addWall(795      material_wall,796      (x = 13.5),797      (y = i * 2 + 3),798      (z = 10.6),799      (x_axis = 0.05),800      (y_axis = 1),801      (z_axis = 3.5)802    );803    addWall(804      material_wall,805      (x = 10.5),806      (y = i * 2 + 3),807      (z = 14.05),808      (x_axis = 3),809      (y_axis = 1),810      (z_axis = 0.05)811    );812    addWall(813      material_wall,814      (x = 7.8),815      (y = i * 2 + 3),816      (z = 17),817      (x_axis = 2.8),818      (y_axis = 1),819      (z_axis = 0.05)820    );821    addWall(822      material_wall,823      (x = 6.8),824      (y = i * 2 + 3),825      (z = 14.05),826      (x_axis = 0.65),827      (y_axis = 1),828      (z_axis = 0.05)829    );830    addWall(831      material_wall,832      (x = 5.6),833      (y = i * 2 + 3.8),834      (z = 14.05),835      (x_axis = 0.6),836      (y_axis = 0.2),837      (z_axis = 0.05)838    );839    addWall(840      material_wall,841      (x = 6.7),842      (y = i * 2 + 2.015),843      (z = 16.25),844      (x_axis = 0.15),845      (y_axis = 0.01),846      (z_axis = 0.75)847    );848    addWall(849      material_wall,850      (x = 7),851      (y = i * 2 + 2.05),852      (z = 16.25),853      (x_axis = 0.15),854      (y_axis = 0.05),855      (z_axis = 0.75)856    );857    addWall(858      material_wall,859      (x = 7.3),860      (y = i * 2 + 2.15),861      (z = 16.25),862      (x_axis = 0.15),863      (y_axis = 0.05),864      (z_axis = 0.75)865    );866    addWall(867      material_wall,868      (x = 7.6),869      (y = i * 2 + 2.25),870      (z = 16.25),871      (x_axis = 0.15),872      (y_axis = 0.05),873      (z_axis = 0.75)874    );875    addWall(876      material_wall,877      (x = 7.9),878      (y = i * 2 + 2.35),879      (z = 16.25),880      (x_axis = 0.15),881      (y_axis = 0.05),882      (z_axis = 0.75)883    );884    addWall(885      material_wall,886      (x = 8.2),887      (y = i * 2 + 2.45),888      (z = 16.25),889      (x_axis = 0.15),890      (y_axis = 0.05),891      (z_axis = 0.75)892    );893    addWall(894      material_wall,895      (x = 8.5),896      (y = i * 2 + 2.55),897      (z = 16.25),898      (x_axis = 0.15),899      (y_axis = 0.05),900      (z_axis = 0.75)901    );902    addWall(903      material_wall,904      (x = 8.8),905      (y = i * 2 + 2.65),906      (z = 16.25),907      (x_axis = 0.15),908      (y_axis = 0.05),909      (z_axis = 0.75)910    );911    addWall(912      material_wall,913      (x = 9.1),914      (y = i * 2 + 2.75),915      (z = 16.25),916      (x_axis = 0.15),917      (y_axis = 0.05),918      (z_axis = 0.75)919    );920    addWall(921      material_wall,922      (x = 9.4),923      (y = i * 2 + 2.85),924      (z = 16.25),925      (x_axis = 0.15),926      (y_axis = 0.05),927      (z_axis = 0.75)928    );929    addWall(930      material_wall,931      (x = 10.05),932      (y = i * 2 + 2.95),933      (z = 15.5),934      (x_axis = 0.5),935      (y_axis = 0.05),936      (z_axis = 1.5)937    );938    addWall(939      material_wall,940      (x = 9.4),941      (y = i * 2 + 3.05),942      (z = 14.75),943      (x_axis = 0.15),944      (y_axis = 0.05),945      (z_axis = 0.75)946    );947    addWall(948      material_wall,949      (x = 9.1),950      (y = i * 2 + 3.15),951      (z = 14.75),952      (x_axis = 0.15),953      (y_axis = 0.05),954      (z_axis = 0.75)955    );956    addWall(957      material_wall,958      (x = 8.8),959      (y = i * 2 + 3.25),960      (z = 14.75),961      (x_axis = 0.15),962      (y_axis = 0.05),963      (z_axis = 0.75)964    );965    addWall(966      material_wall,967      (x = 8.5),968      (y = i * 2 + 3.35),969      (z = 14.75),970      (x_axis = 0.15),971      (y_axis = 0.05),972      (z_axis = 0.75)973    );974    addWall(975      material_wall,976      (x = 8.2),977      (y = i * 2 + 3.45),978      (z = 14.75),979      (x_axis = 0.15),980      (y_axis = 0.05),981      (z_axis = 0.75)982    );983    addWall(984      material_wall,985      (x = 7.9),986      (y = i * 2 + 3.55),987      (z = 14.75),988      (x_axis = 0.15),989      (y_axis = 0.05),990      (z_axis = 0.75)991    );992    addWall(993      material_wall,994      (x = 7.6),995      (y = i * 2 + 3.65),996      (z = 14.75),997      (x_axis = 0.15),998      (y_axis = 0.05),999      (z_axis = 0.75)1000    );1001    addWall(1002      material_wall,1003      (x = 7.3),1004      (y = i * 2 + 3.75),1005      (z = 14.75),1006      (x_axis = 0.15),1007      (y_axis = 0.05),1008      (z_axis = 0.75)1009    );1010    addWall(1011      material_wall,1012      (x = 7),1013      (y = i * 2 + 3.85),1014      (z = 14.75),1015      (x_axis = 0.15),1016      (y_axis = 0.05),1017      (z_axis = 0.75)1018    );1019    addWall(1020      material_wall,1021      (x = 6.7),1022      (y = i * 2 + 3.95),1023      (z = 14.75),1024      (x_axis = 0.15),1025      (y_axis = 0.05),1026      (z_axis = 0.75)1027    );1028    addWall(1029      material_floor,1030      (x = -3.95),1031      (y = i * 2 + 2.01),1032      (z = 2.5),1033      (x_axis = 1),1034      (y_axis = 0.01),1035      (z_axis = 2.5)1036    );1037    addWall(1038      material_wall,1039      (x = -3.95),1040      (y = i * 2 + 1.96),1041      (z = 2.5),1042      (x_axis = 1),1043      (y_axis = 0.01),1044      (z_axis = 2.5)1045    );1046    addWall(1047      material_floor,1048      (x = 5.25),1049      (y = i * 2 + 2.01),1050      (z = 2.5),1051      (x_axis = 8.22),1052      (y_axis = 0.01),1053      (z_axis = 11.5)1054    );1055    addWall(1056      material_floor,1057      (x = 2.25),1058      (y = i * 2 + 2.01),1059      (z = -12),1060      (x_axis = 5.2),1061      (y_axis = 0.01),1062      (z_axis = 3)1063    );1064    addWall(1065      material_floor,1066      (x = -3.95),1067      (y = i * 2 + 2.01),1068      (z = -1.47),1069      (x_axis = 1),1070      (y_axis = 0.01),1071      (z_axis = 1.5)1072    );1073    addWall(1074      material_floor,1075      (x = -3.95),1076      (y = i * 2 + 2.01),1077      (z = 6.47),1078      (x_axis = 1),1079      (y_axis = 0.01),1080      (z_axis = 1.5)1081    );1082    addWall(1083      material_floor,1084      (x = 1.77),1085      (y = i * 2 + 2.01),1086      (z = 15.5),1087      (x_axis = 4.78),1088      (y_axis = 0.01),1089      (z_axis = 1.5)1090    );1091    addWall(1092      material_floor,1093      (x = -1.9),1094      (y = i * 2 + 2.01),1095      (z = -15.95),1096      (x_axis = 2.45),1097      (y_axis = 0.01),1098      (z_axis = 0.97)1099    );1100    addWall(1101      material_floor,1102      (x = -3.65),1103      (y = i * 2 + 2.01),1104      (z = -13.5),1105      (x_axis = 0.75),1106      (y_axis = 0.01),1107      (z_axis = 1.5)1108    );1109    addWall(1110      material_ceiling,1111      (x = 5.25),1112      (y = i * 2 + 3.99),1113      (z = 2.5),1114      (x_axis = 8.22),1115      (y_axis = 0.01),1116      (z_axis = 11.5)1117    );1118    addWall(1119      material_ceiling,1120      (x = 2.25),1121      (y = i * 2 + 3.99),1122      (z = -12),1123      (x_axis = 5.2),1124      (y_axis = 0.01),1125      (z_axis = 3)1126    );1127    addWall(1128      material_ceiling,1129      (x = -3.95),1130      (y = i * 2 + 3.99),1131      (z = -1.47),1132      (x_axis = 1),1133      (y_axis = 0.01),1134      (z_axis = 1.5)1135    );1136    addWall(1137      material_ceiling,1138      (x = -3.95),1139      (y = i * 2 + 3.99),1140      (z = 6.47),1141      (x_axis = 1),1142      (y_axis = 0.01),1143      (z_axis = 1.5)1144    );1145    addWall(1146      material_ceiling,1147      (x = 1.77),1148      (y = i * 2 + 3.99),1149      (z = 15.5),1150      (x_axis = 4.78),1151      (y_axis = 0.01),1152      (z_axis = 1.5)1153    );1154    addWall(1155      material_ceiling,1156      (x = -1.9),1157      (y = i * 2 + 3.99),1158      (z = -15.95),1159      (x_axis = 2.45),1160      (y_axis = 0.01),1161      (z_axis = 0.97)1162    );1163    addWall(1164      material_ceiling,1165      (x = -3.65),1166      (y = i * 2 + 3.99),1167      (z = -13.5),1168      (x_axis = 0.75),1169      (y_axis = 0.01),1170      (z_axis = 1.5)1171    );1172    addWall(1173      material_floor,1174      (x = 5.25),1175      (y = i * 2 + 4.01),1176      (z = 2.5),1177      (x_axis = 8.22),1178      (y_axis = 0.01),1179      (z_axis = 11.5)1180    );1181    addWall(1182      material_floor,1183      (x = 2.25),1184      (y = i * 2 + 4.01),1185      (z = -12),1186      (x_axis = 5.2),1187      (y_axis = 0.01),1188      (z_axis = 3)1189    );1190    addWall(1191      material_floor,1192      (x = -3.95),1193      (y = i * 2 + 4.01),1194      (z = -1.47),1195      (x_axis = 1),1196      (y_axis = 0.01),1197      (z_axis = 1.5)1198    );1199    addWall(1200      material_floor,1201      (x = -3.95),1202      (y = i * 2 + 4.01),1203      (z = 6.47),1204      (x_axis = 1),1205      (y_axis = 0.01),1206      (z_axis = 1.5)1207    );1208    addWall(1209      material_floor,1210      (x = 1.77),1211      (y = i * 2 + 4.01),1212      (z = 15.5),1213      (x_axis = 4.78),1214      (y_axis = 0.01),1215      (z_axis = 1.5)1216    );1217    addWall(1218      material_floor,1219      (x = -1.9),1220      (y = i * 2 + 4.01),1221      (z = -15.95),1222      (x_axis = 2.45),1223      (y_axis = 0.01),1224      (z_axis = 0.97)1225    );1226    addWall(1227      material_floor,1228      (x = -3.65),1229      (y = i * 2 + 4.01),1230      (z = -13.5),1231      (x_axis = 0.75),1232      (y_axis = 0.01),1233      (z_axis = 1.5)1234    );1235  }1236}12371238function addAllWalls() {1239  material_wall = new THREE.MeshPhongMaterial({ color: 0x88888 });1240  material_floor = new THREE.MeshPhongMaterial({ color: 0x005 });1241  material_ceiling = new THREE.MeshPhongMaterial({ color: 0x9d7bd1 });12421243  addWall(1244    material_wall,1245    (x = 0),1246    (y = 1),1247    (z = 0),1248    (x_axis = 5),1249    (y_axis = 1),1250    (z_axis = 0.05)1251  );1252  addWall(1253    material_wall,1254    (x = -3),1255    (y = 1),1256    (z = 1),1257    (x_axis = 0.05),1258    (y_axis = 1),1259    (z_axis = 1)1260  );1261  addWall(1262    material_wall,1263    (x = -3),1264    (y = 1),1265    (z = 4),1266    (x_axis = 0.05),1267    (y_axis = 1),1268    (z_axis = 1)1269  );1270  addWall(1271    material_wall,1272    (x = -3),1273    (y = 1.8),1274    (z = 2.5),1275    (x_axis = 0.05),1276    (y_axis = 0.2),1277    (z_axis = 0.5)1278  );1279  addWall(1280    material_wall,1281    (x = 0),1282    (y = 1),1283    (z = 5),1284    (x_axis = 5),1285    (y_axis = 1),1286    (z_axis = 0.05)1287  );1288  addWall(1289    material_wall,1290    (x = 5),1291    (y = 1),1292    (z = 1),1293    (x_axis = 0.05),1294    (y_axis = 1),1295    (z_axis = 1)1296  );1297  addWall(1298    material_wall,1299    (x = 5),1300    (y = 1),1301    (z = 4),1302    (x_axis = 0.05),1303    (y_axis = 1),1304    (z_axis = 1)1305  );1306  addWall(1307    material_wall,1308    (x = 5),1309    (y = 1.8),1310    (z = 2.5),1311    (x_axis = 0.05),1312    (y_axis = 0.2),1313    (z_axis = 0.5)1314  );1315  addWall(1316    material_wall,1317    (x = -5),1318    (y = 1),1319    (z = 6.45),1320    (x_axis = 0.05),1321    (y_axis = 1),1322    (z_axis = 1.5)1323  );1324  addWall(1325    material_wall,1326    (x = -4.05),1327    (y = 1),1328    (z = 8),1329    (x_axis = 1),1330    (y_axis = 1),1331    (z_axis = 0.05)1332  );1333  addWall(1334    material_wall,1335    (x = -3),1336    (y = 1),1337    (z = 9.95),1338    (x_axis = 0.05),1339    (y_axis = 1),1340    (z_axis = 2)1341  );1342  addWall(1343    material_wall,1344    (x = -1.25),1345    (y = 1),1346    (z = 12),1347    (x_axis = 1.8),1348    (y_axis = 1),1349    (z_axis = 0.05)1350  );1351  addWall(1352    material_wall,1353    (x = -3),1354    (y = 1),1355    (z = 14.5),1356    (x_axis = 0.05),1357    (y_axis = 1),1358    (z_axis = 2.5)1359  );1360  addWall(1361    material_wall,1362    (x = 3.25),1363    (y = 1),1364    (z = 12),1365    (x_axis = 1.7),1366    (y_axis = 1),1367    (z_axis = 0.05)1368  );1369  addWall(1370    material_wall,1371    (x = 1.05),1372    (y = 1.8),1373    (z = 12),1374    (x_axis = 0.5),1375    (y_axis = 0.2),1376    (z_axis = 0.05)1377  );1378  addWall(1379    material_wall,1380    (x = 5),1381    (y = 1),1382    (z = 7),1383    (x_axis = 0.05),1384    (y_axis = 1),1385    (z_axis = 2)1386  );1387  addWall(1388    material_wall,1389    (x = 5),1390    (y = 1),1391    (z = 11),1392    (x_axis = 0.05),1393    (y_axis = 1),1394    (z_axis = 1)1395  );1396  addWall(1397    material_wall,1398    (x = 5),1399    (y = 1.8),1400    (z = 9.5),1401    (x_axis = 0.05),1402    (y_axis = 0.2),1403    (z_axis = 0.5)1404  );1405  addWall(1406    material_wall,1407    (x = 0.95),1408    (y = 1),1409    (z = 17),1410    (x_axis = 4),1411    (y_axis = 1),1412    (z_axis = 0.05)1413  );1414  addWall(1415    material_wall,1416    (x = 5),1417    (y = 1),1418    (z = 14.5),1419    (x_axis = 0.05),1420    (y_axis = 1),1421    (z_axis = 2.55)1422  );1423  addWall(1424    material_wall,1425    (x = -5),1426    (y = 1),1427    (z = -1.45),1428    (x_axis = 0.05),1429    (y_axis = 1),1430    (z_axis = 1.5)1431  );1432  addWall(1433    material_wall,1434    (x = -4.05),1435    (y = 1),1436    (z = -2.95),1437    (x_axis = 1),1438    (y_axis = 1),1439    (z_axis = 0.05)1440  );1441  addWall(1442    material_wall,1443    (x = -3),1444    (y = 1),1445    (z = -6),1446    (x_axis = 0.05),1447    (y_axis = 1),1448    (z_axis = 3.1)1449  );1450  addWall(1451    material_wall,1452    (x = 5),1453    (y = 1),1454    (z = -2),1455    (x_axis = 0.05),1456    (y_axis = 1),1457    (z_axis = 2)1458  );1459  addWall(1460    material_wall,1461    (x = 5),1462    (y = 1),1463    (z = -7),1464    (x_axis = 0.05),1465    (y_axis = 1),1466    (z_axis = 2)1467  );1468  addWall(1469    material_wall,1470    (x = 5),1471    (y = 1.8),1472    (z = -4.5),1473    (x_axis = 0.05),1474    (y_axis = 0.2),1475    (z_axis = 0.5)1476  );1477  addWall(1478    material_wall,1479    (x = -1.25),1480    (y = 1),1481    (z = -9.05),1482    (x_axis = 1.8),1483    (y_axis = 1),1484    (z_axis = 0.05)1485  );1486  addWall(1487    material_wall,1488    (x = 3.25),1489    (y = 1),1490    (z = -9.05),1491    (x_axis = 1.7),1492    (y_axis = 1),1493    (z_axis = 0.05)1494  );1495  addWall(1496    material_wall,1497    (x = 1.05),1498    (y = 1.8),1499    (z = -9.05),1500    (x_axis = 0.5),1501    (y_axis = 0.2),1502    (z_axis = 0.05)1503  );1504  addWall(1505    material_wall,1506    (x = -3),1507    (y = 1),1508    (z = -10.5),1509    (x_axis = 0.05),1510    (y_axis = 1),1511    (z_axis = 1.5)1512  );1513  addWall(1514    material_wall,1515    (x = 1),1516    (y = 1),1517    (z = -11.95),1518    (x_axis = 4),1519    (y_axis = 1),1520    (z_axis = 0.05)1521  );1522  addWall(1523    material_wall,1524    (x = 5),1525    (y = 1),1526    (z = -10.5),1527    (x_axis = 0.05),1528    (y_axis = 1),1529    (z_axis = 1.5)1530  );1531  addWall(1532    material_wall,1533    (x = -3.7),1534    (y = 1),1535    (z = -11.95),1536    (x_axis = 0.7),1537    (y_axis = 1),1538    (z_axis = 0.05)1539  );1540  addWall(1541    material_wall,1542    (x = -4.4),1543    (y = 1),1544    (z = -14.4),1545    (x_axis = 0.05),1546    (y_axis = 1),1547    (z_axis = 2.5)1548  );1549  addWall(1550    material_wall,1551    (x = -1.95),1552    (y = 1),1553    (z = -16.9),1554    (x_axis = 2.5),1555    (y_axis = 1),1556    (z_axis = 0.05)1557  );1558  addWall(1559    material_wall,1560    (x = 0.55),1561    (y = 1),1562    (z = -15.95),1563    (x_axis = 0.05),1564    (y_axis = 1),1565    (z_axis = 1)1566  );1567  addWall(1568    material_wall,1569    (x = 4),1570    (y = 1),1571    (z = -12.5),1572    (x_axis = 0.05),1573    (y_axis = 1),1574    (z_axis = 0.5)1575  );1576  addWall(1577    material_wall,1578    (x = 4),1579    (y = 1),1580    (z = -14.5),1581    (x_axis = 0.05),1582    (y_axis = 1),1583    (z_axis = 0.5)1584  );1585  addWall(1586    material_wall,1587    (x = 4),1588    (y = 1.8),1589    (z = -13.5),1590    (x_axis = 0.05),1591    (y_axis = 0.2),1592    (z_axis = 0.5)1593  );1594  addWall(1595    material_wall,1596    (x = 2.3),1597    (y = 1),1598    (z = -15),1599    (x_axis = 1.75),1600    (y_axis = 1),1601    (z_axis = 0.05)1602  );1603  addWall(1604    material_wall,1605    (x = 5.8),1606    (y = 1),1607    (z = -15),1608    (x_axis = 1.75),1609    (y_axis = 1),1610    (z_axis = 0.05)1611  );1612  addWall(1613    material_wall,1614    (x = 6.8),1615    (y = 1),1616    (z = -9.05),1617    (x_axis = 0.7),1618    (y_axis = 1),1619    (z_axis = 0.05)1620  );1621  addWall(1622    material_wall,1623    (x = 5.5),1624    (y = 1.8),1625    (z = -9.05),1626    (x_axis = 0.6),1627    (y_axis = 0.2),1628    (z_axis = 0.05)1629  );1630  addWall(1631    material_wall,1632    (x = 7.5),1633    (y = 1),1634    (z = -7),1635    (x_axis = 0.05),1636    (y_axis = 1),1637    (z_axis = 2.1)1638  );1639  addWall(1640    material_wall,1641    (x = 7.5),1642    (y = 1),1643    (z = -12),1644    (x_axis = 0.05),1645    (y_axis = 1),1646    (z_axis = 3)1647  );1648  addWall(1649    material_wall,1650    (x = 10.5),1651    (y = 1),1652    (z = -9.05),1653    (x_axis = 3),1654    (y_axis = 1),1655    (z_axis = 0.05)1656  );1657  addWall(1658    material_wall,1659    (x = 13.5),1660    (y = 1),1661    (z = -5.6),1662    (x_axis = 0.05),1663    (y_axis = 1),1664    (z_axis = 3.5)1665  );1666  addWall(1667    material_wall,1668    (x = 8),1669    (y = 1),1670    (z = -2.1),1671    (x_axis = 0.5),1672    (y_axis = 1),1673    (z_axis = 0.05)1674  );1675  addWall(1676    material_wall,1677    (x = 9),1678    (y = 1.8),1679    (z = -2.1),1680    (x_axis = 0.5),1681    (y_axis = 0.2),1682    (z_axis = 0.05)1683  );1684  addWall(1685    material_wall,1686    (x = 11.5),1687    (y = 1),1688    (z = -2.1),1689    (x_axis = 2),1690    (y_axis = 1),1691    (z_axis = 0.05)1692  );1693  addWall(1694    material_wall,1695    (x = 7.5),1696    (y = 1),1697    (z = -2.95),1698    (x_axis = 0.05),1699    (y_axis = 1),1700    (z_axis = 0.9)1701  );1702  addWall(1703    material_wall,1704    (x = 7.5),1705    (y = 1.8),1706    (z = -4.4),1707    (x_axis = 0.05),1708    (y_axis = 0.2),1709    (z_axis = 0.55)1710  );1711  addWall(1712    material_wall,1713    (x = 7.5),1714    (y = 1),1715    (z = -0.05),1716    (x_axis = 0.05),1717    (y_axis = 1),1718    (z_axis = 2)1719  );1720  addWall(1721    material_wall,1722    (x = 7.5),1723    (y = 1),1724    (z = 5.1),1725    (x_axis = 0.05),1726    (y_axis = 1),1727    (z_axis = 2.1)1728  );1729  addWall(1730    material_wall,1731    (x = 7.5),1732    (y = 1.8),1733    (z = 2.45),1734    (x_axis = 0.05),1735    (y_axis = 0.2),1736    (z_axis = 0.55)1737  );1738  addWall(1739    material_wall,1740    (x = 8),1741    (y = 1),1742    (z = 7.15),1743    (x_axis = 0.5),1744    (y_axis = 1),1745    (z_axis = 0.05)1746  );1747  addWall(1748    material_wall,1749    (x = 9),1750    (y = 1.8),1751    (z = 7.15),1752    (x_axis = 0.5),1753    (y_axis = 0.2),1754    (z_axis = 0.05)1755  );1756  addWall(1757    material_wall,1758    (x = 11.5),1759    (y = 1),1760    (z = 7.15),1761    (x_axis = 2),1762    (y_axis = 1),1763    (z_axis = 0.05)1764  );1765  addWall(1766    material_wall,1767    (x = 13.5),1768    (y = 1),1769    (z = 2.5),1770    (x_axis = 0.05),1771    (y_axis = 1),1772    (z_axis = 4.7)1773  );1774  addWall(1775    material_wall,1776    (x = 7.5),1777    (y = 1),1778    (z = 8.1),1779    (x_axis = 0.05),1780    (y_axis = 1),1781    (z_axis = 0.9)1782  );1783  addWall(1784    material_wall,1785    (x = 7.5),1786    (y = 1.8),1787    (z = 9.55),1788    (x_axis = 0.05),1789    (y_axis = 0.2),1790    (z_axis = 0.55)1791  );1792  addWall(1793    material_wall,1794    (x = 7.5),1795    (y = 1),1796    (z = 12.1),1797    (x_axis = 0.05),1798    (y_axis = 1),1799    (z_axis = 2)1800  );1801  addWall(1802    material_wall,1803    (x = 10.6),1804    (y = 1),1805    (z = 15.55),1806    (x_axis = 0.05),1807    (y_axis = 1),1808    (z_axis = 1.5)1809  );1810  addWall(1811    material_wall,1812    (x = 13.5),1813    (y = 1),1814    (z = 10.6),1815    (x_axis = 0.05),1816    (y_axis = 1),1817    (z_axis = 3.5)1818  );1819  addWall(1820    material_wall,1821    (x = 10.5),1822    (y = 1),1823    (z = 14.05),1824    (x_axis = 3),1825    (y_axis = 1),1826    (z_axis = 0.05)1827  );1828  addWall(1829    material_wall,1830    (x = 7.8),1831    (y = 1),1832    (z = 17),1833    (x_axis = 2.8),1834    (y_axis = 1),1835    (z_axis = 0.05)1836  );1837  addWall(1838    material_wall,1839    (x = 6.8),1840    (y = 1),1841    (z = 14.05),1842    (x_axis = 0.65),1843    (y_axis = 1),1844    (z_axis = 0.05)1845  );1846  addWall(1847    material_wall,1848    (x = 5.6),1849    (y = 1.8),1850    (z = 14.05),1851    (x_axis = 0.6),1852    (y_axis = 0.2),1853    (z_axis = 0.05)1854  );18551856  addWall(1857    material_wall,1858    (x = 6.7),1859    (y = 0.011),1860    (z = 16.25),1861    (x_axis = 0.15),1862    (y_axis = 0.01),1863    (z_axis = 0.75)1864  );1865  addWall(1866    material_wall,1867    (x = 7),1868    (y = 0.05),1869    (z = 16.25),1870    (x_axis = 0.15),1871    (y_axis = 0.05),1872    (z_axis = 0.75)1873  );1874  addWall(1875    material_wall,1876    (x = 7.3),1877    (y = 0.15),1878    (z = 16.25),1879    (x_axis = 0.15),1880    (y_axis = 0.05),1881    (z_axis = 0.75)1882  );1883  addWall(1884    material_wall,1885    (x = 7.6),1886    (y = 0.25),1887    (z = 16.25),1888    (x_axis = 0.15),1889    (y_axis = 0.05),1890    (z_axis = 0.75)1891  );1892  addWall(1893    material_wall,1894    (x = 7.9),1895    (y = 0.35),1896    (z = 16.25),1897    (x_axis = 0.15),1898    (y_axis = 0.05),1899    (z_axis = 0.75)1900  );1901  addWall(1902    material_wall,1903    (x = 8.2),1904    (y = 0.45),1905    (z = 16.25),1906    (x_axis = 0.15),1907    (y_axis = 0.05),1908    (z_axis = 0.75)1909  );1910  addWall(1911    material_wall,1912    (x = 8.5),1913    (y = 0.55),1914    (z = 16.25),1915    (x_axis = 0.15),1916    (y_axis = 0.05),1917    (z_axis = 0.75)1918  );1919  addWall(1920    material_wall,1921    (x = 8.8),1922    (y = 0.65),1923    (z = 16.25),1924    (x_axis = 0.15),1925    (y_axis = 0.05),1926    (z_axis = 0.75)1927  );1928  addWall(1929    material_wall,1930    (x = 9.1),1931    (y = 0.75),1932    (z = 16.25),1933    (x_axis = 0.15),1934    (y_axis = 0.05),1935    (z_axis = 0.75)1936  );1937  addWall(1938    material_wall,1939    (x = 9.4),1940    (y = 0.85),1941    (z = 16.25),1942    (x_axis = 0.15),1943    (y_axis = 0.05),1944    (z_axis = 0.75)1945  );1946  addWall(1947    material_wall,1948    (x = 10.05),1949    (y = 0.95),1950    (z = 15.5),1951    (x_axis = 0.5),1952    (y_axis = 0.05),1953    (z_axis = 1.5)1954  );1955  addWall(1956    material_wall,1957    (x = 9.4),1958    (y = 1.05),1959    (z = 14.75),1960    (x_axis = 0.15),1961    (y_axis = 0.05),1962    (z_axis = 0.75)1963  );1964  addWall(1965    material_wall,1966    (x = 9.1),1967    (y = 1.15),1968    (z = 14.75),1969    (x_axis = 0.15),1970    (y_axis = 0.05),1971    (z_axis = 0.75)1972  );1973  addWall(1974    material_wall,1975    (x = 8.8),1976    (y = 1.25),1977    (z = 14.75),1978    (x_axis = 0.15),1979    (y_axis = 0.05),1980    (z_axis = 0.75)1981  );1982  addWall(1983    material_wall,1984    (x = 8.5),1985    (y = 1.35),1986    (z = 14.75),1987    (x_axis = 0.15),1988    (y_axis = 0.05),1989    (z_axis = 0.75)1990  );1991  addWall(1992    material_wall,1993    (x = 8.2),1994    (y = 1.45),1995    (z = 14.75),1996    (x_axis = 0.15),1997    (y_axis = 0.05),1998    (z_axis = 0.75)1999  );2000  addWall(2001    material_wall,2002    (x = 7.9),2003    (y = 1.55),2004    (z = 14.75),2005    (x_axis = 0.15),2006    (y_axis = 0.05),2007    (z_axis = 0.75)2008  );2009  addWall(2010    material_wall,2011    (x = 7.6),2012    (y = 1.65),2013    (z = 14.75),2014    (x_axis = 0.15),2015    (y_axis = 0.05),2016    (z_axis = 0.75)2017  );2018  addWall(2019    material_wall,2020    (x = 7.3),2021    (y = 1.75),2022    (z = 14.75),2023    (x_axis = 0.15),2024    (y_axis = 0.05),2025    (z_axis = 0.75)2026  );2027  addWall(2028    material_wall,2029    (x = 7),2030    (y = 1.85),2031    (z = 14.75),2032    (x_axis = 0.15),2033    (y_axis = 0.05),2034    (z_axis = 0.75)2035  );2036  addWall(2037    material_wall,2038    (x = 6.7),2039    (y = 1.95),2040    (z = 14.75),2041    (x_axis = 0.15),2042    (y_axis = 0.05),2043    (z_axis = 0.75)2044  );2045  addWall(2046    material_wall,2047    (x = 6.7),2048    (y = 3),2049    (z = 15.5),2050    (x_axis = 0.15),2051    (y_axis = 1),2052    (z_axis = 1.5)2053  );2054  addWall(2055    material_wall,2056    (x = 8.05),2057    (y = 1.5),2058    (z = 15.5),2059    (x_axis = 1.4),2060    (y_axis = 3),2061    (z_axis = 0.01)2062  );2063  addPicture("images/closed.png", "front", 6.9, 2.4, 14.75);20642065  addWall(2066    material_floor,2067    (x = 5.25),2068    (y = 0.01),2069    (z = 2.5),2070    (x_axis = 8.22),2071    (y_axis = 0.01),2072    (z_axis = 11.5)2073  );2074  addWall(2075    material_floor,2076    (x = 2.25),2077    (y = 0.01),2078    (z = -12),2079    (x_axis = 5.2),2080    (y_axis = 0.01),2081    (z_axis = 3)2082  );2083  addWall(2084    material_floor,2085    (x = -3.95),2086    (y = 0.01),2087    (z = -1.47),2088    (x_axis = 1),2089    (y_axis = 0.01),2090    (z_axis = 1.5)2091  );2092  addWall(2093    material_floor,2094    (x = -3.95),2095    (y = 0.01),2096    (z = 6.47),2097    (x_axis = 1),2098    (y_axis = 0.01),2099    (z_axis = 1.5)2100  );2101  addWall(2102    material_floor,2103    (x = 3.75),2104    (y = 0.01),2105    (z = 15.5),2106    (x_axis = 6.75),2107    (y_axis = 0.01),2108    (z_axis = 1.5)2109  );2110  addWall(2111    material_floor,2112    (x = -1.9),2113    (y = 0.01),2114    (z = -15.95),2115    (x_axis = 2.45),2116    (y_axis = 0.01),2117    (z_axis = 0.97)2118  );2119  addWall(2120    material_floor,2121    (x = -3.65),2122    (y = 0.01),2123    (z = -13.5),2124    (x_axis = 0.75),2125    (y_axis = 0.01),2126    (z_axis = 1.5)2127  );21282129  addWall(2130    material_ceiling,2131    (x = 5.25),2132    (y = 1.99),2133    (z = 2.5),2134    (x_axis = 8.22),2135    (y_axis = 0.01),2136    (z_axis = 11.5)2137  );2138  addWall(2139    material_ceiling,2140    (x = 2.25),2141    (y = 1.99),2142    (z = -12),2143    (x_axis = 5.2),2144    (y_axis = 0.01),2145    (z_axis = 3)2146  );2147  addWall(2148    material_ceiling,2149    (x = -3.95),2150    (y = 1.99),2151    (z = -1.47),2152    (x_axis = 1),2153    (y_axis = 0.01),2154    (z_axis = 1.5)2155  );2156  addWall(2157    material_ceiling,2158    (x = -3.95),2159    (y = 1.99),2160    (z = 6.47),2161    (x_axis = 1),2162    (y_axis = 0.01),2163    (z_axis = 1.5)2164  );2165  addWall(2166    material_ceiling,2167    (x = 1.77),2168    (y = 1.99),2169    (z = 15.5),2170    (x_axis = 4.78),2171    (y_axis = 0.01),2172    (z_axis = 1.5)2173  );2174  addWall(2175    material_ceiling,2176    (x = -1.9),2177    (y = 1.99),2178    (z = -15.95),2179    (x_axis = 2.45),2180    (y_axis = 0.01),2181    (z_axis = 0.97)2182  );2183  addWall(2184    material_ceiling,2185    (x = -3.65),2186    (y = 1.99),2187    (z = -13.5),2188    (x_axis = 0.75),2189    (y_axis = 0.01),2190    (z_axis = 1.5)2191  );21922193  addWall(2194    material_floor,2195    (x = 5.25),2196    (y = 2.01),2197    (z = 2.5),2198    (x_axis = 8.22),2199    (y_axis = 0.01),2200    (z_axis = 11.5)2201  );2202  addWall(2203    material_floor,2204    (x = 2.25),2205    (y = 2.01),2206    (z = -12),2207    (x_axis = 5.2),2208    (y_axis = 0.01),2209    (z_axis = 3)2210  );2211  addWall(2212    material_floor,2213    (x = -3.95),2214    (y = 2.01),2215    (z = -1.47),2216    (x_axis = 1),2217    (y_axis = 0.01),2218    (z_axis = 1.5)2219  );2220  addWall(2221    material_floor,2222    (x = -3.95),2223    (y = 2.01),2224    (z = 6.47),2225    (x_axis = 1),2226    (y_axis = 0.01),2227    (z_axis = 1.5)2228  );2229  addWall(2230    material_floor,2231    (x = 1.77),2232    (y = 2.01),2233    (z = 15.5),2234    (x_axis = 4.78),2235    (y_axis = 0.01),2236    (z_axis = 1.5)2237  );2238  addWall(2239    material_floor,2240    (x = -1.9),2241    (y = 2.01),2242    (z = -15.95),2243    (x_axis = 2.45),2244    (y_axis = 0.01),2245    (z_axis = 0.97)2246  );2247  addWall(2248    material_floor,2249    (x = -3.65),2250    (y = 2.01),2251    (z = -13.5),2252    (x_axis = 0.75),2253    (y_axis = 0.01),2254    (z_axis = 1.5)2255  );2256}22572258async function addPicture(imageSrc, side, x, y, z) {2259  const img = new Image();2260  img.src = imageSrc;2261  img.decoding = "async";2262  img2263    .decode()2264    .then(function () {2265      THREE.ImageUtils.crossOrigin = ""; // CORS2266      var texture = THREE.ImageUtils.loadTexture(imageSrc);22672268      if (side == "front") {2269        var cubeGeo = new THREE.BoxGeometry(0.05, 1, img.width / img.height);2270        var sides_materials = [2271          new THREE.MeshBasicMaterial({ map: texture }),2272          new THREE.MeshBasicMaterial({ map: texture }),2273          new THREE.MeshBasicMaterial({ color: 0xffffff }),2274          new THREE.MeshBasicMaterial({ color: 0xffffff }),2275          new THREE.MeshBasicMaterial({ color: 0xffffff }),2276          new THREE.MeshBasicMaterial({ color: 0xffffff }),2277        ];2278      } else if (side == "lateral") {2279        var sides_materials = [2280          new THREE.MeshBasicMaterial({ color: 0xffffff }),2281          new THREE.MeshBasicMaterial({ color: 0xffffff }),2282          new THREE.MeshBasicMaterial({ color: 0xffffff }),2283          new THREE.MeshBasicMaterial({ color: 0xffffff }),2284          new THREE.MeshBasicMaterial({ map: texture }),2285          new THREE.MeshBasicMaterial({ map: texture }),2286        ];2287        var cubeGeo = new THREE.BoxGeometry(img.width / img.height, 1, 0.05);2288      }2289      var cubeMat = new THREE.MeshBasicMaterial({ map: texture });2290      sides_materials = new THREE.MeshFaceMaterial(sides_materials);2291      var cube = new THREE.Mesh(cubeGeo, sides_materials);2292      cube.position.set(x, y, z);2293      scene.add(cube);2294    })2295    .catch(function (error) {2296      console.log(error.message);2297      console.log(imageSrc);2298    });2299}23002301async function addLoading(imageSrc, side, x, y, z) {2302  const img = new Image();2303  img.src = imageSrc;2304  img.decoding = "async";2305  img2306    .decode()2307    .then(function () {2308      THREE.ImageUtils.crossOrigin = ""; // CORS2309      var texture = THREE.ImageUtils.loadTexture(imageSrc);23102311      if (side == "front") {2312        var cubeGeo = new THREE.BoxGeometry(0.01, 0.5, 0.5);2313        var sides_materials = [2314          new THREE.MeshBasicMaterial({ map: texture }),2315          new THREE.MeshBasicMaterial({ map: texture }),2316          new THREE.MeshBasicMaterial({ color: 0xffffff }),2317          new THREE.MeshBasicMaterial({ color: 0xffffff }),2318          new THREE.MeshBasicMaterial({ color: 0xffffff }),2319          new THREE.MeshBasicMaterial({ color: 0xffffff }),2320        ];2321      } else if (side == "lateral") {2322        var sides_materials = [2323          new THREE.MeshBasicMaterial({ color: 0xffffff }),2324          new THREE.MeshBasicMaterial({ color: 0xffffff }),2325          new THREE.MeshBasicMaterial({ color: 0xffffff }),2326          new THREE.MeshBasicMaterial({ color: 0xffffff }),2327          new THREE.MeshBasicMaterial({ map: texture }),2328          new THREE.MeshBasicMaterial({ map: texture }),2329        ];2330        var cubeGeo = new THREE.BoxGeometry(0.5, 0.5, 0.01);2331      }2332      var cubeMat = new THREE.MeshBasicMaterial({ map: texture });2333      sides_materials = new THREE.MeshFaceMaterial(sides_materials);2334      var cube = new THREE.Mesh(cubeGeo, sides_materials);2335      cube.position.set(x, y, z);2336      scene.add(cube);2337    })2338    .catch(function (error) {2339      console.log(error.message);2340    });2341}23422343async function getNFTs2(address) {2344  2345  let response = await fetch(`https://api-moonriver.moonscan.io/api?module=account&action=tokennfttx&address=${address}&startblock=0&endblock=999999999&sort=asc`);2346  let response2 = await response.json();23472348  const whitelistedCollections = [2349    "0xAb4202d07C4aBF7e019c3251881e82352b774EEe",2350    "0xd3a9c48df4d9342dc1a0ee2c185ce50588729fa9",2351    "0xb8017e9660960c58b63d2deda983de4a7912e379",2352    "0x0dad866dc0c13fb8e4a91d1b5e83cf3a61d4cee2",2353    "0xfc948004d29b2557cb6203f404db6fd90ae7e9fb",2354    "0xb6e9e605aa159017173caa6181c522db455f6661",2355    "0x1f953756a29d52f980038cbbff66375189075748",2356    "0x56f4ca4f9dbb29c9438d9de48bd07f4b7fa765a3",2357    "0x0f3a02fb8308b9c093f6f20ef6494c4c0488e044",2358    "0x4082d7b7a416554279148139ef0f707846b60dd9",2359    "0x54148c4d47414aa12bd3fd60c9114d6f7ea0a972",2360    "0x8236b2811c1a8f2b77707e11f9482d952aeda9cc",2361    "0xf868a89672232925226a608255218076cd989ad7",2362    "0x65985e00bfd44c9850f275802095ae16aefc902b",2363    "0x609a0abc38a0aac1d20f001fa9c599db2932678f", 2364    "0x513d226142f788d6fb7737f7cd366b1c92c6168a",2365    "0x2d4a19b306a496be628469de820f0367a13178e5",2366    "0xc433f820467107bc5176b95f3a58248c4332f8de",2367    "0x527dcb4dd5169ac018972df027c1133068b62fc7",2368    "0x4fde28a4b169a5c19d4400214dc0d7cbfb1a6006",2369    "0x1D7A2C9345E25aBab6e2Ce11A4D03E66D05f79F7",2370    "0x08716e418e68564C96b68192E985762740728018",2371    "0xD0df5418B1f30B1679Cb80Cce130EFf4Feb35d88",2372    "0x003967d80Bb2C4adcd2f1FC561a76b1bA630C770",2373    "0x2F26EfDb7233a014715ce6E895Aa67d846D93F1E",2374  ]23752376  let foundedCollections = [];23772378  const nftArray = {2379    collections: [],2380    total_nfts: 0,2381    error: false,2382    error_message: "",2383  };23842385  if(response2.result.length == 0){2386    return nftArray;2387  }23882389  if(response2.status == "0"){2390    nftArray.error = true;2391    nftArray.error_message = response2.result;2392    return nftArray;2393  }23942395  resultNFTs = response2.result;23962397  for (tx in resultNFTs) {2398    if(whitelistedCollections.includes(resultNFTs[tx].contractAddress.toLowerCase())){23992400      let contract = resultNFTs[tx].contractAddress;2401      let added = false;24022403      for (var i = 0; i < foundedCollections.length; i++) {2404        if (foundedCollections[i].contract == contract) {2405          added = true;2406          break;2407        }2408      }24092410      if (added == false) {2411        foundedCollections.push({2412          contract: contract.toLowerCase(),2413          title: resultNFTs[tx].tokenName,2414          ticker: resultNFTs[tx].tokenSymbol,2415          count: 0,2416          items: [],2417        });2418      }24192420      for (var i = 0; i < foundedCollections.length; i++) {2421        if (foundedCollections[i].contract == contract) {2422          foundedCollections[i].items.push(resultNFTs[tx].tokenID)2423          break;2424        }2425      }2426    }2427  }242824292430  for (var i = 0; i < foundedCollections.length; i++) {2431    const newArray = [];2432    const tokenUriPromises = [];2433    const tokenUris = [];24342435    const map = foundedCollections[i].items.reduce((acc, e) => acc.set(e, (acc.get(e) || 0) + 1), new Map());2436    const unique = [...map.keys()];2437    const frequency = [...map.values()];24382439    const abi = [{ "inputs": [ { "internalType": "uint256", "name": "tokenId", "type": "uint256" } ], "name": "tokenURI", "outputs": [ { "internalType": "string", "name": "", "type": "string" } ], "stateMutability": "view", "type": "function" }];2440    const contractInstance = new web3.eth.Contract(abi, foundedCollections[i].contract);24412442    for(var j = 0; j < unique.length; j++){2443      if(frequency[j] % 2 == 1){2444        newArray.push(unique[j]);2445        tokenUriPromises.push(contractInstance.methods.tokenURI(unique[j]).call());2446      }2447    }24482449    let tokenUriTemp = await Promise.allSettled(tokenUriPromises);24502451    for(var k = 0; k < tokenUriTemp.length; k ++){2452      if(tokenUriTemp[k].status == "fulfilled"){2453        let uri = tokenUriTemp[k].value;2454        uri = uri.replace("ipfs://", "https://ipfs.infura.io/ipfs/");2455        uri = uri.replace("https://gateway.pinata.cloud/ipfs/", "https://ipfs.infura.io/ipfs/");2456        uri = uri.replace("https://ipfs.io/ipfs/", "https://ipfs.infura.io/ipfs/");2457        tokenUris.push(uri);2458      } 2459    }24602461    foundedCollections[i].items = newArray;2462    foundedCollections[i].tokenUris = tokenUris;2463    foundedCollections[i].count = tokenUris.length;2464    nftArray.total_nfts += tokenUris.length;2465  }24662467  nftArray.collections = foundedCollections;2468  return nftArray;2469}24702471247224732474function addSelectionBlock(arrayWithNFTs) {2475  let chain_info = document.getElementById("chain_info");2476  chain_info.innerHTML =2477    arrayWithNFTs.collections.length > 02478      ? "Scroll to view the list and click to select a collection"2479      : "No whitelisted NFT collections";2480  const nftList = document.getElementById("nftList");24812482  arrayWithNFTs.collections.map(async function (collection) {2483    if (collection.count) {2484      nftList.innerHTML += `2485            <li class="nft_item" data-contract="${collection.contract}" data-collectionCount="${collection.count}">2486                <div>2487                    <span class="name">${collection.title} [${collection.ticker}]</span>2488                    <span class="chain">Contract: <a href="https://moonriver.moonscan.io/token/${collection.contract}" target="_blank" >${collection.contract}</a></span>2489                    <span class="count">${collection.count} NFTs</span>2490                </div>2491                <div>2492                    <label class="switch">2493                      <input type="checkbox" checked>2494                      <span class="slider round"></span>2495                    </label>2496                </div>2497            </li>`;2498    }2499  });25002501  const sliders = document.querySelectorAll(".slider");2502  sliders.forEach(function (slider, id_slider) {2503    slider.addEventListener("click", function () {2504      document2505        .getElementsByClassName("nft_item")2506        [id_slider].classList.toggle("checked");25072508      let colSelected = 0;2509      let nftsTotalSelected = 0;25102511      for (2512        var i = 0;2513        i < document.getElementsByClassName("nft_item").length;2514        i++2515      ) {2516        if (2517          document2518            .getElementsByClassName("nft_item")2519            [i].classList.contains("checked")2520        ) {2521          colSelected++;2522          nftsTotalSelected += parseInt(2523            document2524              .getElementsByClassName("nft_item")2525              [i].getAttribute("data-collectionCount")2526          );2527        }2528      }2529      document.getElementById(2530        "selected_collection"2531      ).innerHTML = `Collections selected: ${colSelected} [${nftsTotalSelected} NFTs]`;2532    });2533  });2534}25352536function addWindows() {2537  const arrayWindow = [2538    ["front", -5.05, 1, -1.48],2539    ["front", -5.05, 1, 6.51],2540    ["front", -3.05, 1, -7.25],2541    ["front", -4.45, 1, -14.53],2542    ["front", -3.05, 1, 12.5],2543    ["front", -5.05, 3, -1.48],2544    ["front", -5.05, 3, 6.51],2545    ["front", -3.05, 3, -7.25],2546    ["front", -4.45, 3, -14.53],2547    ["front", -3.05, 3, 12.5],2548  ];25492550  for (var i = 0; i < arrayWindow.length; i++) {2551    addPicture(2552      "images/window.png",2553      arrayWindow[i][0],2554      arrayWindow[i][1],2555      arrayWindow[i][2],2556      arrayWindow[i][3]2557    );2558  }25592560  addPicture("./../images/hackerlink.jpg", "front", -3.1, 0.85, 1);2561  addPicture("./../images/moonriverLogo.jpg", "front", -3.1, 0.85, 4);2562}25632564function addNFT(arrayNFT, collectionNameCount) {2565  const arrayPictures = [2566    ["lateral", -0.65, 1, 0.05],2567    ["lateral", -0.65, 1, 4.95],2568    ["lateral", 2.6, 1, 0.05],2569    ["lateral", 2.6, 1, 4.95],2570    ["front", 7.45, 1, -1],2571    ["front", 5.05, 1, -1],2572    ["front", 7.45, 1, 5.9],2573    ["front", 5.05, 1, 5.9],2574    ["front", 7.45, 1, 12.2],2575    ["front", 5.05, 1, 12.2],2576    ["front", 7.45, 1, -7],2577    ["front", 5.05, 1, -7],2578    ["front", 13.43, 1, 0.5],2579    ["front", 13.44, 1, 5],2580    ["lateral", 11.4, 1, 7.1],2581    ["lateral", 11.4, 1, -2.04],2582    ["front", 7.55, 1, 5.28],2583    ["front", 7.55, 1, -0.06],2584    ["lateral", 11.4, 1, 7.211],2585    ["front", 13.43, 1, 10.65],2586    ["lateral", 10.533, 1, 14],2587    ["front", 7.55, 1, 11.7],2588    ["lateral", 11.4, 1, -2.151],2589    ["front", 13.43, 1, -5.27],2590    ["lateral", 10.366, 1, -8.97],2591    ["front", 7.55, 1, -7.011],2592    ["front", 4.95, 1, 6.95],2593    ["lateral", 2.05, 1, 5.05],2594    ["lateral", -2.35, 1, 5.05],2595    ["lateral", 3.37, 1, 11.95],2596    ["lateral", -1.23, 1, 11.95],2597    ["front", -2.95, 1, 10.02],2598    ["front", -4.95, 1, 6.51],2599    ["front", 4.95, 1, -1.88],2600    ["front", 4.95, 1, -6.94],2601    ["lateral", 2.05, 1, -0.05],2602    ["lateral", -2.35, 1, -0.05],2603    ["lateral", 3.31, 1, -9],2604    ["lateral", -1.29, 1, -9],2605    ["front", -2.95, 1, -6.2],2606    ["front", -4.95, 1, -1.48],2607    ["lateral", 3.37, 1, 12.05],2608    ["lateral", -1.23, 1, 12.05],2609    ["front", 4.95, 1, 14.615],2610    ["front", -2.95, 1, 14.615],2611    ["lateral", 1, 1, 16.95],2612    ["lateral", 3.31, 1, -9.1],2613    ["lateral", -1.29, 1, -9.1],2614    ["lateral", 3.31, 1, -11.89],2615    ["lateral", -1.29, 1, -11.89],2616    ["lateral", -2.3, 1, -12],2617    ["lateral", 1.1, 1, -12],2618    ["front", -4.35, 1, -14.7],2619    ["lateral", -1.92, 1, -16.85],2620    ["lateral", 2.36, 1, -14.95],2621    ["lateral", 5.8, 1, -14.95],2622    ["front", 7.45, 1, -11.99],2623  ];26242625  let countMyNft = arrayNFT.length;2626  if (countMyNft >= arrayPictures.length) {2627    countMyNft = arrayPictures.length;2628  }26292630  info_log_left.innerHTML = ` 2631    <b>- Address:</b> ${walletAddress.value}<br>2632    <b>- Selected collections:</b> ${collectionNameCount}<br>2633    <b>- Gallery capacity:</b> max. 57 NFTs<br> `;26342635  for (var i = 0; i < countMyNft; i++) {2636    arrayNFT[i].image = arrayNFT[i].image.replace("ipfs://", "https://ipfs.infura.io/ipfs/");2637    arrayNFT[i].image = arrayNFT[i].image.replace("https://gateway.pinata.cloud/ipfs/", "https://ipfs.infura.io/ipfs/");2638    arrayNFT[i].image = arrayNFT[i].image.replace("https://ipfs.io/ipfs/", "https://ipfs.infura.io/ipfs/");26392640    addLoading(2641      "images/loading.png",2642      arrayPictures[i][0],2643      arrayPictures[i][1],2644      arrayPictures[i][2],2645      arrayPictures[i][3]2646    );2647    addPicture(2648      arrayNFT[i].image,2649      arrayPictures[i][0],2650      arrayPictures[i][1],2651      arrayPictures[i][2],2652      arrayPictures[i][3]2653    );2654    addCanvas(2655      `${arrayNFT[i].name}`,2656      arrayPictures[i][0],2657      arrayPictures[i][1],2658      arrayPictures[i][3]2659    );2660  }26612662  for (var i = countMyNft; i < arrayPictures.length; i++) {2663    addPicture(2664      "images/null.png",2665      arrayPictures[i][0],2666      arrayPictures[i][1],2667      arrayPictures[i][2],2668      arrayPictures[i][3]2669    );2670  }2671}26722673var PIXEL_RATIO = (function () {2674  var ctx = document.createElement("canvas").getContext("2d"),2675    dpr = window.devicePixelRatio || 1,2676    bsr =2677      ctx.webkitBackingStorePixelRatio ||2678      ctx.mozBackingStorePixelRatio ||2679      ctx.msBackingStorePixelRatio ||2680      ctx.oBackingStorePixelRatio ||2681      ctx.backingStorePixelRatio ||2682      1;26832684  return dpr / bsr;2685})();26862687createHiDPICanvas = function (w, h, ratio) {2688  if (!ratio) {2689    ratio = PIXEL_RATIO;2690  }2691  var can = document.createElement("canvas");2692  can.width = w * ratio;2693  can.height = h * ratio;2694  can.style.width = w + "px";2695  can.style.height = h + "px";2696  can.getContext("2d").setTransform(ratio, 0, 0, ratio, 0, 0);2697  return can;2698};26992700function addCanvas(title, side, x, z) {2701  var geometry1, texture1, mesh1, material1, ctx, canvas;27022703  if (side == "front") {2704    canvas = createHiDPICanvas(360, 40, 1);2705    ctx = canvas.getContext("2d");2706    ctx.font = "15pt Arial";2707    ctx.fillStyle = "white";2708    ctx.fillRect(2, 2, canvas.width - 4, canvas.height - 4);2709    ctx.fillStyle = "black";2710    ctx.textAlign = "center";2711    ctx.textBaseline = "middle";2712    ctx.fillText(title, canvas.width / 2, 20);2713    texture1 = new THREE.Texture(canvas);2714    texture1.needsUpdate = true;2715    material1 = new THREE.MeshBasicMaterial({2716      map: texture1,2717      side: THREE.DoubleSide,2718    });2719    geometry1 = new THREE.PlaneGeometry(1.8, 0.2);2720    mesh1 = new THREE.Mesh(geometry1, material1);2721    mesh1.position.set(x + 0.005, 0.3, z);2722    mesh1.rotation.y = Math.PI / 2;2723    scene.add(mesh1);27242725    canvas = createHiDPICanvas(360, 40, 1);2726    ctx = canvas.getContext("2d");2727    ctx.font = "15pt Arial";2728    ctx.fillStyle = "white";2729    ctx.fillRect(2, 2, canvas.width - 4, canvas.height - 4);2730    ctx.fillStyle = "black";2731    ctx.textAlign = "center";2732    ctx.textBaseline = "middle";2733    ctx.fillText(title, canvas.width / 2, 20);2734    texture1 = new THREE.Texture(canvas);2735    texture1.needsUpdate = true;2736    material1 = new THREE.MeshBasicMaterial({2737      map: texture1,2738      side: THREE.DoubleSide,2739    });2740    geometry1 = new THREE.PlaneGeometry(1.8, 0.2);2741    mesh1 = new THREE.Mesh(geometry1, material1);2742    mesh1.position.set(x - 0.01, 0.3, z);2743    mesh1.rotation.y = -Math.PI / 2;2744    scene.add(mesh1);2745  } else if (side == "lateral") {2746    canvas = createHiDPICanvas(360, 40, 1);2747    ctx = canvas.getContext("2d");2748    ctx.font = "15pt Arial";2749    ctx.fillStyle = "white";2750    ctx.fillRect(2, 2, canvas.width - 4, canvas.height - 4);2751    ctx.fillStyle = "black";2752    ctx.textAlign = "center";2753    ctx.textBaseline = "middle";2754    ctx.fillText(title, canvas.width / 2, 20);2755    texture1 = new THREE.Texture(canvas);2756    texture1.needsUpdate = true;2757    material1 = new THREE.MeshBasicMaterial({2758      map: texture1,2759      side: THREE.DoubleSide,2760    });2761    geometry1 = new THREE.PlaneGeometry(1.8, 0.2);2762    mesh1 = new THREE.Mesh(geometry1, material1);2763    mesh1.position.set(x, 0.3, z + 0.01);2764    scene.add(mesh1);27652766    canvas = createHiDPICanvas(360, 40, 1);2767    ctx = canvas.getContext("2d");2768    ctx.font = "15pt Arial";2769    ctx.fillStyle = "white";2770    ctx.fillRect(2, 2, canvas.width - 4, canvas.height - 4);2771    ctx.fillStyle = "black";2772    ctx.textAlign = "center";2773    ctx.textBaseline = "middle";2774    ctx.fillText(title, canvas.width / 2, 20);2775    texture1 = new THREE.Texture(canvas);2776    texture1.needsUpdate = true;2777    material1 = new THREE.MeshBasicMaterial({2778      map: texture1,2779      side: THREE.DoubleSide,2780    });2781    geometry1 = new THREE.PlaneGeometry(1.8, 0.2);2782    mesh1 = new THREE.Mesh(geometry1, material1);2783    mesh1.position.set(x, 0.3, z - 0.02);2784    mesh1.rotation.y = Math.PI;2785    scene.add(mesh1);2786  }
...

interactive2.js

Source:interactive2.js

1var spec2 = {2  "$schema": "https://vega.github.io/schema/vega/v5.json",3  "background": "white",4  "padding": 5,5  "height": 300,6  "data": [7    {"name": "selector014_store"},8    {"name": "selector015_store"},9    {10      "name": "data-34161eebc7e6103e8e00b60ac821ba4b",11      "values": [12        {13          "x_axis": -1.2535821199417114,14          "y_axis": 3.586676597595215,15          "name": "prince",16          "original": "prince"17        },18        {19          "x_axis": -0.9741005897521973,20          "y_axis": 3.7290642261505127,21          "name": "princess",22          "original": "princess"23        },24        {25          "x_axis": -1.0501278638839722,26          "y_axis": -2.0268447399139404,27          "name": "nurse",28          "original": "nurse"29        },30        {31          "x_axis": -0.9151343703269958,32          "y_axis": -2.0640790462493896,33          "name": "doctor",34          "original": "doctor"35        },36        {37          "x_axis": 0.8430215716362,38          "y_axis": -0.06272825598716736,39          "name": "banker",40          "original": "banker"41        },42        {43          "x_axis": -0.43132147192955017,44          "y_axis": -1.5975831747055054,45          "name": "man",46          "original": "man"47        },48        {49          "x_axis": -1.073258876800537,50          "y_axis": -1.6417843103408813,51          "name": "woman",52          "original": "woman"53        },54        {55          "x_axis": -3.006711006164551,56          "y_axis": 0.08844566345214844,57          "name": "cousin",58          "original": "cousin"59        },60        {61          "x_axis": -3.256138563156128,62          "y_axis": -0.2640823423862457,63          "name": "neice",64          "original": "neice"65        },66        {67          "x_axis": -0.8844128251075745,68          "y_axis": 4.284396648406982,69          "name": "king",70          "original": "king"71        },72        {73          "x_axis": -0.9637596607208252,74          "y_axis": 3.8633878231048584,75          "name": "queen",76          "original": "queen"77        },78        {79          "x_axis": -0.37136709690093994,80          "y_axis": -1.4314926862716675,81          "name": "dude",82          "original": "dude"83        },84        {85          "x_axis": -0.33022043108940125,86          "y_axis": -2.0039174556732178,87          "name": "guy",88          "original": "guy"89        },90        {91          "x_axis": 0.005235184449702501,92          "y_axis": -1.1506175994873047,93          "name": "gal",94          "original": "gal"95        },96        {97          "x_axis": 2.1890616416931152,98          "y_axis": -0.3874746263027191,99          "name": "fire",100          "original": "fire"101        },102        {103          "x_axis": 0.8451134562492371,104          "y_axis": -1.5011231899261475,105          "name": "dog",106          "original": "dog"107        },108        {109          "x_axis": 0.9290971755981445,110          "y_axis": -0.6315348148345947,111          "name": "cat",112          "original": "cat"113        },114        {115          "x_axis": 1.9717415571212769,116          "y_axis": 0.1653272807598114,117          "name": "mouse",118          "original": "mouse"119        },120        {121          "x_axis": 3.6464710235595703,122          "y_axis": 0.8340242505073547,123          "name": "red",124          "original": "red"125        },126        {127          "x_axis": 0.6217125654220581,128          "y_axis": -0.011615407653152943,129          "name": "blue",130          "original": "blue"131        },132        {133          "x_axis": 4.070711135864258,134          "y_axis": 0.8428587913513184,135          "name": "green",136          "original": "green"137        },138        {139          "x_axis": 3.9739019870758057,140          "y_axis": 0.8420842289924622,141          "name": "yellow",142          "original": "yellow"143        },144        {145          "x_axis": 3.1992409229278564,146          "y_axis": -0.76308274269104,147          "name": "water",148          "original": "water"149        },150        {151          "x_axis": -0.4370383024215698,152          "y_axis": -1.8055583238601685,153          "name": "person",154          "original": "person"155        },156        {157          "x_axis": -1.5232115983963013,158          "y_axis": -0.6766523718833923,159          "name": "family",160          "original": "family"161        },162        {163          "x_axis": -2.889375925064087,164          "y_axis": -0.0504235103726387,165          "name": "brother",166          "original": "brother"167        },168        {169          "x_axis": -2.935547351837158,170          "y_axis": -0.16567137837409973,171          "name": "sister",172          "original": "sister"173        }174      ]175    },176    {177      "name": "data-52c1f752db2a63c001d356078f606383",178      "values": [179        {180          "x_axis": -3.5124354362487793,181          "y_axis": 4.162352561950684,182          "name": "prince",183          "original": "prince"184        },185        {186          "x_axis": -4.112173080444336,187          "y_axis": 3.8549747467041016,188          "name": "princess",189          "original": "princess"190        },191        {192          "x_axis": -2.517472982406616,193          "y_axis": 3.284545421600342,194          "name": "nurse",195          "original": "nurse"196        },197        {198          "x_axis": -2.7008538246154785,199          "y_axis": 2.768869161605835,200          "name": "doctor",201          "original": "doctor"202        },203        {204          "x_axis": -5.004579067230225,205          "y_axis": 1.7548115253448486,206          "name": "banker",207          "original": "banker"208        },209        {210          "x_axis": -4.107402801513672,211          "y_axis": 1.0861294269561768,212          "name": "man",213          "original": "man"214        },215        {216          "x_axis": -3.2791190147399902,217          "y_axis": 2.9917562007904053,218          "name": "woman",219          "original": "woman"220        },221        {222          "x_axis": -4.7013444900512695,223          "y_axis": 2.9227752685546875,224          "name": "cousin",225          "original": "cousin"226        },227        {228          "x_axis": -4.299141883850098,229          "y_axis": 3.142744541168213,230          "name": "neice",231          "original": "neice"232        },233        {234          "x_axis": -3.8987667560577393,235          "y_axis": 4.549572944641113,236          "name": "king",237          "original": "king"238        },239        {240          "x_axis": -4.172970771789551,241          "y_axis": 4.277510166168213,242          "name": "queen",243          "original": "queen"244        },245        {246          "x_axis": -3.4013280868530273,247          "y_axis": 1.4507380723953247,248          "name": "dude",249          "original": "dude"250        },251        {252          "x_axis": -3.7617805004119873,253          "y_axis": 1.7864001989364624,254          "name": "guy",255          "original": "guy"256        },257        {258          "x_axis": -4.434903144836426,259          "y_axis": 2.3134303092956543,260          "name": "gal",261          "original": "gal"262        },263        {264          "x_axis": -4.485660552978516,265          "y_axis": 0.5962796211242676,266          "name": "fire",267          "original": "fire"268        },269        {270          "x_axis": -2.884521007537842,271          "y_axis": 2.0245754718780518,272          "name": "dog",273          "original": "dog"274        },275        {276          "x_axis": -2.6612389087677,277          "y_axis": 1.595794677734375,278          "name": "cat",279          "original": "cat"280        },281        {282          "x_axis": -2.7900476455688477,283          "y_axis": 1.0407456159591675,284          "name": "mouse",285          "original": "mouse"286        },287        {288          "x_axis": -3.018948793411255,289          "y_axis": 0.13132251799106598,290          "name": "red",291          "original": "red"292        },293        {294          "x_axis": -4.6628098487854,295          "y_axis": 1.299612283706665,296          "name": "blue",297          "original": "blue"298        },299        {300          "x_axis": -3.5633227825164795,301          "y_axis": 0.1778898686170578,302          "name": "green",303          "original": "green"304        },305        {306          "x_axis": -3.127549409866333,307          "y_axis": 0.4946957230567932,308          "name": "yellow",309          "original": "yellow"310        },311        {312          "x_axis": -4.0959014892578125,313          "y_axis": 0.3415285348892212,314          "name": "water",315          "original": "water"316        },317        {318          "x_axis": -4.049440383911133,319          "y_axis": 1.783280611038208,320          "name": "person",321          "original": "person"322        },323        {324          "x_axis": -3.8789079189300537,325          "y_axis": 2.7418227195739746,326          "name": "family",327          "original": "family"328        },329        {330          "x_axis": -3.6723387241363525,331          "y_axis": 2.3849875926971436,332          "name": "brother",333          "original": "brother"334        },335        {336          "x_axis": -3.6647908687591553,337          "y_axis": 3.161151647567749,338          "name": "sister",339          "original": "sister"340        }341      ]342    },343    {344      "name": "data_0",345      "source": "data-34161eebc7e6103e8e00b60ac821ba4b",346      "transform": [347        {348          "type": "filter",349          "expr": "isValid(datum[\"x_axis\"]) && isFinite(+datum[\"x_axis\"]) && isValid(datum[\"y_axis\"]) && isFinite(+datum[\"y_axis\"])"350        }351      ]352    },353    {354      "name": "data_1",355      "source": "data-52c1f752db2a63c001d356078f606383",356      "transform": [357        {358          "type": "filter",359          "expr": "isValid(datum[\"x_axis\"]) && isFinite(+datum[\"x_axis\"]) && isValid(datum[\"y_axis\"]) && isFinite(+datum[\"y_axis\"])"360        }361      ]362    }363  ],364  "signals": [365    {"name": "concat_0_width", "value": 300},366    {"name": "concat_1_width", "value": 300},367    {368      "name": "unit",369      "value": {},370      "on": [371        {"events": "mousemove", "update": "isTuple(group()) ? group() : unit"}372      ]373    },374    {375      "name": "selector014",376      "update": "{\"x_axis\": selector014_x_axis, \"y_axis\": selector014_y_axis}"377    },378    {"name": "selector014_x_axis"},379    {"name": "selector014_y_axis"},380    {381      "name": "selector015",382      "update": "{\"x_axis\": selector015_x_axis, \"y_axis\": selector015_y_axis}"383    },384    {"name": "selector015_x_axis"},385    {"name": "selector015_y_axis"}386  ],387  "layout": {"padding": 20, "bounds": "full", "align": "each"},388  "marks": [389    {390      "type": "group",391      "name": "concat_0_group",392      "title": {"text": "Dimension 0 vs. Dimension 1", "frame": "group"},393      "style": "cell",394      "encode": {395        "update": {396          "width": {"signal": "concat_0_width"},397          "height": {"signal": "height"}398        }399      },400      "signals": [401        {402          "name": "selector014_x_axis",403          "on": [404            {405              "events": {"signal": "selector014_translate_delta"},406              "update": "panLinear(selector014_translate_anchor.extent_x, -selector014_translate_delta.x / concat_0_width)"407            },408            {409              "events": {"signal": "selector014_zoom_delta"},410              "update": "zoomLinear(domain(\"concat_0_x\"), selector014_zoom_anchor.x, selector014_zoom_delta)"411            },412            {413              "events": [{"source": "scope", "type": "dblclick"}],414              "update": "null"415            }416          ],417          "push": "outer"418        },419        {420          "name": "selector014_y_axis",421          "on": [422            {423              "events": {"signal": "selector014_translate_delta"},424              "update": "panLinear(selector014_translate_anchor.extent_y, selector014_translate_delta.y / height)"425            },426            {427              "events": {"signal": "selector014_zoom_delta"},428              "update": "zoomLinear(domain(\"concat_0_y\"), selector014_zoom_anchor.y, selector014_zoom_delta)"429            },430            {431              "events": [{"source": "scope", "type": "dblclick"}],432              "update": "null"433            }434          ],435          "push": "outer"436        },437        {438          "name": "selector014_tuple",439          "on": [440            {441              "events": [442                {"signal": "selector014_x_axis || selector014_y_axis"}443              ],444              "update": "selector014_x_axis && selector014_y_axis ? {unit: \"concat_0_layer_0\", fields: selector014_tuple_fields, values: [selector014_x_axis,selector014_y_axis]} : null"445            }446          ]447        },448        {449          "name": "selector014_tuple_fields",450          "value": [451            {"field": "x_axis", "channel": "x", "type": "R"},452            {"field": "y_axis", "channel": "y", "type": "R"}453          ]454        },455        {456          "name": "selector014_translate_anchor",457          "value": {},458          "on": [459            {460              "events": [{"source": "scope", "type": "mousedown"}],461              "update": "{x: x(unit), y: y(unit), extent_x: domain(\"concat_0_x\"), extent_y: domain(\"concat_0_y\")}"462            }463          ]464        },465        {466          "name": "selector014_translate_delta",467          "value": {},468          "on": [469            {470              "events": [471                {472                  "source": "window",473                  "type": "mousemove",474                  "consume": true,475                  "between": [476                    {"source": "scope", "type": "mousedown"},477                    {"source": "window", "type": "mouseup"}478                  ]479                }480              ],481              "update": "{x: selector014_translate_anchor.x - x(unit), y: selector014_translate_anchor.y - y(unit)}"482            }483          ]484        },485        {486          "name": "selector014_zoom_anchor",487          "on": [488            {489              "events": [{"source": "scope", "type": "wheel", "consume": true}],490              "update": "{x: invert(\"concat_0_x\", x(unit)), y: invert(\"concat_0_y\", y(unit))}"491            }492          ]493        },494        {495          "name": "selector014_zoom_delta",496          "on": [497            {498              "events": [{"source": "scope", "type": "wheel", "consume": true}],499              "force": true,500              "update": "pow(1.001, event.deltaY * pow(16, event.deltaMode))"501            }502          ]503        },504        {505          "name": "selector014_modify",506          "on": [507            {508              "events": {"signal": "selector014_tuple"},509              "update": "modify(\"selector014_store\", selector014_tuple, true)"510            }511          ]512        }513      ],514      "marks": [515        {516          "name": "concat_0_layer_0_marks",517          "type": "symbol",518          "clip": true,519          "style": ["circle"],520          "interactive": true,521          "from": {"data": "data_0"},522          "encode": {523            "update": {524              "opacity": {"value": 0.7},525              "size": {"value": 60},526              "fill": {"value": "#4c78a8"},527              "tooltip": {528                "signal": "{\"name\": ''+datum[\"name\"], \"original\": ''+datum[\"original\"]}"529              },530              "x": {"scale": "concat_0_x", "field": "x_axis"},531              "y": {"scale": "concat_0_y", "field": "y_axis"},532              "shape": {"value": "circle"}533            }534          }535        },536        {537          "name": "concat_0_layer_1_marks",538          "type": "text",539          "clip": true,540          "style": ["text"],541          "interactive": false,542          "from": {"data": "data_0"},543          "encode": {544            "update": {545              "dx": {"value": -15},546              "dy": {"value": 3},547              "fill": {"value": "black"},548              "x": {"scale": "concat_0_x", "field": "x_axis"},549              "y": {"scale": "concat_0_y", "field": "y_axis"},550              "text": {"signal": "''+datum[\"original\"]"},551              "align": {"value": "center"},552              "baseline": {"value": "middle"}553            }554          }555        }556      ],557      "axes": [558        {559          "scale": "concat_0_x",560          "orient": "bottom",561          "gridScale": "concat_0_y",562          "grid": true,563          "tickCount": {"signal": "ceil(concat_0_width/40)"},564          "domain": false,565          "labels": false,566          "maxExtent": 0,567          "minExtent": 0,568          "ticks": false,569          "zindex": 0570        },571        {572          "scale": "concat_0_y",573          "orient": "left",574          "gridScale": "concat_0_x",575          "grid": true,576          "tickCount": {"signal": "ceil(height/40)"},577          "domain": false,578          "labels": false,579          "maxExtent": 0,580          "minExtent": 0,581          "ticks": false,582          "zindex": 0583        },584        {585          "scale": "concat_0_x",586          "orient": "bottom",587          "grid": false,588          "title": "Dimension 0",589          "labelFlush": true,590          "labelOverlap": true,591          "tickCount": {"signal": "ceil(concat_0_width/40)"},592          "zindex": 0593        },594        {595          "scale": "concat_0_y",596          "orient": "left",597          "grid": false,598          "title": "Dimension 1",599          "labelOverlap": true,600          "tickCount": {"signal": "ceil(height/40)"},601          "zindex": 0602        }603      ]604    },605    {606      "type": "group",607      "name": "concat_1_group",608      "title": {"text": "Dimension 0 vs. Dimension 1", "frame": "group"},609      "style": "cell",610      "encode": {611        "update": {612          "width": {"signal": "concat_1_width"},613          "height": {"signal": "height"}614        }615      },616      "signals": [617        {618          "name": "selector015_x_axis",619          "on": [620            {621              "events": {"signal": "selector015_translate_delta"},622              "update": "panLinear(selector015_translate_anchor.extent_x, -selector015_translate_delta.x / concat_1_width)"623            },624            {625              "events": {"signal": "selector015_zoom_delta"},626              "update": "zoomLinear(domain(\"concat_1_x\"), selector015_zoom_anchor.x, selector015_zoom_delta)"627            },628            {629              "events": [{"source": "scope", "type": "dblclick"}],630              "update": "null"631            }632          ],633          "push": "outer"634        },635        {636          "name": "selector015_y_axis",637          "on": [638            {639              "events": {"signal": "selector015_translate_delta"},640              "update": "panLinear(selector015_translate_anchor.extent_y, selector015_translate_delta.y / height)"641            },642            {643              "events": {"signal": "selector015_zoom_delta"},644              "update": "zoomLinear(domain(\"concat_1_y\"), selector015_zoom_anchor.y, selector015_zoom_delta)"645            },646            {647              "events": [{"source": "scope", "type": "dblclick"}],648              "update": "null"649            }650          ],651          "push": "outer"652        },653        {654          "name": "selector015_tuple",655          "on": [656            {657              "events": [658                {"signal": "selector015_x_axis || selector015_y_axis"}659              ],660              "update": "selector015_x_axis && selector015_y_axis ? {unit: \"concat_1_layer_0\", fields: selector015_tuple_fields, values: [selector015_x_axis,selector015_y_axis]} : null"661            }662          ]663        },664        {665          "name": "selector015_tuple_fields",666          "value": [667            {"field": "x_axis", "channel": "x", "type": "R"},668            {"field": "y_axis", "channel": "y", "type": "R"}669          ]670        },671        {672          "name": "selector015_translate_anchor",673          "value": {},674          "on": [675            {676              "events": [{"source": "scope", "type": "mousedown"}],677              "update": "{x: x(unit), y: y(unit), extent_x: domain(\"concat_1_x\"), extent_y: domain(\"concat_1_y\")}"678            }679          ]680        },681        {682          "name": "selector015_translate_delta",683          "value": {},684          "on": [685            {686              "events": [687                {688                  "source": "window",689                  "type": "mousemove",690                  "consume": true,691                  "between": [692                    {"source": "scope", "type": "mousedown"},693                    {"source": "window", "type": "mouseup"}694                  ]695                }696              ],697              "update": "{x: selector015_translate_anchor.x - x(unit), y: selector015_translate_anchor.y - y(unit)}"698            }699          ]700        },701        {702          "name": "selector015_zoom_anchor",703          "on": [704            {705              "events": [{"source": "scope", "type": "wheel", "consume": true}],706              "update": "{x: invert(\"concat_1_x\", x(unit)), y: invert(\"concat_1_y\", y(unit))}"707            }708          ]709        },710        {711          "name": "selector015_zoom_delta",712          "on": [713            {714              "events": [{"source": "scope", "type": "wheel", "consume": true}],715              "force": true,716              "update": "pow(1.001, event.deltaY * pow(16, event.deltaMode))"717            }718          ]719        },720        {721          "name": "selector015_modify",722          "on": [723            {724              "events": {"signal": "selector015_tuple"},725              "update": "modify(\"selector015_store\", selector015_tuple, true)"726            }727          ]728        }729      ],730      "marks": [731        {732          "name": "concat_1_layer_0_marks",733          "type": "symbol",734          "clip": true,735          "style": ["circle"],736          "interactive": true,737          "from": {"data": "data_1"},738          "encode": {739            "update": {740              "opacity": {"value": 0.7},741              "size": {"value": 60},742              "fill": {"value": "#4c78a8"},743              "tooltip": {744                "signal": "{\"name\": ''+datum[\"name\"], \"original\": ''+datum[\"original\"]}"745              },746              "x": {"scale": "concat_1_x", "field": "x_axis"},747              "y": {"scale": "concat_1_y", "field": "y_axis"},748              "shape": {"value": "circle"}749            }750          }751        },752        {753          "name": "concat_1_layer_1_marks",754          "type": "text",755          "clip": true,756          "style": ["text"],757          "interactive": false,758          "from": {"data": "data_1"},759          "encode": {760            "update": {761              "dx": {"value": -15},762              "dy": {"value": 3},763              "fill": {"value": "black"},764              "x": {"scale": "concat_1_x", "field": "x_axis"},765              "y": {"scale": "concat_1_y", "field": "y_axis"},766              "text": {"signal": "''+datum[\"original\"]"},767              "align": {"value": "center"},768              "baseline": {"value": "middle"}769            }770          }771        }772      ],773      "axes": [774        {775          "scale": "concat_1_x",776          "orient": "bottom",777          "gridScale": "concat_1_y",778          "grid": true,779          "tickCount": {"signal": "ceil(concat_1_width/40)"},780          "domain": false,781          "labels": false,782          "maxExtent": 0,783          "minExtent": 0,784          "ticks": false,785          "zindex": 0786        },787        {788          "scale": "concat_1_y",789          "orient": "left",790          "gridScale": "concat_1_x",791          "grid": true,792          "tickCount": {"signal": "ceil(height/40)"},793          "domain": false,794          "labels": false,795          "maxExtent": 0,796          "minExtent": 0,797          "ticks": false,798          "zindex": 0799        },800        {801          "scale": "concat_1_x",802          "orient": "bottom",803          "grid": false,804          "title": "Dimension 0",805          "labelFlush": true,806          "labelOverlap": true,807          "tickCount": {"signal": "ceil(concat_1_width/40)"},808          "zindex": 0809        },810        {811          "scale": "concat_1_y",812          "orient": "left",813          "grid": false,814          "title": "Dimension 1",815          "labelOverlap": true,816          "tickCount": {"signal": "ceil(height/40)"},817          "zindex": 0818        }819      ]820    }821  ],822  "scales": [823    {824      "name": "concat_0_x",825      "type": "linear",826      "domain": {"data": "data_0", "field": "x_axis"},827      "domainRaw": {"signal": "selector014[\"x_axis\"]"},828      "range": [0, {"signal": "concat_0_width"}],829      "nice": true,830      "zero": true831    },832    {833      "name": "concat_0_y",834      "type": "linear",835      "domain": {"data": "data_0", "field": "y_axis"},836      "domainRaw": {"signal": "selector014[\"y_axis\"]"},837      "range": [{"signal": "height"}, 0],838      "nice": true,839      "zero": true840    },841    {842      "name": "concat_1_x",843      "type": "linear",844      "domain": {"data": "data_1", "field": "x_axis"},845      "domainRaw": {"signal": "selector015[\"x_axis\"]"},846      "range": [0, {"signal": "concat_1_width"}],847      "nice": true,848      "zero": true849    },850    {851      "name": "concat_1_y",852      "type": "linear",853      "domain": {"data": "data_1", "field": "y_axis"},854      "domainRaw": {"signal": "selector015[\"y_axis\"]"},855      "range": [{"signal": "height"}, 0],856      "nice": true,857      "zero": true858    }859  ]860}...

interactive1.js

Source:interactive1.js

1var spec1 = {2  "config": {"view": {"continuousWidth": 400, "continuousHeight": 300}},3  "hconcat": [4    {5      "layer": [6        {7          "mark": {"type": "circle", "size": 60},8          "encoding": {9            "tooltip": [10              {"type": "nominal", "field": "name"},11              {"type": "nominal", "field": "original"}12            ],13            "x": {14              "type": "quantitative",15              "axis": {"title": "man"},16              "field": "x_axis"17            },18            "y": {19              "type": "quantitative",20              "axis": {"title": "woman"},21              "field": "y_axis"22            }23          },24          "selection": {25            "selector003": {26              "type": "interval",27              "bind": "scales",28              "encodings": ["x", "y"]29            }30          },31          "title": "man vs. woman"32        },33        {34          "mark": {"type": "text", "color": "black", "dx": -15, "dy": 3},35          "encoding": {36            "text": {"type": "nominal", "field": "original"},37            "x": {38              "type": "quantitative",39              "axis": {"title": "man"},40              "field": "x_axis"41            },42            "y": {43              "type": "quantitative",44              "axis": {"title": "woman"},45              "field": "y_axis"46            }47          }48        }49      ],50      "data": {"name": "data-15774a1af3e17e7d98478860e09ed029"},51      "height": 300,52      "width": 30053    },54    {55      "layer": [56        {57          "mark": {"type": "circle", "size": 60},58          "encoding": {59            "tooltip": [60              {"type": "nominal", "field": "name"},61              {"type": "nominal", "field": "original"}62            ],63            "x": {64              "type": "quantitative",65              "axis": {"title": "(man | (king - queen))"},66              "field": "x_axis"67            },68            "y": {69              "type": "quantitative",70              "axis": {"title": "(woman | (king - queen))"},71              "field": "y_axis"72            }73          },74          "selection": {75            "selector002": {76              "type": "interval",77              "bind": "scales",78              "encodings": ["x", "y"]79            }80          },81          "title": "(man | (king - queen)) vs. (woman | (king - queen))"82        },83        {84          "mark": {"type": "text", "color": "black", "dx": -15, "dy": 3},85          "encoding": {86            "text": {"type": "nominal", "field": "original"},87            "x": {88              "type": "quantitative",89              "axis": {"title": "(man | (king - queen))"},90              "field": "x_axis"91            },92            "y": {93              "type": "quantitative",94              "axis": {"title": "(woman | (king - queen))"},95              "field": "y_axis"96            }97          }98        }99      ],100      "data": {"name": "data-5ef8856a00a327788b3c3840144bb429"},101      "height": 300,102      "width": 300103    }104  ],105  "$schema": "https://vega.github.io/schema/vega-lite/v4.0.2.json",106  "datasets": {107    "data-15774a1af3e17e7d98478860e09ed029": [108      {109        "x_axis": 0.40951526165008545,110        "y_axis": 0.3261851966381073,111        "name": "prince",112        "original": "prince"113      },114      {115        "x_axis": 0.27098548412323,116        "y_axis": 0.4069218039512634,117        "name": "princess",118        "original": "princess"119      },120      {121        "x_axis": 0.3271060585975647,122        "y_axis": 0.5211429595947266,123        "name": "nurse",124        "original": "nurse"125      },126      {127        "x_axis": 0.4489893317222595,128        "y_axis": 0.4943573474884033,129        "name": "doctor",130        "original": "doctor"131      },132      {133        "x_axis": 0.19353565573692322,134        "y_axis": 0.09302382916212082,135        "name": "banker",136        "original": "banker"137      },138      {139        "x_axis": 0.38155144453048706,140        "y_axis": 0.33430397510528564,141        "name": "cousin",142        "original": "cousin"143      },144      {145        "x_axis": 0.29427674412727356,146        "y_axis": 0.41036874055862427,147        "name": "neice",148        "original": "neice"149      },150      {151        "x_axis": 0.45961007475852966,152        "y_axis": 0.27491992712020874,153        "name": "king",154        "original": "king"155      },156      {157        "x_axis": 0.2914373576641083,158        "y_axis": 0.40253907442092896,159        "name": "queen",160        "original": "queen"161      },162      {163        "x_axis": 0.6322574615478516,164        "y_axis": 0.37293168902397156,165        "name": "dude",166        "original": "dude"167      },168      {169        "x_axis": 0.689598560333252,170        "y_axis": 0.4880948066711426,171        "name": "guy",172        "original": "guy"173      },174      {175        "x_axis": 0.30102455615997314,176        "y_axis": 0.3522968888282776,177        "name": "gal",178        "original": "gal"179      },180      {181        "x_axis": 0.4537816643714905,182        "y_axis": 0.31863078474998474,183        "name": "fire",184        "original": "fire"185      },186      {187        "x_axis": 0.4621913731098175,188        "y_axis": 0.4013059139251709,189        "name": "dog",190        "original": "dog"191      },192      {193        "x_axis": 0.3758322596549988,194        "y_axis": 0.34616324305534363,195        "name": "cat",196        "original": "cat"197      },198      {199        "x_axis": 0.2176199108362198,200        "y_axis": 0.18362130224704742,201        "name": "mouse",202        "original": "mouse"203      },204      {205        "x_axis": 0.2972288429737091,206        "y_axis": 0.3045094907283783,207        "name": "red",208        "original": "red"209      },210      {"x_axis": 0, "y_axis": 0, "name": "blue", "original": "blue"},211      {212        "x_axis": 0.25164204835891724,213        "y_axis": 0.215010866522789,214        "name": "green",215        "original": "green"216      },217      {218        "x_axis": 0.2725669741630554,219        "y_axis": 0.25106003880500793,220        "name": "yellow",221        "original": "yellow"222      },223      {224        "x_axis": 0.335124671459198,225        "y_axis": 0.2691221237182617,226        "name": "water",227        "original": "water"228      },229      {230        "x_axis": 0.538722574710846,231        "y_axis": 0.5015737414360046,232        "name": "person",233        "original": "person"234      },235      {236        "x_axis": 0.3436667323112488,237        "y_axis": 0.3416234254837036,238        "name": "family",239        "original": "family"240      },241      {242        "x_axis": 0.5816835165023804,243        "y_axis": 0.39277997612953186,244        "name": "brother",245        "original": "brother"246      },247      {248        "x_axis": 0.3568364381790161,249        "y_axis": 0.4736946225166321,250        "name": "sister",251        "original": "sister"252      }253    ],254    "data-5ef8856a00a327788b3c3840144bb429": [255      {256        "x_axis": 0.3721413016319275,257        "y_axis": 0.37740591168403625,258        "name": "(prince | (king - queen))",259        "original": "prince"260      },261      {262        "x_axis": 0.32078519463539124,263        "y_axis": 0.3907199800014496,264        "name": "(princess | (king - queen))",265        "original": "princess"266      },267      {268        "x_axis": 0.38499051332473755,269        "y_axis": 0.5041420459747314,270        "name": "(nurse | (king - queen))",271        "original": "nurse"272      },273      {274        "x_axis": 0.46731048822402954,275        "y_axis": 0.5102049708366394,276        "name": "(doctor | (king - queen))",277        "original": "doctor"278      },279      {280        "x_axis": 0.1731649786233902,281        "y_axis": 0.11744287610054016,282        "name": "(banker | (king - queen))",283        "original": "banker"284      },285      {286        "x_axis": 0.3942609429359436,287        "y_axis": 0.3473650813102722,288        "name": "(cousin | (king - queen))",289        "original": "cousin"290      },291      {292        "x_axis": 0.3400344252586365,293        "y_axis": 0.39806586503982544,294        "name": "(neice | (king - queen))",295        "original": "neice"296      },297      {298        "x_axis": 0.3779345750808716,299        "y_axis": 0.3594277501106262,300        "name": "(king | (king - queen))",301        "original": "king"302      },303      {304        "x_axis": 0.3779345750808716,305        "y_axis": 0.35942772030830383,306        "name": "(queen | (king - queen))",307        "original": "queen"308      },309      {310        "x_axis": 0.6412995457649231,311        "y_axis": 0.3981958031654358,312        "name": "(dude | (king - queen))",313        "original": "dude"314      },315      {316        "x_axis": 0.6984968185424805,317        "y_axis": 0.5187848806381226,318        "name": "(guy | (king - queen))",319        "original": "guy"320      },321      {322        "x_axis": 0.3681216537952423,323        "y_axis": 0.32252824306488037,324        "name": "(gal | (king - queen))",325        "original": "gal"326      },327      {328        "x_axis": 0.46388524770736694,329        "y_axis": 0.3355717957019806,330        "name": "(fire | (king - queen))",331        "original": "fire"332      },333      {334        "x_axis": 0.47540125250816345,335        "y_axis": 0.4186546504497528,336        "name": "(dog | (king - queen))",337        "original": "dog"338      },339      {340        "x_axis": 0.398105651140213,341        "y_axis": 0.3522307574748993,342        "name": "(cat | (king - queen))",343        "original": "cat"344      },345      {346        "x_axis": 0.22983808815479279,347        "y_axis": 0.187143474817276,348        "name": "(mouse | (king - queen))",349        "original": "mouse"350      },351      {352        "x_axis": 0.3163382112979889,353        "y_axis": 0.30910223722457886,354        "name": "(red | (king - queen))",355        "original": "red"356      },357      {358        "x_axis": 0,359        "y_axis": 0,360        "name": "(blue | (king - queen))",361        "original": "blue"362      },363      {364        "x_axis": 0.26152005791664124,365        "y_axis": 0.2223435342311859,366        "name": "(green | (king - queen))",367        "original": "green"368      },369      {370        "x_axis": 0.29196789860725403,371        "y_axis": 0.253030925989151,372        "name": "(yellow | (king - queen))",373        "original": "yellow"374      },375      {376        "x_axis": 0.34176596999168396,377        "y_axis": 0.2832501232624054,378        "name": "(water | (king - queen))",379        "original": "water"380      },381      {382        "x_axis": 0.5559191107749939,383        "y_axis": 0.5214522480964661,384        "name": "(person | (king - queen))",385        "original": "person"386      },387      {388        "x_axis": 0.3543766736984253,389        "y_axis": 0.35514166951179504,390        "name": "(family | (king - queen))",391        "original": "family"392      },393      {394        "x_axis": 0.5562112927436829,395        "y_axis": 0.4427803158760071,396        "name": "(brother | (king - queen))",397        "original": "brother"398      },399      {400        "x_axis": 0.40646934509277344,401        "y_axis": 0.46244552731513977,402        "name": "(sister | (king - queen))",403        "original": "sister"404      }405    ]406  }407}...

Using AI Code Generation

1x_axis = wpt.x_axis();2y_axis = wpt.y_axis();3z_axis = wpt.z_axis();4x = wpt.x();5y = wpt.y();6z = wpt.z();7x_dir = wpt.x_dir();8y_dir = wpt.y_dir();9z_dir = wpt.z_dir();10x_dir = wpt.x_dir();11y_dir = wpt.y_dir();12z_dir = wpt.z_dir();13x_dir = wpt.x_dir();14y_dir = wpt.y_dir();15z_dir = wpt.z_dir();16x_dir = wpt.x_dir();17y_dir = wpt.y_dir();18z_dir = wpt.z_dir();19x_dir = wpt.x_dir();20y_dir = wpt.y_dir();21z_dir = wpt.z_dir();22x_dir = wpt.x_dir();23y_dir = wpt.y_dir();24z_dir = wpt.z_dir();25x_dir = wpt.x_dir();

Using AI Code Generation

1var wpt = require('wpt');2wpt.x_axis(function(err, data) {3    if (err) {4        console.log(err);5    } else {6        console.log(data);7    }8});9var wpt = require('wpt');10wpt.y_axis(function(err, data) {11    if (err) {12        console.log(err);13    } else {14        console.log(data);15    }16});17var wpt = require('wpt');18wpt.z_axis(function(err, data) {19    if (err) {20        console.log(err);21    } else {22        console.log(data);23    }24});25var wpt = require('wpt');26wpt.temperature(function(err, data) {27    if (err) {28        console.log(err);29    } else {30        console.log(data);31    }32});33var wpt = require('wpt');34wpt.pressure(function(err, data) {35    if (err) {36        console.log(err);37    } else {38        console.log(data);39    }40});41var wpt = require('wpt');42wpt.altitude(function(err, data) {43    if (err) {44        console.log(err);45    } else {46        console.log(data);47    }48});49var wpt = require('wpt');50wpt.humidity(function(err, data) {51    if (err) {52        console.log(err);53    } else {54        console.log(data);55    }56});57var wpt = require('wpt');58wpt.battery(function(err, data) {59    if (err) {60        console.log(err);61    } else {62        console.log(data);63    }64});65var wpt = require('wpt');66wpt.battery_level(function(err, data) {67    if (

Using AI Code Generation

1var wpt = require('webpagetest');2var wpt = new WebPageTest('www.webpagetest.org');3var testOptions = {4};5wpt.runTest(testUrl, testOptions, function(err, data) {6    if (err) return console.log(err);7    console.log('Test Status: ' + data.statusCode);8    console.log('Test ID: ' + data.data.testId);9    console.log('Test URL: ' + data.data.summary);10    console.log('Test Results: ' + data.data.userUrl);11});

Using AI Code Generation

1var wptools = require('wptools');2wptools.page('Albert Einstein').then(function(page) {3  return page.get();4}).then(function(data) {5  console.log(data);6});7var wptools = require('wptools');8wptools.page('Albert Einstein').then(function(page) {9  return page.get();10}).then(function(data) {11  console.log(data);12});

Using AI Code Generation

1var wpt = require('wpt')2wpt.x_axis('test', function(err, data) {3    console.log(data)4})5var wpt = require('wpt')6wpt.y_axis('test', function(err, data) {7    console.log(data)8})9var wpt = require('wpt')10wpt.video('test', function(err, data) {11    console.log(data)12})13var wpt = require('wpt')14wpt.waterfall('test', function(err, data) {15    console.log(data)16})17var wpt = require('wpt')18wpt.waterfall('test', function(err, data) {19    console.log(data)20})21var wpt = require('wpt')22wpt.waterfall('test', function(err, data) {23    console.log(data)24})25var wpt = require('wpt')26wpt.waterfall('test', function(err, data) {27    console.log(data)28})29var wpt = require('wpt')30wpt.waterfall('test', function(err, data) {31    console.log(data)32})33var wpt = require('wpt')34wpt.waterfall('test', function(err, data) {35    console.log(data)36})37var wpt = require('wpt')38wpt.waterfall('test', function(err, data) {39    console.log(data)40})41var wpt = require('wpt')42wpt.waterfall('test', function(err, data) {43    console.log(data)44})

Using AI Code Generation

1var wpt = require('wpt');2var wpt = new wpt('your api key');3wpt.x_axis(function(err, data) {4  console.log(data);5});6var wpt = require('wpt');7var wpt = new wpt('your api key');8wpt.y_axis(function(err, data) {9  console.log(data);10});11var wpt = require('wpt');12var wpt = new wpt('your api key');13wpt.test_info('test id', function(err, data) {14  console.log(data);15});16var wpt = require('wpt');17var wpt = new wpt('your api key');18wpt.test_status('test id', function(err, data) {19  console.log(data);20});21var wpt = require('wpt');22var wpt = new wpt('your api key');23wpt.test_results('test id', function(err, data) {24  console.log(data);25});26var wpt = require('wpt');27var wpt = new wpt('your api key');28wpt.test_results('test id', function(err, data) {29  console.log(data);30});31var wpt = require('wpt');32var wpt = new wpt('your api key');33wpt.test_results('test id', function(err, data) {34  console.log(data);35});36var wpt = require('wpt');37var wpt = new wpt('your api key');38wpt.test_results('test id', function(err, data) {39  console.log(data);40});41var wpt = require('wpt');42var wpt = new wpt('your api key');43wpt.test_results('test id', function(err, data

Using AI Code Generation

1var wpt = require('wpt');2wpt.x_axis(1, 0, 0, 0);3console.log('x_axis called');4var wpt = require('wpt');5wpt.y_axis(1, 0, 0, 0);6console.log('y_axis called');7var wpt = require('wpt');8wpt.z_axis(1, 0, 0, 0);9console.log('z_axis called');10var wpt = require('wpt');11wpt.x_axis(1, 0, 0, 0);12console.log('x_axis called');13var wpt = require('wpt');14wpt.y_axis(1, 0, 0, 0);15console.log('y_axis called');16var wpt = require('wpt');17wpt.z_axis(1, 0, 0, 0);18console.log('z_axis called');19var wpt = require('wpt');20wpt.x_axis(1, 0, 0, 0);21console.log('x_axis called');22var wpt = require('wpt');23wpt.y_axis(1, 0, 0, 0);24console.log('y_axis called');25var wpt = require('wpt');26wpt.z_axis(1, 0, 0, 0);27console.log('z_axis called');28var wpt = require('wpt');29wpt.x_axis(1, 0, 0, 0);30console.log('x_axis called');

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.