36:null 37:["$","title",null,{"children":"Stress test memory aframe performances with images with new skies (try to fix crash on iPhone) | Antonin KLOPP-TOSSER | Observable"}] 3d:[] 3b:{"id":"d375d0dc4b7a491a","slug":"stress-test-memory-aframe-performances-with-images-with-ne/2","title":"Stress test memory aframe performances with images with new skies (try to fix crash on iPhone)","thumbnail":"6ea75a3a323fcb082d1afaa7d40919fd10674df6534d9bef2f24f49ad7ff46e4","access_level":"public","create_time":"$D2020-10-19T14:27:59.349Z","update_time":"$D2020-11-09T09:02:01.082Z","view_time":null,"first_public_time":"$D2020-10-19T14:38:44.368Z","has_unpublished_edits":null,"fork":{"id":"2cb96ffaf3e09947","slug":"stress-test-memory-aframe-performances-with-images-with-ne","title":"Stress test memory aframe performances with images with new skies (crashes on iPhone)","owner":{"id":"f968ee8357418900","login":"antoninklopp","name":"Antonin KLOPP-TOSSER"}},"stars":0,"starred":false,"owner":{"type":"team","id":"f968ee8357418900","login":"antoninklopp","name":"Antonin KLOPP-TOSSER","avatar_url":"https://avatars-next.observableusercontent.com/3e825b8a770309e2d48cf6715cf0bba18f99e3b8164d2e051723075f3ac89b0c","tier":"starter_2024","bio":"French developer @ Uptale.\nMachine learning, data,VR and 3D rendering. Sometimes front end when it's needed ","following":false},"version":201,"publish_version":201,"role":null,"authored":false,"authors":[{"type":"individual","id":"ce35321e588f38e4","login":"antoninklopp","name":"Antonin KLOPP-TOSSER","avatar_url":"https://avatars-next.observableusercontent.com/3e825b8a770309e2d48cf6715cf0bba18f99e3b8164d2e051723075f3ac89b0c","tier":null,"bio":"French developer @ Uptale.\nMachine learning, data,VR and 3D rendering. Sometimes front end when it's needed ","following":false}],"members":[{"type":"individual","id":"ce35321e588f38e4","login":"antoninklopp","name":"Antonin KLOPP-TOSSER","avatar_url":"https://avatars-next.observableusercontent.com/3e825b8a770309e2d48cf6715cf0bba18f99e3b8164d2e051723075f3ac89b0c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"eab780f9d763e220","slug":"memory-performance-aframe","title":"Memory performance - Aframe","owner":{"id":"f968ee8357418900","login":"antoninklopp","name":"Antonin KLOPP-TOSSER"}},"type":"notebook","body":{"titling":"auto","title":"Stress test memory aframe performances with images with new skies (try to fix crash on iPhone)","cells":[{"id":0,"value":"md`# Stress test memory aframe performances with images with new skies (try to fix crash on iPhone)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"{\n aframe;\n return html`\n \n

\n \n \n\n \n `;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":174,"value":"aframe.registerComponent('unload-component', {\n /**\n * Initial creation and setting of the mesh.\n */\n init: function() {\n var data = this.data;\n var el = this.el;\n },\n\n remove: function() {\n // this.el.getObject3D('mesh').material.dispose();\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"creationRoutine = {\n let videoIndex = 1;\n setTimeout(\n () =>\n setInterval(() => {\n $(`#image-${videoIndex - 1}`).remove();\n $(`#sky-${videoIndex - 1}`).remove();\n\n const videoSphere = $(\n ``\n );\n videoSphere.attr(\"visible\", true);\n\n const randomNumber = videoIndex % wallpaper_images.length;\n const video = $(``);\n video.attr(\"crossorigin\", \"anonymous\");\n video.attr(\n \"src\",\n `https://cors-anywhere.herokuapp.com/${wallpaper_images[randomNumber]}`\n );\n\n $(\"#assets\").append(video);\n\n videoSphere.attr(\"src\", `#image-${videoIndex}`);\n\n videoIndex++;\n\n $(\"#assets\").append(video);\n $(\"#scene\").append(videoSphere);\n }, 5000),\n 3000\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"aframe = {\n const aframe = (window.aframe = await require(\"aframe@1.0.0/dist/aframe-master.js\"));\n await require(\"aframe-environment-component\").catch(() => {});\n return aframe;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"$$ = require(\"jquery\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"wallpaper_images = [\n \"https://wallpaperaccess.com/full/54041.jpg\",\n \"https://wallpaperaccess.com/full/38191.jpg\",\n \"https://wallpaperaccess.com/full/15858.jpg\",\n \"https://wallpaperaccess.com/full/54049.jpg\",\n \"https://wallpaperaccess.com/full/2576094.jpg\",\n \"https://wallpaperaccess.com/full/2576101.png\"\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"THREE = aframe.THREE","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3d","stdlib":"1"}} 3c:"$3b:body"