31:[{"id":"5d81e03d7053700be01f5a9665a54b1471727f8378c70d2cb4e0880e6ecb95ec558be02aa7305892a5ee9b6b576075c01078eae759bce1df6085305e953bfe1a","href":"https://static.observableusercontent.com/files/5d81e03d7053700be01f5a9665a54b1471727f8378c70d2cb4e0880e6ecb95ec558be02aa7305892a5ee9b6b576075c01078eae759bce1df6085305e953bfe1a","name":"one three hill Sketchfab.jpg","type":"image/jpeg","lastModified":1597505432391.668,"size":1929822},{"id":"7c84805bf1489caf881665d36a49456bd32638168f8c46d6e064edd0f19b1f2a2fd87e117659079ce4fbfb24ce1060acd74e752da436874d2d6f5357db2ba87b","href":"https://static.observableusercontent.com/files/7c84805bf1489caf881665d36a49456bd32638168f8c46d6e064edd0f19b1f2a2fd87e117659079ce4fbfb24ce1060acd74e752da436874d2d6f5357db2ba87b","name":"one three hill Sketchfab.mtl","type":"application/octet-stream","lastModified":1597505420493.444,"size":203},{"id":"873c2c3bf050f32d58764a77a7c0bbdb8b224c83f7f8c704b3a7f26608c29ab4bdbad50f92b80ee9a31c7ec374af75ce48c7865c6deb3772770ed9660b98270f","href":"https://static.observableusercontent.com/files/873c2c3bf050f32d58764a77a7c0bbdb8b224c83f7f8c704b3a7f26608c29ab4bdbad50f92b80ee9a31c7ec374af75ce48c7865c6deb3772770ed9660b98270f","name":"one three hill Sketchfab.obj","type":"application/octet-stream","lastModified":1597505402361.782,"size":6803855}] 2f:{"title":"Maungakiekie / One Tree Hill","cells":[{"id":0,"value":"md`# Maungakiekie / One Tree Hill\n\nClick and drag the mouse on the picture below to roate it.
Use the mouse wheel to zoom in and out.\n\n[Google Maps location](https://www.google.co.nz/maps/search/Maungakiekie+%2F+One+Tree+Hill/@-36.9011806,174.7768276,2861m/data=!3m1!1e3)\n\nhttps://en.wikipedia.org/wiki/Maungakiekie_/_One_Tree_Hill\n\n\n[Back to Main Screen](https://observablehq.com/@hellonearthis/pa-sites-of-aotearoa)`","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 controls.screenSpacePanning = true;\n renderer.setSize(width, height);\n renderer.setPixelRatio(devicePixelRatio);\n invalidation.then(() => (controls.dispose(), renderer.dispose()));\n controls.addEventListener(\"change\", () => renderer.render(scene, camera));\n renderer.render(scene, camera);\n return renderer.domElement;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":602,"value":"md`Loading the Pā might take a few seconds.\n

\n\n--- \n\n## Appendix\n\nThe cells below power the cells above.`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":623,"value":" renderer = new THREE.WebGLRenderer({antialias: true});","pinned":false,"hidden":false,"mode":"ojs"},{"id":369,"value":"obj_url = { \nconst blob = await FileAttachment(\"one three hill Sketchfab.obj\").blob();\n return URL.createObjectURL(blob);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":249,"value":"model = new Promise ((resolve,reject) => {\n // instantiate a loader\n var loader = new THREE.OBJLoader();\n \n loader.setMaterials( mtl );\n \n // load a resource\n loader.load(\n\t // resource URL\n obj_url,\n \t// called when resource is loaded\n\t function ( object ) {\n // Attach the material to each mesh element of the object *** this material should come from the mtl file.\n\t\t\t// object.traverse( function ( child ) {\n\t\t\t// \tif ( child.isMesh ) {\n\t\t\t// child.material = material;\n\t\t\t// child.material.shading = 2\n\t\t\t// }\n\t\t\t// });\n // Finally, resolve the promise\n resolve(object);\n \t},\n\t // called when loading is in progresses\n\t function ( xhr ) {\n\t\t console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );\n \t},\n\t // called when loading has errors\n\t function ( error ) {\n \t\tconsole.log( 'An error happened in OBJLoad' );\n reject (\"Error\")\n\t }\n );\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":458,"value":"mtl_url = { \nconst blob = await FileAttachment(\"one three hill Sketchfab.mtl\").blob();\n return URL.createObjectURL(blob);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":492,"value":"mtl_pic = { \nconst blob = await FileAttachment(\"one three hill Sketchfab.jpg\").blob();\n return URL.createObjectURL(blob);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":455,"value":"mtl = new Promise ((resolve,reject) => {\n // instantiate a loader\n var loader = new THREE.MTLLoader();\n \n \n loader.load( // load a resource\n mtl_url, // resource URL\n \t\n\t function ( object ) { // called when resource is loaded to update colour url to file attached jpg \n \n object.materialsInfo.ummSketchfab.map_kd = mtl_pic \n \n // Finally, resolve the promise\n resolve(object);\n \t},\n\t // called when loading is in progresses\n\t function ( xhr ) {\n\t\t console.log( ( xhr.loaded / xhr.total * 100 ) + '% mtl loaded' );\n \t},\n\t // called when loading has errors\n\t function ( error ) {\n \t\tconsole.log( 'An error happened in mtl load' );\n reject (\"Error\")\n\t }\n );\n})\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":256,"value":"material = {\n // return new THREE.MeshNormalMaterial()\n return new THREE.MeshStandardMaterial ({color:\"#ff0000\", side: THREE.DoubleSide})\n\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":268,"value":"lights = {\n let group = new THREE.Group();\n let hlight = new THREE.HemisphereLight(0xffffbb, 0x080820,1);\n \n\t// let dlight = new THREE.DirectionalLight( 0xffffff );\n\t// dlight.position.set( 1, 1, 1 ).normalize();\n//\tlet dlight2 = new THREE.DirectionalLight( 0xffffff );\n// dlight2.position.set( -1, -1, -1 ).normalize();\n//\tgroup.add( hlight, dlight, dlight2 );\n \n \n group.add( hlight );\n\n return group;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"scene = {\n const scene = new THREE.Scene();\n scene.background = new THREE.Color(0x111111); // dark background\n scene.add(model); // put pa in scene\n scene.add(lights); \n\n return scene;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"camera = {\n // Obtain object dimensions and position\n let center = new THREE.Vector3 ();\n let size = new THREE.Vector3();\n let modelbox = new THREE.Box3().setFromObject (model);\n modelbox.getCenter(center);\n modelbox.getSize(size);\n// let radius = size.length()/2;\n let radius = 0.1;\n\n // Camera parameters\n const fov = 45;\n const aspect = width / height;\n const near = radius/2;\n const far = 1000*radius;\n \n const camera = new THREE.PerspectiveCamera(fov, aspect, near, far);\n\n // move the model to the origin\n model.position.set(-center.x,-center.y,-center.z)\n // Set the camera away from the the objec\n camera.position.set(-0.3919203606376, 0.9854727991582272, 1.0858856115723392);\n return camera;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":621,"value":"{\nfunction render(tp) {\n renderer.render(scene, camera);\n\n requestAnimationFrame(render);\n }\n requestAnimationFrame(render);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"height = ~~(width*3/4) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"THREE = {\n const THREE = window.THREE = await require(\"three@0.96/build/three.min.js\");\n await require(\"three@0.96/examples/js/controls/OrbitControls.js\").catch(() => {});\n await require(\"three@0.96/examples/js/loaders/MTLLoader.js\").catch(() => {});\n await require(\"three@0.96/examples/js/loaders/OBJLoader.js\").catch(() => {});\n return THREE;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}