{"componentChunkName":"component---src-templates-blog-post-js","path":"/3d-experiments/","result":{"data":{"site":{"siteMetadata":{"title":"Amanda Koh","author":"Amanda Koh"}},"markdownRemark":{"id":"d5741267-81ba-591d-a78f-041be016693c","excerpt":"Having just started to experiment with 3D line drawings, I used it as an opportunity to try and learn some 3D modelling skills in Blender. Working With Fluid…","html":"<p>Having just started to experiment with 3D line drawings, I used it as an opportunity to try and learn some 3D modelling skills in Blender.</p>\n<h4>Working With Fluid Simulations</h4>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/7e6a29282f0f21afa97c09a1667801e4/d1cca/deathwish_drawing.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block; margin: 7vw 0; max-width: 1360px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 100%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGQABAAIDAAAAAAAAAAAAAAAAAAMEAQIF/8QAFgEBAQEAAAAAAAAAAAAAAAAAAwAB/9oADAMBAAIQAxAAAAHo1UOWrAXvwjhRAv8A/8QAGxAAAgIDAQAAAAAAAAAAAAAAAREAAgMQEzP/2gAIAQEAAQUCJQuubUym7uDwOs/k5//EABcRAQEBAQAAAAAAAAAAAAAAAAEAEBH/2gAIAQMBAT8BG4Rn/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAEREP/aAAgBAgEBPwFqle//xAAaEAACAgMAAAAAAAAAAAAAAAAAARAxEiAi/9oACAEBAAY/AjKElR3ev//EABsQAQACAwEBAAAAAAAAAAAAAAEAESExcUGB/9oACAEBAAE/ISVbhHTdy+GPpKgl93At9AqbTcyXSKn/2gAMAwEAAgADAAAAEA8Ag//EABgRAAIDAAAAAAAAAAAAAAAAAAABEDFh/9oACAEDAQE/EGJmRaP/xAAYEQEBAQEBAAAAAAAAAAAAAAABADERIf/aAAgBAgEBPxAB7HLZyC//xAAdEAACAgIDAQAAAAAAAAAAAAABEQAhMVFBYXHR/9oACAEBAAE/ECIING5ZZDEAiWZvA6CozKJKNH35KaqgUAGxWH3CbI44jS0ZVkkavYIc8T//2Q=='); background-size: cover; display: block;\"\n    >\n      <picture>\n        <source\n          srcset=\"/static/7e6a29282f0f21afa97c09a1667801e4/51a8e/deathwish_drawing.webp 340w,\n/static/7e6a29282f0f21afa97c09a1667801e4/713b7/deathwish_drawing.webp 680w,\n/static/7e6a29282f0f21afa97c09a1667801e4/54376/deathwish_drawing.webp 1360w,\n/static/7e6a29282f0f21afa97c09a1667801e4/0be89/deathwish_drawing.webp 2040w,\n/static/7e6a29282f0f21afa97c09a1667801e4/71194/deathwish_drawing.webp 2720w,\n/static/7e6a29282f0f21afa97c09a1667801e4/817da/deathwish_drawing.webp 2736w\"\n          sizes=\"(max-width: 1360px) 100vw, 1360px\"\n          type=\"image/webp\"\n        />\n        <source\n          srcset=\"/static/7e6a29282f0f21afa97c09a1667801e4/2e524/deathwish_drawing.jpg 340w,\n/static/7e6a29282f0f21afa97c09a1667801e4/d330d/deathwish_drawing.jpg 680w,\n/static/7e6a29282f0f21afa97c09a1667801e4/6c26c/deathwish_drawing.jpg 1360w,\n/static/7e6a29282f0f21afa97c09a1667801e4/afd2d/deathwish_drawing.jpg 2040w,\n/static/7e6a29282f0f21afa97c09a1667801e4/f4749/deathwish_drawing.jpg 2720w,\n/static/7e6a29282f0f21afa97c09a1667801e4/d1cca/deathwish_drawing.jpg 2736w\"\n          sizes=\"(max-width: 1360px) 100vw, 1360px\"\n          type=\"image/jpeg\"\n        />\n        <img\n          class=\"gatsby-resp-image-image\"\n          style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n          src=\"/static/7e6a29282f0f21afa97c09a1667801e4/6c26c/deathwish_drawing.jpg\"\n          alt=\"deathwish_drawing.jpg\"\n          title=\"\"\n          src=\"/static/7e6a29282f0f21afa97c09a1667801e4/6c26c/deathwish_drawing.jpg\"\n        />\n      </picture>\n      </span>\n  </span>\n  \n  </a>\n    </p>\n<p align=\"center\" style=\"font-size: 0.8em; position: relative; top: -4vw;\">Original line drawing used as inspiration for the 3D piece</p>\n<p>As part of creating the 3D piece, I wanted to make the liquid in the drawing animated. To do this, I used the fluid simulation tool in Blender. I positioned the input and domain objects, and adjusted the viscosity and other settings to mimic a thicker fluid.</p>\n<p>The placement of the fluid input objects and viscosity settings required a reasonable amount of trial and error to create the optimal look. The speed of the input flow was also an important factor in creating the drip effect as it controlled the size and quantity of droplets.</p>\n<video autoplay controls loop style=\"width: 100%\">\n<source src=\"/fe4271ee55121194243d296a0078be68/deathwish.mp4\" type=\"video/mp4\" />\n</video>\n<p align=\"center\" style=\"font-size: 0.8em; position: relative; top: 2vw; bottom: 2vw\">Rendered animation of 3D model exported from Blender</p>\n<h4>Basic Modelling</h4>\n<p>My first attempts were more static. Based on the drawing shown below, set out creating a 3D scene with various objects and experimented with animations in order to key camera movement.</p>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/9f003b32d038157cf9e5dfb44a807530/2ed9a/illusion.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block; margin: 7vw 0; max-width: 1360px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 75%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMCBP/EABQBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAetqYlSf/8QAGRABAAMBAQAAAAAAAAAAAAAAAQASMgIR/9oACAEBAAEFAqnMc+sc3FBZ/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGxAAAgMAAwAAAAAAAAAAAAAAABEBAiEQcZH/2gAIAQEABj8CyBNdGXtHCro88P/EABsQAQACAgMAAAAAAAAAAAAAAAEAETFBECFx/9oACAEBAAE/ISlUEu0JuKRB9kAS+J1EzruC2Sx//9oADAMBAAIAAwAAABAI3//EABYRAQEBAAAAAAAAAAAAAAAAAAARAf/aAAgBAwEBPxCJj//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAECAQE/EFf/xAAdEAEAAwADAAMAAAAAAAAAAAABABEhMWFxUZGh/9oACAEBAAE/ELmOFQMyJVCbhiNj5mxRoK7wal8HUu4+QfJUh+87LLyxyCf2yf/Z'); background-size: cover; display: block;\"\n    >\n      <picture>\n        <source\n          srcset=\"/static/9f003b32d038157cf9e5dfb44a807530/51a8e/illusion.webp 340w,\n/static/9f003b32d038157cf9e5dfb44a807530/713b7/illusion.webp 680w,\n/static/9f003b32d038157cf9e5dfb44a807530/54376/illusion.webp 1360w,\n/static/9f003b32d038157cf9e5dfb44a807530/0be89/illusion.webp 2040w,\n/static/9f003b32d038157cf9e5dfb44a807530/3648f/illusion.webp 2644w\"\n          sizes=\"(max-width: 1360px) 100vw, 1360px\"\n          type=\"image/webp\"\n        />\n        <source\n          srcset=\"/static/9f003b32d038157cf9e5dfb44a807530/2e524/illusion.jpg 340w,\n/static/9f003b32d038157cf9e5dfb44a807530/d330d/illusion.jpg 680w,\n/static/9f003b32d038157cf9e5dfb44a807530/6c26c/illusion.jpg 1360w,\n/static/9f003b32d038157cf9e5dfb44a807530/afd2d/illusion.jpg 2040w,\n/static/9f003b32d038157cf9e5dfb44a807530/2ed9a/illusion.jpg 2644w\"\n          sizes=\"(max-width: 1360px) 100vw, 1360px\"\n          type=\"image/jpeg\"\n        />\n        <img\n          class=\"gatsby-resp-image-image\"\n          style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n          src=\"/static/9f003b32d038157cf9e5dfb44a807530/6c26c/illusion.jpg\"\n          alt=\"deathwish_drawing.jpg\"\n          title=\"\"\n          src=\"/static/9f003b32d038157cf9e5dfb44a807530/6c26c/illusion.jpg\"\n        />\n      </picture>\n      </span>\n  </span>\n  \n  </a>\n    </p>\n<video autoplay controls loop style=\"width: 100%\">\n<source src=\"/64ba07f5418513835f73a1256fae6d48/triangles.mp4\" type=\"video/mp4\" />\n</video>\n<p align=\"center\" style=\"font-size: 0.8em; position: relative; top: 2vw;\">Rendered animation of 3D model exported from Blender</p>","frontmatter":{"title":"3D Experiments","date":"December 09, 2019","description":"Experiments converting my linework into 3D using Blender","thumbnail":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA+klEQVQoz52SOcqEQBCFO/MA4h1MNHRBRcR9DzQxVQRjb2DshfR0b6iGGeYH25n5g+J1QfdXy2uW5zlEkWUZ16Io/uR3wUSg5+M4jhGGIdI0/QrKPnU4TRPWdUXXdS/o18D36jRmEATYtg3HcWAcR0RR9HF8JtpbWZYcQKDzPDHPM8/f71xBLzskTZIEbdui73vs+45lWTAMA4+7PbIrM6g7XdehqioURYEkSbAsC5qmca2q6reRCeg4DlzXhWmakGWZO23bNjzPQ9M0QoOY6LvQA8Mw+N5Ifd/nayAwFfzZFALSeAQkGLn7NIXO/wKSEoTAdV2/ursDPgDkSJfRrIAl/wAAAABJRU5ErkJggg==","aspectRatio":1.780104712041885,"src":"/static/d6112c35347c36c2aa4421aaee21b71a/40ffe/deathwish.png","srcSet":"/static/d6112c35347c36c2aa4421aaee21b71a/c972b/deathwish.png 340w,\n/static/d6112c35347c36c2aa4421aaee21b71a/27625/deathwish.png 680w,\n/static/d6112c35347c36c2aa4421aaee21b71a/40ffe/deathwish.png 960w","sizes":"(max-width: 960px) 100vw, 960px"}}}}}},"pageContext":{"slug":"/3d-experiments/","previous":{"fields":{"slug":"/vr-therapy/"},"frontmatter":{"title":"VR Therapy"}},"next":{"fields":{"slug":"/improbable/"},"frontmatter":{"title":"Improbable Worlds Ltd."}}}},"staticQueryHashes":["63159454"]}