{"version":3,"file":"component---src-pages-projects-2020-05-05-photogrammetry-iphone-se-models-js-1750431cfa12a40b3e56.js","mappings":"sLAuEA,IA5DeA,IAAmB,IAADC,EAAA,IAAjB,SAAEC,GAAUF,EAC1B,MAAMG,GAAOC,EAAAA,EAAAA,gBAAe,cAU5B,OACEC,EAAAA,EAAAA,IAAAC,EAAAA,SAAA,MACID,EAAAA,EAAAA,IAACE,EAAAA,EAAM,CAACC,WAAiC,QAAtBP,EAAAE,EAAKM,KAAKC,oBAAY,IAAAT,OAAA,EAAtBA,EAAwBU,QAAU,WAwBvDN,EAAAA,EAAAA,IAAA,OACEO,MAAO,CACLC,OAAS,eAETC,SAAU,KACVC,QAAU,yBAIZV,EAAAA,EAAAA,IAAA,YAAOH,IACPG,EAAAA,EAAAA,IAAA,UAAQO,MAAO,CACbI,UAAY,WAIf,C,8FC5CP,IACIC,EACAC,EAGJ,MAAMC,EAAeC,IAIjBA,EAAMC,WAAa,IAAIC,EAAAA,GAAO,SAAU,SAAU,UAGlD,MAAMC,EAASH,EAAMI,YAAYC,qBAKjC,IAAIC,EAAS,IAAIC,EAAAA,IACb,UACCC,KAAKC,GAAG,EACTD,KAAKC,GAAG,EACR,IACA,IAAIC,EAAAA,EAAQ,EAAG,EAAK,GACpBV,GAIJM,EAAOK,iBAAmB,IAC1BL,EAAOM,iBAAmB,IAE1BN,EAAOO,cAAcV,GAAQ,GAGjB,IAAIW,EAAAA,EAAiB,QAAS,IAAIJ,EAAAA,EAAQ,EAAG,EAAG,GAAIV,GAG1De,UAAY,GAGlB,IAAIC,EAAc,IAAIC,EAAAA,IACtBD,EAAYE,KAAO,cACnBF,EAAYG,aAAe,IAAIjB,EAAAA,GAAOkB,KAEtCtB,EAAQuB,EAAAA,IAAYC,WAAW,GAC3B,uGACA,gBACAtB,GACA,SAASuB,GAEIA,EAAU,GAAGC,iBAAiB,GACpCC,SAAWT,CACtB,GAAE,EAOAU,EAAW1B,MAmBjB,SACIH,GAAc8B,EAAAA,EAAAA,QAAO,OAGjB1C,EAAAA,EAAAA,IAAAC,EAAAA,SAAA,MACID,EAAAA,EAAAA,IAAC2C,EAAAA,GAAY,CAACC,WAAS,EAAC9B,aAAcA,EAAc2B,SAAUA,EAAUI,GAAG,mBAC3E7C,EAAAA,EAAAA,IAAA,KAAG8C,IAAKlC,EAAamC,OAAO,QAAQC,IAAI,sBAAsBC,KAAK,gC,0HClFxDC,EAAAA,EAAAA,IAAO,KAGVA,EAAAA,EAAAA,IAAO,IAoB3B,UATmBC,KACfnD,EAAAA,EAAAA,IAACoD,EAAAA,EAAM,MACHpD,EAAAA,EAAAA,IAACqD,EAAAA,EAAG,CAAC/C,MAAM,UACXN,EAAAA,EAAAA,IAAA,OAAKO,MAAO,CAAEE,SAAW,SAASD,OAAS,SAAS8C,SAAW,WAAWC,MAAO,YAC7EvD,EAAAA,EAAAA,IAACwD,EAAAA,EAAK,O","sources":["webpack://gatsby-starter-default/./src/components/layout.js","webpack://gatsby-starter-default/./src/components/scenes/pump-loader.js","webpack://gatsby-starter-default/./src/pages/projects/2020-05-05-photogrammetry-iphone-SE/models.js"],"sourcesContent":["import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nimport Header from \"./header\"\nimport \"./layout.css\"\n\n\n// import {slide as Menu} from \"react-burger-menu\";\n// import {FaFacebook, FaGithub, FaTelegram} from \"react-icons/fa\";\n\nconst Layout = ({ children }) => {\n  const data = useStaticQuery(graphql`\n    query SiteTitleQuery {\n      site {\n        siteMetadata {\n          title\n        }\n      }\n    }\n  `)\n\n  return (\n    <>\n        <Header siteTitle={data.site.siteMetadata?.title || `Title`} />\n        {/*<HamMenu>*/}\n        {/*    <Menu left styles={ styles } >*/}\n        {/*        <a id=\"home\" className=\"menu-item\" href=\"/\">Main</a>*/}\n        {/*        <br />*/}\n        {/*        <a id=\"about\" className=\"menu-item\" href=\"/projects\">Projects</a>*/}\n        {/*        <br />*/}\n        {/*        <a id=\"contact\" className=\"menu-item\" href=\"/resume/\">Resume</a>*/}\n        {/*        <br />*/}\n        {/*        <a id=\"contact\" className=\"menu-item\" href=\"/myterest/\">Draw</a>*/}\n        {/*        <br />*/}\n        {/*        <a id=\"contact\" className=\"menu-item\" href=\"/geoarchive/\">GeoPlans</a>*/}\n        {/*        <br />*/}\n\n        {/*        <a href=\"https://t.me/userpav\" target=\"_blank\" rel=\"noopener noreferrer\"><FaTelegram/></a>*/}\n        {/*        <br />*/}\n        {/*        <br />*/}\n        {/*        <a href=\"https://www.facebook.com/userpav\" target=\"_blank\" rel=\"noopener noreferrer\"><FaFacebook/></a>*/}\n        {/*        <br />*/}\n        {/*        <br />*/}\n        {/*        <a href=\"https://github.com/FTi130\" target=\"_blank\" rel=\"noopener noreferrer\"><FaGithub/></a>*/}\n        {/*    </Menu>*/}\n        {/*</HamMenu>*/}\n\n      <div\n        style={{\n          margin: `0.75rem auto`,\n            //textAlign: 'center',\n          maxWidth: 1200, // 960\n          padding: `0 1.0875rem 1.45rem`,\n\n        }}\n      >\n        <main>{children}</main>\n        <footer style={{\n          marginTop: `2rem`\n        }}>\n        </footer>\n      </div>\n    </>\n  )\n}\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default Layout\n","import React, { useRef } from 'react';\nimport { HemisphericLight } from '@babylonjs/core/Lights/hemisphericLight';\nimport { Vector3 } from '@babylonjs/core/Maths/math';\nimport BabylonScene from 'babylonjs-hook';\nimport '../layout.css';\n\nimport {\n    AnimationPropertiesOverride,\n    ExecuteCodeAction, FollowCamera,\n    InterpolateValueAction,\n    StandardMaterial,\n    Texture, Tools, UniversalCamera\n} from \"@babylonjs/core\";\nimport {Color3} from \"@babylonjs/core/Maths/math\";\nimport {PointLight} from \"@babylonjs/core\";\n\nimport {ArcRotateCamera} from \"@babylonjs/core\";\nimport {SceneLoader} from \"@babylonjs/core\";\n\nlet box;\nlet babylonLink;\nlet skull;\n\n\nconst onSceneReady = scene => {\n\n    // scene.clearColor = new Color3(0.5, 0.8, 0.5);\n    // scene.clearColor = new Color3(1, 1, 1)\n    scene.clearColor = new Color3(0.0234375,0.0234375,0.0234375); // CHECK\n\n\n    const canvas = scene.getEngine().getRenderingCanvas();\n\n    // var environment = scene.createDefaultEnvironment({ enableGroundShadow: true, groundYBias: 1 });\n\n    // var camera = new UniversalCamera(\"UniversalCamera\", new Vector3(0, 0, -1), scene);\n    var camera = new ArcRotateCamera(\n        \"camera\",\n        -Math.PI/2,\n        Math.PI/2,\n        300,\n        new Vector3(0, 0  , 0),\n        scene);\n\n    // camera.setTarget(new Vector3(-100,2,0));\n\n    camera.lowerRadiusLimit = 250;\n    camera.upperRadiusLimit = 500;\n\n    camera.attachControl(canvas, true);\n\n    // This creates a light, aiming 0,1,0 - to the sky (non-mesh)\n    var light = new HemisphericLight(\"light\", new Vector3(0, 1, 0), scene);\n\n    // Default intensity is 1. Let's dim the light a small amount\n    light.intensity = 0.7;\n\n    //Creates a new standard material and sets the diffuse color to blue.\n    var newMaterial = new StandardMaterial;\n    newMaterial.name = \"newMaterial\";\n    newMaterial.diffuseColor = new Color3.Blue;\n\n    skull = SceneLoader.ImportMesh(\"\",\n        \"https://rawcdn.githack.com/BabylonJS/Website/f13b94d32cd8422fd661cd84aaaa396e06b4a657/Scenes/Assets/\",\n        \"skull.babylon\",\n        scene,\n        function(newMeshes)\n        {\n        var sphere = newMeshes[0].getChildMeshes()[0];\n        sphere.material = newMaterial;\n    });\n\n}\n\n/**\n * Will run on every frame render.  We are spinning the box on y-axis.\n */\nconst onRender = scene => {\n    // if (box !== undefined) {\n    //     var deltaTimeInMillis = scene.getEngine().getDeltaTime();\n    //\n    //     const rpm = 10;\n    //     box.rotation.y += ((rpm / 80) * Math.PI * 2 * (deltaTimeInMillis / 1000));\n    //     box.rotation.z += ((rpm / 100) * Math.PI * 2 * (deltaTimeInMillis / 1000));\n    //\n    // }\n    // if (me !== undefined) {\n    //     var deltaTimeInMillis = scene.getEngine().getDeltaTime();\n    //\n    //         const rpm = 10;\n    //         me.rotation.y += ((rpm / 80) * Math.PI * 2 * (deltaTimeInMillis / 1000));\n    //\n    // }\n\n}\n\nexport default () => {\n    babylonLink = useRef(null);\n\n    return (\n        <>\n            <BabylonScene antialias onSceneReady={onSceneReady} onRender={onRender} id='render-canvas' />\n            <a ref={babylonLink} target=\"_self\" rel=\"noopener noreferrer\" href=\"https://pavli.netlify.app/\">\n            </a>\n        </>\n    )\n}\n","import React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport Layout from \"../../../components/layout\"\nimport SEO from \"../../../components/seo\"\n\nimport { rhythm } from '../../../utils/typography'\nimport styled from \"@emotion/styled\";\nimport Scene from \"../../../components/scenes/pump-loader\"; // then change it to a directory ../../../components/scenes/pump-loader\n\nimport \"../../../components/mapstyles.css\"\n\n\n\nconst Header = styled('div')`\n  display: flex;\n  flex-direction: row;\n  justify-items: center;\n  align-items: center;\n  flex-wrap: wrap;\n  @media (max-width: ${rhythm(25)})  {\n    flex-direction: column;\n    & > * + * {\n      margin-top: ${rhythm(0.5)}; \n    }\n    div {\n      align-items: center !important;\n    }\n  }\n  \n`\n\n\n\nconst SecondPage = () => (\n    <Layout>\n        <SEO title=\"Pump\" />\n        <div style={{ maxWidth: `2000px`, margin: `0 auto`, position: `absolute`, width:`1200px` }}>\n            <Scene />\n        </div>\n    </Layout>\n)\n\nexport default SecondPage\n"],"names":["_ref","_data$site$siteMetada","children","data","useStaticQuery","___EmotionJSX","React","Header","siteTitle","site","siteMetadata","title","style","margin","maxWidth","padding","marginTop","babylonLink","skull","onSceneReady","scene","clearColor","Color3","canvas","getEngine","getRenderingCanvas","camera","ArcRotateCamera","Math","PI","Vector3","lowerRadiusLimit","upperRadiusLimit","attachControl","HemisphericLight","intensity","newMaterial","StandardMaterial","name","diffuseColor","Blue","SceneLoader","ImportMesh","newMeshes","getChildMeshes","material","onRender","useRef","BabylonScene","antialias","id","ref","target","rel","href","rhythm","SecondPage","Layout","SEO","position","width","Scene"],"sourceRoot":""}