Lines: Point Slope Form. 'min': yMinFixed, } // if (typeof(zAxis) != "undefined") { /////////////////////////////////////// segSlid.getElementsByClassName("noUi-tooltip")[0].style.left = 175+"%"; axes.remove(meshZcone); gebi("xmaxTit").classList.add("displayNone"); "-6,6,6, -6,6,6, 5,-15,8, 1", gebi("yminTit").classList.remove("displayNone"); if (dashed) { // Cone at end of z-axis }); animate: false, // added because of unbind problem ////////////////////////////////////////////// target.set( x, y, z ); axes.add(buildAxis(new THREE.Vector3(0, 0, 0), new THREE.Vector3(-length, 0, 0), 0x000000, true)); // -X // var canvasDivs = WebGLCanvas.getElementsByTagName("div"); setCamPos(); function createGraph() { }); face.vertexColors[j] = graphGeometry.colors[vertexIndex]; transparent: true, for (i = canvasDivs.length - 1; i > -1; --i) { if (ax.checked) { } } } xMinSlid.noUiSlider.on('slide', function(values, handle){ spinner0.className = "spinnerWrapWrap spinnerMidMid" If you want to graph a parametric, just make each coordinate a function of "t". camera.up = new THREE.Vector3(0, 0, 1); WebGLCanvas.appendChild(meshZconeDiv); window.addEventListener("resize", resizeThrottler, false); var dotMaterial = new THREE.PointsMaterial({ color: 0x000000, return axes; graphInit(chooseFn.value); meshTxt.style.color = "#aaa"; var meshYconeTxtY = toScreenPosition(meshYcone, camera).y; map: wireTexture, meshZconeTxt.style.top = (meshZconeTxtY - 12) + "px"; axes.add(buildAxis(new THREE.Vector3(0, 0, 0), new THREE.Vector3(length, 0, 0), 0x000000, false)); // +X segSlid.getElementsByClassName("noUi-tooltip")[0].innerHTML = Number(segSlid.getElementsByClassName("noUi-tooltip")[0].innerHTML).toFixed(0); } The preeminent environment for any technical workflows. } else { // Animate // canvasDiv = canvasDivs[i]; zScaleSlid.removeAttribute("disabled"); console.log((xhr.loaded / xhr.total * 100) + '% loaded'); axesXTxtDivs[i].style.top = (toScreenPosition(spheresX[i].geometry.vertices[0], camera).y + 3) + "px"; tooltips: true, var heightHalf = 0.5 * renderer.context.canvas.height; dashSize: 0.5, z: vector.z animate: false, // added because of unbind problem You can drag the diagram around and zoom in or out by scrolling with the mouse. This means that if two vectors point in the same (or exactly opposite) direction, then their cross product will be zero. meshYconeDiv = document.createElement('div'); meshZcone.position.set(0.0, 0.0, 12); vector.y = obj.y; wireMaterial.map.repeat.set(segments, segments); gebi("xmaxTit").classList.remove("displayNone"); Zoom in and out using the mouse wheel (or 2-finger pinching, if on a mobile device). ////////////////////////////// if( zScaleSlid.noUiSlider) { range: { if(1 * values[0] < 5) { 6. Central infrastructure for Wolfram's cloud products & services. numberOfSides = (face instanceof THREE.Face3) ? }); funcInput.style.background = "#ff8888"; } else { // For ticks text // xMaxSlid.getElementsByClassName("noUi-tooltip")[0].style.left = -100+"%"; Introduce the x, y and z values of the equations and the parameter in t. axes.add(meshYcone); break; start: [ zScale ], if( yMinSlid.noUiSlider) { // Axes points and labels text }); if( !showMesh.checked || con.checked) { // meshYconeDiv.className = 'meshConeWrap'; //////////////////////////////