{
    "componentChunkName": "component---node-modules-gatsby-theme-blog-core-src-templates-post-query-js",
    "path": "/platonic-solids/",
    "result": {"data":{"site":{"siteMetadata":{"title":"Luke Michals","social":[{"name":"twitter","url":"https://twitter.com/lukemichals"},{"name":"github","url":"https://github.com/michals2/"},{"name":"linkedin","url":"https://www.linkedin.com/in/luke-michals/"}]}},"blogPost":{"id":"da0f54d7-c1e3-5060-a708-a199b7f5187a","excerpt":"Abstract I found a cool image on  Twitter  and I wanted to play around with a 3D library called  react-three-fiber . Image Model Conclusion…","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Platonic Solids\",\n  \"date\": \"2020-12-21T00:00:00.000Z\",\n  \"tags\": [\"3D\"]\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", {\n    \"id\": \"abstract\"\n  }, \"Abstract\"), mdx(\"p\", null, \"I found a cool image on \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://twitter.com/archillect/status/1146096264599277569\"\n  }, \"Twitter\"), \" and I wanted to play around with a 3D library called \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://github.com/pmndrs/react-three-fiber\"\n  }, \"react-three-fiber\"), \".\"), mdx(\"h2\", {\n    \"id\": \"image\"\n  }, \"Image\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"736px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"108.69565217391303%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAWABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAIBBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAeIaSobQSD//xAAUEAEAAAAAAAAAAAAAAAAAAAAw/9oACAEBAAEFAh//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAUEAEAAAAAAAAAAAAAAAAAAAAw/9oACAEBAAY/Ah//xAAdEAABAwUBAAAAAAAAAAAAAAAAAUGREBEhUWEx/9oACAEBAAE/ISKQRBrwt0RO7FbLH//aAAwDAQACAAMAAAAQIwg8/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAwEBPxAf/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAgEBPxAf/8QAHBABAAIDAAMAAAAAAAAAAAAAAQARITFBUWGB/9oACAEBAAE/EEb5s2wHFmr2Iga1xjWM8bIIVbo7hqqKx4gkv05HUz+IrLJw5P/Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"platonic solids image\",\n    \"title\": \"platonic solids image\",\n    \"src\": \"/static/e5e0864351f329346eff2a6800618854/97cfc/platonic-solids.jpg\",\n    \"srcSet\": [\"/static/e5e0864351f329346eff2a6800618854/8d48c/platonic-solids.jpg 345w\", \"/static/e5e0864351f329346eff2a6800618854/15ec7/platonic-solids.jpg 690w\", \"/static/e5e0864351f329346eff2a6800618854/97cfc/platonic-solids.jpg 736w\"],\n    \"sizes\": \"(max-width: 736px) 100vw, 736px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n    \")), mdx(\"h2\", {\n    \"id\": \"model\"\n  }, \"Model\"), mdx(PlatonicSolids, {\n    mdxType: \"PlatonicSolids\"\n  }), mdx(\"h2\", {\n    \"id\": \"conclusion\"\n  }, \"Conclusion\"), mdx(\"p\", null, \"React three fiber is a really cool library! This is the first time I\\u2019ve seen a library use React pureley as a renderer over another library and it\\u2019s really fun to use!\"));\n}\n;\nMDXContent.isMDXComponent = true;","slug":"/platonic-solids/","title":"Platonic Solids","tags":["3D"],"date":"December 21, 2020","image":null,"imageAlt":null,"imageCaptionText":null,"imageCaptionLink":null,"socialImage":null},"previous":{"id":"0812aa71-1f6b-5e88-b391-b3f8602880ca","excerpt":"In 2018 I hosted a meetup to show off my learnings on the use of D3 with React. Next time I'll be sure to record it! Links Presentation Code…","slug":"/d3-presentation/","title":"D3 Presentation","date":"August 06, 2018"},"next":{"id":"d373387e-9542-57e4-aa85-edf10946a240","excerpt":"Abstract I saw a cool website background once and I want to try and recreate it. Inspiration I could have sworn that I saw this background…","slug":"/mesh-background/","title":"Mesh Background","date":"April 07, 2021"}},"pageContext":{"id":"da0f54d7-c1e3-5060-a708-a199b7f5187a","previousId":"0812aa71-1f6b-5e88-b391-b3f8602880ca","nextId":"d373387e-9542-57e4-aa85-edf10946a240","maxWidth":1380}},
    "staticQueryHashes": ["2220939718","2744905544","3090755652","764694655"]}