25:["$","title",null,{"children":"roller coaster 2 | Paolo Andrenacci | Observable"}] 4b: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; }4c:T4e8,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); afterRender(ph); 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'; }4d:T6a3,function c(t) { //t=tmap(t); const delta = cfg.interpolationDelta; var cgrav = v(0, -1, 0).multiplyScalar(-cfg.cgrav); var p =tracciatoProcessato(t), pfw=tracciatoProcessato(t+delta), pbk=tracciatoProcessato(t-delta); let dd = v(pfw.x-p.x, pfw.y-p.y, pfw.z-p.z); //dd = tracciatog.delta(t); let direction = velocitaTracciato(t).normalize(); //let invdirection = p.clone().sub(pfw.clone()).normalize(); let invdirection = direction.clone().multiplyScalar(-1); 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()); let acc = accelerazioneTracciato().multiplyScalar(speed*speed).add(cgrav.clone()); //var lateralDir = direction.clone().cross(acc.clone()).normalize(); var lateralDir = lateraleFiltrato(t); 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 }; }4e: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; }4f: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; }50: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":"$4b","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:700, screenHeight:500,\n streetSize:.015,\n showSkeleton: true,\n headSize:.012, \n cgrav: Math.pow(10,-16),\n interpolationDelta:.00001,\n soundLA:.01,\n ntiles: 500, \n carDistance:.001,\n minVel:.000001, maxVel:.001,\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":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=20, 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":3831,"value":"function integraTracciato(tracciato,n) {\n if (arguments.length<2) \n n=10000;\n var p = v(0,0,0);\n var points = [];\n for(var i=0; i Math.random()*2*Math.PI;\n const ramp = () => Math.pow(.1,Math.random());\n for(var freq=0; freqp.x, p=>p.y, p=>p.z];\n var min = [], max=[];\n var n = 10000, p0=tracciato(0);\n for(var i=0; i<3; i++) \n min[i] = max[i] = get[i](p0);\n \n for(var t=0;t<=n; t++) {\n var p = tracciato(t/n);\n for(var i=0; i<3; i++) {\n var val = get[i](p);\n if (valmax[i]) max[i] = val;\n } \n }\n function f(t) {\n function normalize(v,i) {\n var n = (v-min[i])/(max[i]-min[i]);\n var y = lim[i][0]+(lim[i][1]-lim[i][0])*n;\n return y;\n }\n var p=tracciato(t);\n var x = normalize(p.x, 0);\n var y = normalize(p.y, 1);\n var z = normalize(p.z, 2);\n return v(x,y,z);\n }\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":3688,"value":"function velocita(tracciato, delta) {\n if (arguments.length<2)\n delta = cfg.interpolationDelta;\n var points=[], N=10000;\n for(var i=0; i<=N; i++) {\n var p0=tracciato(i/N);\n var p1=tracciato(i/N+delta);\n p1.sub(p0).multiplyScalar(1/delta);\n points[i] = p1;\n }\n points[N]= points[0];\n return pointTabToFun(points, true);\n}","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 label: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 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 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":"$50","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":"$W51","stdlib":"1"}} 24:null