25:["$","title",null,{"children":"roller coaster 3 | Paolo Andrenacci | Observable"}] 4b:T532,ui = { var started = false; var paused = true; var soundOff = true; const sl = (v)=>html`` var div = html`

`; var button1 = html``; //var button3 = html``; var button2 = html``; var speedLabel = html`speed`; var slider1 = sl(400); var followLabel = html`follow`; var slider2 = sl(500); var angleLabel = html`angle`; var slider3 = sl(500); [button1, button2, speedLabel, slider1, followLabel, slider2,angleLabel,slider3].map(el=>div.appendChild(el)); button1.onclick=function() { if (!started) { started = true; } paused = !paused; } button2.onclick=function() { soundOff = !soundOff; button2.innerHTML="sound is "+(soundOff?"OFF":"ON"); synth.switch(!soundOff); } div.values = function() { return { slider1:slider1.value/1000, slider2:slider2.value/1000, slider3:slider3.value/1000, paused:paused, soundOff: soundOff } } div.controls=function() { return { button1, button2, slider1, slider2,slider3 }; } return div; }4c:T443,tracciatoP3 = { var v0 = v(1,1,1).normalize(); var n = cfg.N; var fx=17,fy=20,fz=23; var phx=Math.random()*2*Math.PI, dx = fx*Math.PI*2/n; var phy=Math.random()*2*Math.PI, dy = fy*Math.PI*2/n; var phz=Math.random()*2*Math.PI, dz = fz*Math.PI*2/n; var p=v(0,0,0); var t_start = p.clone(); var t = []; var v0 = v(Math.random()-.5, Math.random()-.5, Math.random()-.5).normalize(); for(var i=0; ip.x, min:p0.x, max:p0.x }, {lim:[miny,maxy], get:p=>p.y, min:p0.y, max:p0.y }, {lim:[minz,maxz], get:p=>p.z, min:p0.z, max:p0.z }, ]; var ret = []; for(var t=0;td.max) d.max = val; } } console.log({descMinmax:desc}); var minm; for(var i=0; i<3; i++) { let d = desc[i]; d.wx = d.max-d.min; d.cx = (d.max+d.min)/2; d.wy = d.lim[1]-d.lim[0]; d.cy = (d.lim[0]+d.lim[1])/2; d.m = d.wy/d.wx; minm = (i==0) ? d.m : Math.min(minm, d.m); } // for(var i=0; i<3; i++) // desc[i].m = minm; function nrm(v,i) { let d = desc[i]; var y = d.cy+(v-d.cx)*d.m; return y; } for(var t=0;tnew Date().getTime(); var t0=now(), lastt=0; var ph=0; var oldTileNum=-1; function draw() { var paused = ui.values().paused; var curt=now(); var dt = curt-lastt; lastt = curt; if (!paused) { ui.controls().button1.innerHTML = 'running @' + ph.toFixed(3); positionCamera(ph); renderer.render(scene, camera); afterRender(ph); var pos = c(ph).position; var vv = ui.values().slider1; vv = cfg.minVel*Math.pow(cfg.maxVel/cfg.minVel, vv); var ncars = geos.cars.length; for(var j=0; j colors[Math.floor(Math.random() * colors.length)]; for (var x = -3; x <= 3; x++) { for (var y = -3; y <= 3; y++) { for (var z = -3; z <= 3; z++) { var isSide = x == 3 || x == -3 || y == 3 || y == -3 || z == 3 || z == -3; var geometry = new THREE.BoxGeometry(dim, dim, dim); var material = new THREE.MeshNormalMaterial({ opacity: isSide ? 1 : .65, transparent: true }); var geo = new THREE.Mesh(geometry, material); geo.position.copy(cubePosition(x, y, z)); if (isSide) r.cubes.push(geo); addGridSegment(x, y, z); } } } r.tiles = tiles(); // other cars for (var i = 0; i < ncars; i++) { //let s = new THREE.SphereGeometry(carHeight, 9, 9); let s = new THREE.BoxGeometry(.016, .004, .008); //let m = new THREE.MeshBasicMaterial({ color: 0xffff80, transparent: false, opacity: 1 }); let m = new THREE.MeshNormalMaterial(); let cc = new THREE.Mesh(s, m); cc.position.set(0,0,0); var car = new THREE.Object3D(); car.add(cc); car.position.set(0,0,0); r.cars.push(car); } // car // const cargeometry = new THREE.BoxGeometry(.05, .015, .05); // const carmaterial = new THREE.MeshNormalMaterial(); // var car = r.car = new THREE.Mesh(cargeometry, carmaterial); // var axis = r.axis = new THREE.Object3D(); // axis.add(seg(v(0, 0, 0), v(.05, 0, 0), 0xFFFF00)); // axis.add(seg(v(0, 0, 0), v(0, .05, 0), 0xFFFF00)); // axis.add(seg(v(0, 0, 0), v(0, 0, .05), 0x0)); //r.elements.push(car); //r.elements.push(axis); return r; }51:T46c,function tiles() { var ntiles=cfg.ntiles; var ret = []; var down = new THREE.Vector3(0, -1, 0); for (var i = 0; i < ntiles; i++) { let p0 = c(i/ntiles), p1 = c((i + 1)/ntiles); const geometry = new THREE.Geometry(); geometry.vertices.push(p0.lateral[0], p0.lateral[1], p1.lateral[0], p1.lateral[1]); geometry.faces.push(new THREE.Face3(0, 1, 2)); geometry.faces.push(new THREE.Face3(3, 2, 1)); geometry.computeBoundingSphere(); geometry.computeFaceNormals(); // geometry.faceVertexUvs[0].push( // [ new THREE.Vector2(0, 0), new THREE.Vector2(0, 1), new THREE.Vector2(1, 0) ], // [ new THREE.Vector2(1, 1), new THREE.Vector2(1,0), new THREE.Vector2(0, 1) ] // ); geometry.faceVertexUvs[0].push( [ new THREE.Vector2(0, 0), new THREE.Vector2(1, 0), new THREE.Vector2(0, 1) ], [ new THREE.Vector2(1, 1), new THREE.Vector2(0, 1), new THREE.Vector2(1, 0) ] ); //var material = imgMaterials[1]; var material = tilesMaterial; let mesh = new THREE.Mesh(geometry, material); //if ((i%2)==0) { ret.push(mesh); //} } return ret; }52:T47b,vrecorder = { var frames=[]; var recorderConfig; function init(context, drawfun, config) { var canvas = context.canvas; recorderConfig = { displayOutput: false, frameRate: 25, nframes: 300, flipY: true, quantizationParameter: 51, width:cfg.screenWidth, height:cfg.screenHeight }; if (config) Object.assign(recorderConfig, config); frames=[]; for(var i=0; i`;\n var cgc = c.getContext;\n c.getContext = function() {\n var args = Array.prototype.slice.call(arguments); \n var ret = cgc.apply(c, args);\n console.log({getContext:{args, ret}});\n return ret;\n }\n \n var pixels, pixelsSize=-1;\n c.customGetData = function() {\n var w = c.width, h = c.height;\n var bufferSize = w * h * 4 *2;\n if (bufferSize!=pixelsSize) {\n pixelsSize = bufferSize;\n pixels = new Uint8Array(bufferSize);\n }\n \n // var ctx = c.getContext('webgl');\n var ctx = c.renderer.getContext();\n console.log({ bufferSize:bufferSize, customGetDataParameters:[0, 0, w, h, ctx.RGBA, ctx.UNSIGNED_BYTE]});\n ctx.readPixels(0, 0, w, h, ctx.RGBA, ctx.UNSIGNED_BYTE, pixels);\n return pixels;\n }\n return c;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1658,"value":"cfg = ({ \n debug: true, W:1, N:100000, \n screenWidth:450, screenHeight:450,\n streetSize:.005,\n showSkeleton: true,\n headSize:.008, \n cgrav: 25000,\n interpolationDelta:.00001,\n soundLA:.01,\n ntiles: 3000, \n carDistance:.001,\n minVel:.000001, maxVel:.001,\n showRail:true,\n cameraFov:90\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3627,"value":"tracciatoP2 = {\n const N = 8, F0=3;\n var ph = [], amp = [];\n const rph = () => Math.random()*2*Math.PI;\n const ramp = () => Math.pow(.1,Math.random());\n for(var freq=0; freqnormalizzaTracciato(tr,-w,w,-w,w,-w,w);\n tr = norm(tr);\n // tr = integraTracciato(tr);\n // tr = norm(tr);\n // tr = integraTracciato(tr);\n // tr = norm(tr);\n // tr = spalmaTracciato(tr, .1);\n //tr = filtraTracciato(tr,.001,.03);\n \n// var tab = funToTab(tr,0,1,10000,false);\n// tr = pointTabToFun(tab, true);\n return tr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3604,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3688,"value":"function velocita(tracciato, delta) {\n \n if (arguments.length<2)\n delta = cfg.interpolationDelta;\n const n = cfg.N;\n var ret = []\n for(var i=0; itracciato(t).x, t=>tracciato(t).y, t=>tracciato(t).z];\n if (showModulo)\n fun[3] = t=>tracciato(t).length();\n \n return simpleFunGraph({\n fun:fun,\n xmin:0,xmax:1, \n colors:['#ff6060', '#60ff60', '#6060ff', '#000000'],\n label\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4250,"value":"function graficoQuat(tracciato, label, base) {\n if (!base)\n base = v(1,0,0);\n base = base.clone().normalize();\n \n if (typeof(tracciato)!='function')\n tracciato = pointTabToFun(tracciato, true);\n const q = p=>new THREE.Quaternion().setFromUnitVectors (base.clone(), p.clone().normalize());\n return simpleFunGraph({\n fun:[t=>q(tracciato(t)).x, t=>q(tracciato(t)).y, t=>q(tracciato(t)).z, t=>q(tracciato(t)).w],\n xmin:0,xmax:1, \n colors:['#ff8080', '#80ff80', '#8080ff', '#808080'],\n label\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3411,"value":"\tspalmaTracciato=function(tracciato, amt) {\n if (arguments.length<2)\n amt=.5;\n \n var cfg = {\n min:0,\n max:1,\n distfun:function(a,b) { return a.distanceTo(b);},\n resolution:10000,\n loop: true\n }\n //return tracciato(.4); \n var ptab = spalmafun(tracciato, cfg);\n var ptab2 = [];\n for(var i=0;i (controls.dispose(), renderer.dispose()));\n // controls.addEventListener(\"change\", () => renderer.render(scene, camera));\n \n // while (true) {\n // if (!runner.isPaused)\n // renderer.render(scene, camera);\n // yield renderer.domElement;\n // }\n return renderer;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1353,"value":"ripresa= {\n var camera_pivot = new THREE.Object3D();\n scene.add(camera_pivot);\n camera_pivot.add(camera);\n //camera_pivot.rotateOnAxis(v(0,1,0), Math.PI);\n camera.position.set( 0, 0, 0 );\n //camera.lookAt( camera_pivot.position.add(v(0,0,1)) );\n //camera_pivot.rotateOnAxis( Y_AXIS, 0.01 ); // radians\n return camera_pivot;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"camera = {\n const fov = cfg.cameraFov;\n const aspect = 1;\n //const near = 1;\n const near = .01;\n const far = 1000;\n const camera = new THREE.PerspectiveCamera(fov, aspect, near, far);\n camera.updateProjectionMatrix();\n \n var anglegen = ui2.gvalues.angle();\n console.log({anglegen});\n console.log({next:anglegen.next()});\n async function pippo() {\n while(true) {\n let x = await anglegen.next().value;\n console.log('X='+x);\n camera.fov = 30+150*x;\n camera.updateProjectionMatrix();\n }\n }\n \n pippo(); \n \n return camera;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1204,"value":"fetchImage = function(src) {\n return new Promise((resolve, reject) => {\n const image = new Image;\n image.crossOrigin = \"anonymous\";\n image.src = src;\n image.onload = () => resolve(image);\n image.onerror = function(evt) {\n reject(\"error \"+evt);\n console.log({evt});\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1107,"value":"imgMaterials = new Promise(function (resolve) {\n\tconst loadManager = new THREE.LoadingManager();\n\tconst loader = new THREE.TextureLoader(loadManager);\n\tvar urls = [\n'https://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Wilder_Kaiser%2C_Tirol%2C_Panorama%2C_160624%2C_ako.jpg/1024px-Wilder_Kaiser%2C_Tirol%2C_Panorama%2C_160624%2C_ako.jpg',\n 'https://zawinul13.s3.amazonaws.com/web/tavola.png'\n\t];\n\tvar materials = [];\n\tfor (var i = 0; i < urls.length; i++)\n\t\tmaterials[i] = new THREE.MeshBasicMaterial({ \n map: loader.load(urls[i]), \n side: THREE.DoubleSide, \n transparent:false,\n opacity:1\n });\n\n\tloadManager.onLoad = () => {\n\t\tresolve(materials);\n\t};\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1138,"value":"synth = {\n const reverb = new Tone.Reverb({decay:.25}).toDestination();\n const gainNode = new Tone.Gain(0).connect(reverb);\n const filter = new Tone.Filter().connect(gainNode);\n filter.set({\n frequency: 2500,\n type: \"bandpass\"\n });\n const omniOsc = new Tone.PulseOscillator(0, 0.1).connect(filter).start();\n var local_f=100000;\n const synth = omniOsc;\n // new Tone.Synth().toMaster();\n // invalidation.then(() => synth.dispose());\n // synth.envelope.attack=.01;\n // synth.envelope.decay= 1;\n // synth.envelope.release= 0.0;\n // synth.triggerAttack(\"C0\");\n\n synth.setFreq = function(f) {\n //omniOsc.frequency.rampTo(f*local_f,.001);\n omniOsc.frequency.value=f*local_f,.001;\n }\n synth.switch = function(value) {\n if (value) {\n gainNode.gain.rampTo(1, .9);\n }\n else {\n gainNode.gain.rampTo(0, .9);\n }\n }\n return synth;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1429,"value":"function vel(position) {\n return Math.pow(cfg.W - position.y+.1, .5);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2849,"value":"function normalize(t, min, max, reso) {\n if (!reso)\n reso=10000;\n var p0=t(0);\n var minx=p0.x,maxx=p0.x;\n var miny=p0.y,maxy=p0.y;\n var minz=p0.z,maxz=p0.z;\n for(var i=0;i<=reso; i++) {\n var p=t(i/reso);\n if (p.xmaxx) maxx=p.x; \n if (p.ymaxy) maxy=p.y; \n if (p.zmaxz) maxz=p.z; \n }\n return function(a) {\n var p=t(a);\n return v(\n min+(p.x-minx)/(maxx-minx)*(max-min),\n min+(p.y-miny)/(maxy-miny)*(max-min),\n min+(p.z-minz)/(maxz-minz)*(max-min)\n )\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2665,"value":"cc={\n var n=1000;\n var cc=[];\n for(var i=0; i<=n;i++)\n cc.push(c(i/n));\n return cc;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4117,"value":"world = {\n const geometry = new THREE.SphereGeometry( 250, 40, 40 );\n\t// invert the geometry on the x-axis so that all of the faces point inward\n geometry.scale(-1, 1, 1);\n var url = await pic360.url();\n console.log('pic360url = '+url);\n const texture = await new THREE.TextureLoader().load(url);\n const material = new THREE.MeshBasicMaterial( { map: texture } );\n\n const mesh = new THREE.Mesh(geometry, material);\n return mesh;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3192,"value":"tilesCanvas = {\n var w=200, h=200;\n var canvas = document.createElement('canvas'),\n ctx = canvas.getContext('2d');\n const W=.13;\n canvas.width = w;\n canvas.height = h;\n\n ctx.fillStyle = '#503010';\n ctx.fillRect(0, 0, canvas.width, canvas.height/5);\n\n ctx.fillStyle = '#404040';\n ctx.fillRect(w*.1, 0, w*.1, h);\n //ctx.fillStyle = '#A03030';\n ctx.fillStyle = '#404040';\n ctx.fillRect(w*.8, 0, w*.1, h);\n\n\n\n //ctx.strokeRect(0, 0, canvas.width, canvas.height);\n //ctx.clearRect(canvas.width*W, canvas.width*W, canvas.width*(1-2*W), canvas.height*(1-2*W));\n\n return canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3239,"value":"md`### recorder `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3244,"value":"{\n renderer;\n camera;\n scene;\n ripresa;\n tiles;\n cfg;\n return new Promise(function(resolve) {\n setTimeout(function() { \n resolve(vrecorder(canvas.getContext('webgl'), draw, { nframes:5000}));\n }, 5000);\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3380,"value":"function getPixelData() {\n var ctx = renderer.getContext();\n var w = cfg.screenWidth, h = cfg.screenHeight;\n var bufferSize = w * h * 4;\n if (getPixelData.bufferSize!=bufferSize) {\n getPixelData.pixels = new Uint8Array(bufferSize);\n getPixelData.bufferSize=bufferSize;\n }\n console.log({w,h});\n ctx.readPixels(0, 0, w, h, ctx.RGBA, ctx.UNSIGNED_BYTE, getPixelData.pixels);\n return getPixelData.pixels;\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3334,"value":"$52","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3243,"value":"function draw(canvas, frame, nframes){\n console.log('draw '+frame+'/'+nframes);\n var ph = frame/nframes;\n positionCamera(ph);\n renderer.render(scene, camera);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"md`### imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2741,"value":"import {THREE, Smooth, Tone, seeAlso} from \"@zawinul/my-imports\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2758,"value":"import {simpleLinesGraph, simpleXYGraph, simpleFunGraph } from \"@zawinul/line-chart\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2762,"value":"import {v, funToTab, tabToFun, pointTabToFun, spalma, spalmafun} from\"@zawinul/my-utils\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4555,"value":"import {Panel} from\"@zawinul/panel\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3336,"value":"import {encodeMP4} from \"@zawinul/client-side-video-encoding-with-h264-mp4-encoder\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4111,"value":"pic360 = FileAttachment(\"pic360@1.jpg\") //FileAttachment(\"pic360-3.jpg\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1120,"value":"md`### see also`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2752,"value":"seeAlso","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4180,"value":"md`https://github.com/mrdoob/three.js/blob/master/examples/webgl_panorama_equirectangular.html`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W53","stdlib":"1"}} 24:null