30:[] 2e:{"title":"Rubiks Cube!","cells":[{"id":0,"value":"md`# Rubiks Cube!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"{\n const renderer = new THREE.WebGLRenderer({antialias: true});\n const controls = new THREE.OrbitControls(camera, renderer.domElement);\n renderer.setSize(width, height);\n renderer.setPixelRatio(devicePixelRatio);\n try {\n while (true) {\n // scene.children[15].rotation.x += 0.01\n renderer.render(scene, camera);\n yield renderer.domElement;\n }\n } finally {\n controls.dispose();\n renderer.dispose();\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":638,"value":"viewof colorLookup = {\n const data = [\n [\"0 / 1\",0,0.5,0,\"#008800\"],\n [\"2 / 3\",0,0,1,\"#0000ff\"],\n [\"4 / 5\",1,1,1,\"#ffffff\"],\n [\"6 / 7\",1,1,0,\"#ffff00\"],\n [\"8 / 9\",1,0.5,0,\"#ff8800\"],\n [\"10/11\",1,0,0,\"#ff0000\"],\n ]\n const div = html``\n div.oninput = () => {\n div.value = {}\n return ['g','b','w','y','o','r'].forEach(v => div.value[v] = div[v].value)\n }\n div.oninput()\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"scene = {\n const scene = new THREE.Scene();\n scene.background = new THREE.Color(0x888888);\n const light = new THREE.AmbientLight(0x404040, 4);\n light.castShadow = true;\n const dLight = new THREE.DirectionalLight();\n dLight.position.set(2, 1.5, 1)\n const eLight = new THREE.DirectionalLight();\n eLight.position.set(-2, -1.5, -1)\n scene.add(light);\n scene.add(dLight);\n scene.add(eLight);\n for(var i = 0; i < 27; i++){\n scene.add(cube(i));\n }\n return scene;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"cube = {\n return function(i){\n //{ wireframe: true }\n const geometry = new THREE.BoxGeometry(0.95, 0.95, 0.95);\n addColor(geometry);\n const material = new THREE.MeshLambertMaterial({ vertexColors: THREE.FaceColors }); \n const c = new THREE.Mesh(geometry, material);\n c.position.set(...coords(i))\n return c\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":407,"value":"coords = i => [1 - i%3, 1 - Math.floor((i / 3) % 3), 1 - Math.floor((i / 9) % 3)]","pinned":false,"hidden":false,"mode":"ojs"},{"id":351,"value":"addColor = geom => {\n for(var i = 0; i < geom.faces.length; i++){\n geom.faces[i].color = new THREE.Color(colorLookup[colorOrder[Math.floor(i / 2)]]);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":372,"value":"colorOrder = [\n 'g',\n 'b',\n 'w',\n 'y',\n 'o',\n 'r'\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"camera = {\n const fov = 45;\n const aspect = width / height;\n const near = 1;\n const far = 1000;\n const camera = new THREE.PerspectiveCamera(fov, aspect, near, far);\n camera.position.set(8, 8, -8)\n camera.lookAt(new THREE.Vector3(0, 0, 0));\n return camera;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"height = 600","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"THREE = {\n const THREE = await require(\"three@0.82.1/build/three.min.js\");\n if (!THREE.OrbitControls) { // If not previously loaded.\n const module = window.module = {exports: undefined};\n THREE.OrbitControls = await require(\"three-orbit-controls@82.1.0/index.js\").catch(() => module.exports(THREE));\n }\n return THREE;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}