44:["$","title",null,{"children":"prova paolo roller coaster | Paolo Andrenacci | Observable"}] 4c:T4bd,ui = { var started = false; var paused = true; var soundOff = true; var div = html`

`; var button1 = html``; var button3 = html``; var button2 = html``; var speedLabel = html`speed`; var slider1 = html``; var gpLabel = html` unused`; var slider2 = html``; for(var el of [button1, button3, button2, speedLabel, slider1, gpLabel, slider2]) 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, paused:paused, soundOff: soundOff } } div.controls=function() { return { button1, button2, slider1, slider2 }; } return div; }4d:T4cb,animation = { function animation() { if (animation.started) return; const now = ()=>new 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); var pos = c(ph).position; var v = ui.values().slider1; var v = cfg.minVel*Math.pow(cfg.maxVel/cfg.minVel, v); var dph = vel(pos)*v*dt; ph += dph; ph -= Math.floor(ph); // sound if (!ui.values().soundOff) { var posLatCompensated = c(ph+cfg.soundLA).position; var fr = vel(posLatCompensated)*5; synth.setFreq(dph); } ui.controls().button1.innerHTML = 'running @' + ph.toFixed(3); } else ui.controls().button1.innerHTML = 'paused @' + ph.toFixed(3); animation.ph=ph; window.requestAnimationFrame(draw); } draw(); animation.started = true; } animation(); return 'animation started'; }4e:T5d0,function c(t) { //t=tmap(t); const delta = cfg.interpolationDelta; const down = v(0, -1, 0); var cgrav = down.clone().multiplyScalar(-cfg.cgrav); var p =tracciato(t), pfw=tracciato(t+delta), pbk=tracciato(t-delta); let dd = v(pfw.x-p.x, pfw.y-p.y, pfw.z-p.z); //dd = tracciatog.delta(t); let direction = dd.normalize(); let invdirection = p.clone().sub(pfw.clone()).normalize(); let speed = vel(p); let d = pfw.clone().sub(p).sub(p).add(pbk); // (fw-cur)-(cur-bck) let headDim = cfg.headSize; let acc = d.clone().multiplyScalar(speed).multiplyScalar(speed).add(cgrav.clone()); var lateralDir = direction.clone().cross(acc.clone()).normalize(); var lateral = lateralDir.clone().multiplyScalar(cfg.streetSize); let l1 = p.clone().add(lateral.clone()); let l2 = p.clone().sub(lateral.clone()); let zenit = lateralDir.clone().cross(direction.clone()).normalize(); let neck = zenit.clone().multiplyScalar(headDim); var arr = [ lateralDir.x, lateralDir.y, lateralDir.z, 0, zenit.x, zenit.y, zenit.z, 0, invdirection.x, invdirection.y, invdirection.z,0, 0, 0, 0, 1 ]; var matrix = new THREE.Matrix4().fromArray(arr); let dist = pfw.clone().sub(p).length(); return { position:p, direction:direction, dd:dd, lateralDir: lateralDir, lateral:[l1, l2], speed: speed, acc: acc, head: p.clone().add(neck), look: pfw.clone().add(neck), zenit: zenit, dist: dist, matrix: matrix }; }4f:T9d3,geos = { var dim = cfg.W*.02; var ncars = 0; var carHeight = .2; var r = { elements: [], cubes: [], target: [], segments: [], cars: [], tiles: [], carHeight: carHeight, sides: null }; // cubes var colors = ['#ff0000', '#ffff00', '#ff00ff', '#ffffff', '#00FFFF', '#0000FF', '#00ff00']; function addGridSegment(x, y, z) { var p1 = cubePosition(x, y, z), p2; var ex = x == -3 || x == 3; var ey = y == -3 || y == 3; var ez = z == -3 || z == 3; if (x < 3 && (ey || ez)) { p2 = cubePosition(x + 1, y, z); r.segments.push(seg(p1, p2, 0xFFFF80)); } if (y < 3 && (ex || ez)) { p2 = cubePosition(x, y + 1, z); r.segments.push(seg(p1, p2, 0xFFFF80)); } if (z < 3 && (ey || ex)) { p2 = cubePosition(x, y, z + 1); r.segments.push(seg(p1, p2, 0xFFFF80)); } } function cubePosition(x, y, z) { return { x: x * cfg.W / 3, y: y * cfg.W / 3, z: z * cfg.W / 3 } } const rcol = () => 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 : .25, 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 m = new THREE.MeshBasicMaterial({ color: 0xffff80, transparent: false, opacity: 1 }); let sphere = new THREE.Mesh(s, m); r.cars.push(sphere); } // sides const sidesGeometry = new THREE.CylinderBufferGeometry(50, 50, 50, 24); let sidesMaterial = new THREE.MeshNormalMaterial({ opacity: 1, transparent: true, side: THREE.DoubleSide }); let mesh = new THREE.Mesh(sidesGeometry, [imgMaterials[0], sidesMaterial, , sidesMaterial]); //let mesh = new THREE.Mesh(sidesGeometry,imgMaterials[0]); r.sides = mesh; r.elements.push(mesh); // car const cargeometry = new THREE.BoxGeometry(.05, .02, .1); 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; }50: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; }51: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":1410,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1658,"value":"cfg = ({ debug: true, W:1, \n screenWidth:600, screenHeight:600,\n streetSize:.005,\n showSkeleton: true,\n headSize:.012, cgrav: .015,\n interpolationDelta:.001,\n soundLA:.01,\n ntiles: 2500, \n carDistance:.001,\n minVel:.000001, maxVel:.001,\n cameraFov:105\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3567,"value":"tracciatoFromPoints(.22)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3564,"value":"tracciatoFromPoints = {\n const rpoint = ()=>v(Math.random()*2-1,Math.random()*2-1,Math.random()*2-1);\n var points=[];\n var WSEG=1, N=35, MINL2=.7;\n points.push(rpoint());\n var i=1;\n while(true) {\n //console.log('calcola punto '+i);\n while(true) {\n var delta = rpoint();\n delta.normalize().multiplyScalar(WSEG);\n var p = points[i-1].clone().add(delta);\n if (p.x<-1 || p.x>1) continue;\n if (p.y<-1 || p.y>1) continue;\n if (p.z<-1 || p.z>1) continue;\n if (i>1)\n if (p.distanceTo(points[i-2])=N)\n if (points[points.length-1].distanceTo(points[0])>=MINL2 && points[points.length-2].distanceTo(points[0])>=MINL2)\n break;\n i++;\n }\n const f = pointTabToFun(points, true);\n return f;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2869,"value":"tracciatoX = tabToFun(xzpoints.map(a=>a[0]),0,1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2878,"value":"tracciatoZ = tabToFun(xzpoints.map(a=>a[1]),0,1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2883,"value":"simpleXYGraph({xfun:t=>tracciatops(t).x, yfun:t=>tracciatops(t).z})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3404,"value":"grafico(tracciatoFromPoints)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3499,"value":"function processaTracciato(tr) {\n tr = spalmaTracciato(tr);\n tr = filtraTracciato(tr,.2,.08);\n \n var tab = funToTab(tr,0,1,10000,false);\n tr = pointTabToFun(tab, true);\n return tr;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3433,"value":"tracciatoProcessato = processaTracciato(tracciatoFromPoints);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3439,"value":"grafico(tracciatoProcessato)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3471,"value":"filtraTracciato = function(tracciato, a, dump) {\n var resolution=10000;\n dump = dump||.001;\n a = a || .1;\n var points = [];\n var y = tracciato(0);\n var vy=v(0,0,0);\n for(var i=0;i<3;i++) {\n for(var j=0; jtracciato(t).x, t=>tracciato(t).y, t=>tracciato(t).z],\n xmin:0,xmax:1, \n colors:['#ffa0a0', '#a0ffa0', '#000080']})\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3415,"value":"spalmaTracciato(tracciatops)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3411,"value":"\tspalmaTracciato=function(tracciato) {\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 return pointTabToFun(ptab, true);\n }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2934,"value":"tracciatoY= {\n var arr =[];\n arr.push(1);\n for(var i=0;i<300;i++)\n arr.push(Math.pow(Math.random(),2.5)*2-1);\n arr.push(-1);\n \n return tabToFun(arr, true);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2941,"value":"simpleFunGraph({fun:t=>tracciatops(t).y, xmin:0, xmax:1});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3116,"value":"tracciatops = {\n var z2= spalma({\n\t\tmin:0,\n\t\tmax:1,\n\t\tdistfun:function(a,b) { return 1;},\n\t\tresolution:10000,\n\t\tdata:tracciatop,\n\t\tloop: true\n\t});\n const fx = tabToFun(z2.map(p=>p.x), true);\n const fy = tabToFun(z2.map(p=>p.y), true);\n const fz = tabToFun(z2.map(p=>p.z), true);\n return function(t) {\n return v(fx(t), fy(t), fz(t));\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2907,"value":"xzpoints = {\n var points=[];\n var WSEG=1, N=15, MINL2=.7;\n points.push([Math.random()*2-1,Math.random()*2-1]);\n //console.log('calcola xzpoints ');\n for(var i=1;i1 || y<-1 || y>1)\n continue;\n if (i>=2) {\n var dx=x-points[i-2][0]; \n var dy=y-points[i-2][1];\n var d = Math.pow(dx*dx+dy*dy, .5);\n //console.log(d);\n if (d (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 return camera;\n}","pinned":false,"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, .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":1608,"value":"tracciato = normalize(tracciatoProcessato, -cfg.W*.99, cfg.W*.99, 10000)","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":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 tracciato;\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":"$51","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":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":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"}],"files":"$W52","stdlib":"1"}} 24:null