Anson/blog-static
1
0
Fork 0
mirror of https://gitlab.com/MisterBiggs/blog-static.git synced 2025-06-16 15:17:23 +00:00
Code Releases Activity
blog-static/biggest-rules-of-modeling-in-fusion-360/index.html

464 lines
27 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Biggest Rules of Modeling in Fusion 360</title>
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../assets/built/screen.css">
<meta name="description" content="This Guide covers features and tricks about Fusion 360 that I noticed beginners don&#x27;t know about.">
<link rel="shortcut icon" href="../favicon.png" type="image/png">
<link rel="canonical" href="http://localhost:8080/biggest-rules-of-modeling-in-fusion-360/">
<meta name="referrer" content="no-referrer-when-downgrade">
<link rel="amphtml" href="http://localhost:8080/biggest-rules-of-modeling-in-fusion-360/amp/">
<meta property="og:site_name" content="Anson 3D">
<meta property="og:type" content="article">
<meta property="og:title" content="Biggest Rules of Modeling in Fusion 360">
<meta property="og:description" content="This Guide covers features and tricks about Fusion 360 that I noticed beginners don&#x27;t know about.">
<meta property="og:url" content="http://localhost:8080/biggest-rules-of-modeling-in-fusion-360/">
<meta property="og:image" content="../content/images/2018/08/fusionScreenshot.png">
<meta property="article:published_time" content="2018-08-04T01:37:29.000Z">
<meta property="article:modified_time" content="2018-08-22T07:02:36.000Z">
<meta property="article:tag" content="Guide">
<meta property="article:tag" content="Fusion360">
<meta property="article:publisher" content="https://www.facebook.com/Anson3D">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Biggest Rules of Modeling in Fusion 360">
<meta name="twitter:description" content="This Guide covers features and tricks about Fusion 360 that I noticed beginners don&#x27;t know about.">
<meta name="twitter:url" content="http://localhost:8080/biggest-rules-of-modeling-in-fusion-360/">
<meta name="twitter:image" content="http://localhost:8080/content/images/2018/08/fusionScreenshot.png">
<meta name="twitter:label1" content="Written by">
<meta name="twitter:data1" content="Anson Biggs">
<meta name="twitter:label2" content="Filed under">
<meta name="twitter:data2" content="Guide, Fusion360">
<meta name="twitter:site" content="@Anson_3D">
<meta name="twitter:creator" content="@Anson_3D">
<meta property="og:image:width" content="2158">
<meta property="og:image:height" content="1321">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"publisher": {
"@type": "Organization",
"name": "Anson 3D",
"logo": {
"@type": "ImageObject",
"url": "http://localhost:8080/favicon.png",
"width": 60,
"height": 60
}
},
"author": {
"@type": "Person",
"name": "Anson Biggs",
"image": {
"@type": "ImageObject",
"url": "http://localhost:8080/content/images/2019/09/anson_suit_cropped.jpg",
"width": 1513,
"height": 1090
},
"url": "http://localhost:8080/author/anson/",
"sameAs": [
"http://ansonbiggs.com",
"https://twitter.com/Anson_3D"
]
},
"headline": "Biggest Rules of Modeling in Fusion 360",
"url": "http://localhost:8080/biggest-rules-of-modeling-in-fusion-360/",
"datePublished": "2018-08-04T01:37:29.000Z",
"dateModified": "2018-08-22T07:02:36.000Z",
"image": {
"@type": "ImageObject",
"url": "http://localhost:8080/content/images/2018/08/fusionScreenshot.png",
"width": 2158,
"height": 1321
},
"keywords": "Guide, Fusion360",
"description": "This Guide covers features and tricks about Fusion 360 that I noticed beginners don&#x27;t know about.",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "http://localhost:8080/"
}
}
</script>
<script src="../public/ghost-sdk.min.js" type="0454744bc40c530a08908a49-text/javascript"></script>
<script type="0454744bc40c530a08908a49-text/javascript">
ghost.init({
clientId: "ghost-frontend",
clientSecret: "245af786ee20"
});
</script>
<meta name="generator" content="Ghost 2.31">
<link rel="alternate" type="application/rss+xml" title="Anson 3D" href="http://localhost:8080/rss/">
<script async src="https://analytics.ansonbiggs.com/tracker.js" data-ackee-server="https://analytics.ansonbiggs.com" data-ackee-domain-id="0846bb59-c7b6-4a0b-bc05-135f82425319" type="0454744bc40c530a08908a49-text/javascript"></script>
<script src="https://unpkg.com/mermaid@8.0.0/dist/mermaid.min.js" type="0454744bc40c530a08908a49-text/javascript"></script>
<script type="0454744bc40c530a08908a49-text/javascript">mermaid.initialize({startOnLoad:true});</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/prism.min.js" type="0454744bc40c530a08908a49-text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/plugins/line-numbers/prism-line-numbers.min.js" type="0454744bc40c530a08908a49-text/javascript"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/themes/prism.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/plugins/line-numbers/prism-line-numbers.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/themes/prism-coy.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-powershell.min.js" type="0454744bc40c530a08908a49-text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-css.min.js" type="0454744bc40c530a08908a49-text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-c.min.js" type="0454744bc40c530a08908a49-text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-clike.min.js" type="0454744bc40c530a08908a49-text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.14.0/components/prism-python.min.js" type="0454744bc40c530a08908a49-text/javascript"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-99766784-3" type="0454744bc40c530a08908a49-text/javascript"></script>
<script type="0454744bc40c530a08908a49-text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-99766784-3');
</script>
<script data-name="BMC-Widget" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="Anson" data-description="Support my work on Buy me a coffee!" data-message="Please consider donating if you enjoy my content!" data-color="#5F7FFF" data-position="right" data-x_margin="18" data-y_margin="18"></script>
</head>
<body class="post-template tag-guide tag-fusion360">
<div class="site-wrapper">
<header class="site-header outer">
<div class="inner">
<nav class="site-nav">
<div class="site-nav-left">
<a class="site-nav-logo" href="../">Anson 3D</a>
<ul class="nav" role="menu">
<li class="nav-home" role="menuitem"><a href="../">Home</a></li>
<li class="nav-downloads" role="menuitem"><a href="../where-to-download-my-models/">Downloads</a></li>
<li class="nav-yet-another-test-suite" role="menuitem"><a href="../yet-another-test-suite/">Yet Another Test Suite</a></li>
<li class="nav-tags" role="menuitem"><a href="../tags/">Tags</a></li>
<li class="nav-resume" role="menuitem"><a href="http://ansonbiggs.com">Resume</a></li>
<li class="nav-partners" role="menuitem"><a href="../partners/">Partners</a></li>
</ul>
</div>
<div class="site-nav-right">
<div class="social-links">
<a class="social-link social-link-fb" href="https://www.facebook.com/Anson3D" title="Facebook" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"/></svg>
</a>
<a class="social-link social-link-tw" href="https://twitter.com/Anson_3D" title="Twitter" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"/></svg>
</a>
</div>
<a class="subscribe-button" href="#subscribe">Subscribe</a>
</div>
</nav>
</div>
</header>
<main id="site-main" class="site-main outer">
<div class="inner">
<article class="post-full post tag-guide tag-fusion360 ">
<header class="post-full-header">
<section class="post-full-meta">
<time class="post-full-meta-date" datetime="2018-08-03">3 August 2018</time>
<span class="date-divider">/</span> <a href="../tag/guide/">Guide</a>
</section>
<h1 class="post-full-title">Biggest Rules of Modeling in Fusion 360</h1>
</header>
<figure class="post-full-image">
<img srcset="../content/images/size/w300/2018/08/fusionScreenshot.png 300w, ../content/images/size/w600/2018/08/fusionScreenshot.png 600w, ../content/images/size/w1000/2018/08/fusionScreenshot.png 1000w, ../content/images/size/w2000/2018/08/fusionScreenshot.png 2000w" sizes="(max-width: 800px) 400px,
(max-width: 1170px) 700px,
1400px" src="../content/images/size/w2000/2018/08/fusionScreenshot.png" alt="Biggest Rules of Modeling in Fusion 360">
</figure>
<section class="post-full-content">
<div class="post-content">
<p>I recently had my friend create a model for me to 3D print and it became immediately clear that while Fusion 360 is widely available, it is not as beginner friendly as most people online make it seem. This guide aims to highlight a few things that are not as straightforward, or even really mentioned at all in the Fusion interface.</p>
<hr>
<h2 id="changezaxistoup">Change Z-Axis to up</h2>
<p><img src="../content/images/2018/08/zUP.png" alt="zUP"></p>
<p>For some odd reason, Fusion defaults to Y-Up, every other program uses Z-Up so if you ever import anything to another program it is going to be sideways. Change this when you get started and save yourself some headache later.</p>
<hr>
<h2 id="alwaysstartwithanewcomponent">Always start with a new component</h2>
<p><img src="../content/images/2018/08/createComponent-1.png" alt="createComponent-1"></p>
<p>In a quick 5-minute project you can probably get away with just doing an entire project without making a component, but for anything larger making a component will make your life much easier. Keeping the timeline clean is extremely advantageous for multiple reasons. Mainly it allows you to easily go back in time and make changes to each part, instead of scrolling through a massive timeline that's full of every modifier that you've used.</p>
<p>Fusion <s>can be</s> is buggy. The most common issue I come across is when a Modifier doesn't want to update or editing it makes everything after it break. While these issues still occur when your project is broken into components, it is much easier to manage when it does. Most of the time you just have to scrub back in the timeline to where you made a feature and do the feature over again from scratch. For some modifiers, this isn't an issue in the slightest, but sometimes you have a mirror with 15 features selected and it can be a pain to find them all when your timeline is massive.</p>
<hr>
<h2 id="parametersarevitalinlargeprojects">Parameters are vital in large projects</h2>
<p><img src="../content/images/2018/08/parameters-1.png" alt="Parameters"></p>
<p>Parameters are like writing comments in Code. In my opinion, there is nothing worse than having to go through an old model trying to make a simple change when you must search for where that change is defined, or even worse if the value is used multiple times so you have to go hunting for it. Parameters make life easier for current you, future you, and any other poor soul that might have to modify your file. You can also leave comments on parameters for added brownie points with future you.</p>
<hr>
<h2 id="utilizethebrowserandhideunnecessaryitems">Utilize the Browser and hide Unnecessary Items</h2>
<p><img src="../content/images/2018/08/browserTree-1.png" alt="browserTree-1"></p>
<p>This one is basic; the Browser hides a ton of functionality in it and most of the time it is easier to keep anything that isn't necessary for what you're doing at the moment hidden. If you still have a mess of lines and faces on your screen long pressing the left mouse button can be a tremendous help. It is also good to note that you can unhide old sketches to use them again.</p>
<hr>
<h2 id="offsetplanesandthelofttool">Offset Planes and the Loft Tool</h2>
<p><img src="../content/images/2018/08/loftAndOffsetPlanes.png" alt="loftAndOffsetPlanes"></p>
<p>In parametric modeling, it's easy to get stuck in the mindset of just wanting to start everything as cubes and cut them down to the shape you want, but the loft tool wants to do this work for you. You can create two sketches with the geometry you need, have one sketch use the default plane (or define a plane however you want), then the other on an offset plane, click both profiles with the loft tool open and you're off to the races. This is the closest that Fusion will probably ever get to the amazing Generative Design Tools that CATIA has, but this pretty much gets you where you need to go.</p>
<hr>
<h2 id="mcmastercarrintegrationisawesome">McMaster-Carr Integration is awesome</h2>
<p><img src="../content/images/2018/08/mcMasterCarrImport.png" alt="mcMasterCarrImport"></p>
<p>This integration completely takes the guesswork out of making holes for nuts, bolts, or one of the literally thousands of modeled parts. I generally import .step models and they look great, import with the part number as the item name, and are dimensionally correct. This takes literally all the guesswork out of working with these kinds of components</p>
</div>
</section>
<section class="subscribe-form">
<h3 class="subscribe-form-title">Subscribe to Anson 3D</h3>
<p>Get the latest posts delivered right to your inbox</p>
<form method="post" action="/subscribe/" id class>
<input class="confirm" type="hidden" name="confirm"><input class="location" type="hidden" name="location"><input class="referrer" type="hidden" name="referrer">
<div class="form-group">
<input class="subscribe-email" type="email" name="email" placeholder="youremail@example.com">
</div>
<button id class type="submit"><span>Subscribe</span></button>
<script type="0454744bc40c530a08908a49-text/javascript">
(function(g,h,o,s,t){
var buster = function(b,m) {
h[o]('input.'+b).forEach(function (i) {
i.value=i.value || m;
});
};
buster('location', g.location.href);
buster('referrer', h.referrer);
})(window,document,'querySelectorAll','value');
</script>
</form>
</section>
<footer class="post-full-footer">
<section class="author-card">
<img class="author-profile-image" src="../content/images/size/w100/2019/09/anson_suit_cropped.jpg" alt="Anson Biggs">
<section class="author-card-content">
<h4 class="author-card-name"><a href="../author/anson/">Anson Biggs</a></h4>
<p>I am an undergraduate Aerospace Engineering student with a focus on Astronautics and a minor in Electronic Engineering studying at Embry-Riddle Aeronautical University in Prescott, Arizona.
</p>
</section>
</section>
<div class="post-full-footer-right">
<a class="author-card-button" href="../author/anson/">Read More</a>
</div>
</footer>
</article>
</div>
</main>
<aside class="read-next outer">
<div class="inner">
<div class="read-next-feed">
<article class="read-next-card" style="background-image: url(../content/images/size/w600/2018/08/007---3kLkMUL-1.jpg)">
<header class="read-next-card-header">
<small class="read-next-card-header-sitetitle">&mdash; Anson 3D &mdash;</small>
<h3 class="read-next-card-header-title"><a href="../tag/guide/">Guide</a></h3>
</header>
<div class="read-next-divider"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14.5s2 3 5 3 5.5-2.463 5.5-5.5S21 6.5 18 6.5c-5 0-7 11-12 11C2.962 17.5.5 15.037.5 12S3 6.5 6 6.5s4.5 3.5 4.5 3.5"/></svg>
</div>
<div class="read-next-card-content">
<ul>
<li><a href="../simple-discord-stock-bot/">Simple Discord Stock Bot</a></li>
<li><a href="../how-to-use-mermaid/">How to use Mermaid on your Ghost Blog</a></li>
<li><a href="../how-to-export-fusion-360-files-to-other-file-types/">How to Export Fusion 360 files to Other File Types</a></li>
</ul>
</div>
<footer class="read-next-card-footer">
<a href="../tag/guide/">See all 6 posts →</a>
</footer>
</article>
<article class="post-card post tag-fluff tag-3d-printing ">
<a class="post-card-image-link" href="../why-3d-printed-guns-arent-an-issue/">
<img class="post-card-image" srcset="../content/images/size/w300/2018/08/pinkGun.jpg 300w, ../content/images/size/w600/2018/08/pinkGun.jpg 600w, ../content/images/size/w1000/2018/08/pinkGun.jpg 1000w, ../content/images/size/w2000/2018/08/pinkGun.jpg 2000w" sizes="(max-width: 1000px) 400px, 700px" src="../content/images/size/w600/2018/08/pinkGun.jpg" alt="Why 3D Printed Guns Aren&#x27;t an Issue">
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="../why-3d-printed-guns-arent-an-issue/">
<header class="post-card-header">
<span class="post-card-tags">Fluff</span>
<h2 class="post-card-title">Why 3D Printed Guns Aren&#x27;t an Issue</h2>
</header>
<section class="post-card-excerpt">
<p>3D Printed Guns aren't, and will not be an issue for the foreseeable future. Click to see my take.</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Anson Biggs
</div>
<a href="../author/anson/" class="static-avatar">
<img class="author-profile-image" src="../content/images/size/w100/2019/09/anson_suit_cropped.jpg" alt="Anson Biggs">
</a>
</li>
</ul>
<span class="reading-time">3 min read</span>
</footer>
</div>
</article>
<article class="post-card post tag-3d-modeling tag-3d-printing tag-fusion360 ">
<a class="post-card-image-link" href="../hdd-pi-case-v1/">
<img class="post-card-image" srcset="../content/images/2018/08/buildTimelapse.gif 300w, ../content/images/2018/08/buildTimelapse.gif 600w, ../content/images/2018/08/buildTimelapse.gif 1000w, ../content/images/2018/08/buildTimelapse.gif 2000w" sizes="(max-width: 1000px) 400px, 700px" src="../content/images/2018/08/buildTimelapse.gif" alt="HDD Pi Case V1">
</a>
<div class="post-card-content">
<a class="post-card-content-link" href="../hdd-pi-case-v1/">
<header class="post-card-header">
<span class="post-card-tags">3D Modeling</span>
<h2 class="post-card-title">HDD Pi Case V1</h2>
</header>
<section class="post-card-excerpt">
<p>Summary This Raspberry Pi case is designed to fit into a standard 3.5in hard drive slot. It works well with tool-less mounting systems, but I also added the ability for threaded nuts</p>
</section>
</a>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Anson Biggs
</div>
<a href="../author/anson/" class="static-avatar">
<img class="author-profile-image" src="../content/images/size/w100/2019/09/anson_suit_cropped.jpg" alt="Anson Biggs">
</a>
</li>
</ul>
<span class="reading-time">3 min read</span>
</footer>
</div>
</article>
</div>
</div>
</aside>
<div class="floating-header">
<div class="floating-header-logo">
<a href="../">
<img src="../content/images/size/w30/2018/08/Anson.png" alt="Anson 3D icon">
<span>Anson 3D</span>
</a>
</div>
<span class="floating-header-divider">&mdash;</span>
<div class="floating-header-title">Biggest Rules of Modeling in Fusion 360</div>
<div class="floating-header-share">
<div class="floating-header-share-label">Share this <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M7.5 15.5V4a1.5 1.5 0 1 1 3 0v4.5h2a1 1 0 0 1 1 1h2a1 1 0 0 1 1 1H18a1.5 1.5 0 0 1 1.5 1.5v3.099c0 .929-.13 1.854-.385 2.748L17.5 23.5h-9c-1.5-2-5.417-8.673-5.417-8.673a1.2 1.2 0 0 1 1.76-1.605L7.5 15.5zm6-6v2m-3-3.5v3.5m6-1v2"/>
</svg>
</div>
<a class="floating-header-share-tw" href="https://twitter.com/share?text=Biggest%20Rules%20of%20Modeling%20in%20Fusion%20360&url=http://localhost:8080/biggest-rules-of-modeling-in-fusion-360/" onclick="if (!window.__cfRLUnblockHandlers) return false; window.open(this.href, 'share-twitter', 'width=550,height=235');return false;" data-cf-modified-0454744bc40c530a08908a49->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"/></svg>
</a>
<a class="floating-header-share-fb" href="https://www.facebook.com/sharer/sharer.php?u=http://localhost:8080/biggest-rules-of-modeling-in-fusion-360/" onclick="if (!window.__cfRLUnblockHandlers) return false; window.open(this.href, 'share-facebook','width=580,height=296');return false;" data-cf-modified-0454744bc40c530a08908a49->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"/></svg>
</a>
</div>
<progress id="reading-progress" class="progress" value="0">
<div class="progress-container">
<span class="progress-bar"></span>
</div>
</progress>
</div>
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="../">Anson 3D</a> &copy; 2019</section>
<nav class="site-footer-nav">
<a href="../">Latest Posts</a>
<a href="https://www.facebook.com/Anson3D" target="_blank" rel="noopener">Facebook</a>
<a href="https://twitter.com/Anson_3D" target="_blank" rel="noopener">Twitter</a>
<a href="https://ghost.org" target="_blank" rel="noopener">Ghost</a>
</nav>
</div>
</footer>
</div>
<div id="subscribe" class="subscribe-overlay">
<a class="subscribe-overlay-close" href="#"></a>
<div class="subscribe-overlay-content">
<h1 class="subscribe-overlay-title">Subscribe to Anson 3D</h1>
<p class="subscribe-overlay-description">Stay up to date! Get all the latest &amp; greatest posts delivered straight to your inbox</p>
<form method="post" action="/subscribe/" id class>
<input class="confirm" type="hidden" name="confirm"><input class="location" type="hidden" name="location"><input class="referrer" type="hidden" name="referrer">
<div class="form-group">
<input class="subscribe-email" type="email" name="email" placeholder="youremail@example.com">
</div>
<button id class type="submit"><span>Subscribe</span></button>
<script type="0454744bc40c530a08908a49-text/javascript">
(function(g,h,o,s,t){
var buster = function(b,m) {
h[o]('input.'+b).forEach(function (i) {
i.value=i.value || m;
});
};
buster('location', g.location.href);
buster('referrer', h.referrer);
})(window,document,'querySelectorAll','value');
</script>
</form>
</div>
</div>
<script type="0454744bc40c530a08908a49-text/javascript">
var images = document.querySelectorAll('.kg-gallery-image img');
images.forEach(function (image) {
var container = image.closest('.kg-gallery-image');
var width = image.attributes.width.value;
var height = image.attributes.height.value;
var ratio = width / height;
container.style.flex = ratio + ' 1 0%';
})
</script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous" type="0454744bc40c530a08908a49-text/javascript">
</script>
<script type="0454744bc40c530a08908a49-text/javascript" src="../assets/built/jquery.fitvids.js"></script>
<script src="../assets/built/infinitescroll.js" type="0454744bc40c530a08908a49-text/javascript"></script>
<script type="0454744bc40c530a08908a49-text/javascript">
// NOTE: Scroll performance is poor in Safari
// - this appears to be due to the events firing much more slowly in Safari.
// Dropping the scroll event and using only a raf loop results in smoother
// scrolling but continuous processing even when not scrolling
$(document).ready(function () {
// Start fitVids
var $postContent = $(".post-full-content");
$postContent.fitVids();
// End fitVids
var progressBar = document.querySelector('#reading-progress');
var header = document.querySelector('.floating-header');
var title = document.querySelector('.post-full-title');
var lastScrollY = window.scrollY;
var lastWindowHeight = window.innerHeight;
var lastDocumentHeight = $(document).height();
var ticking = false;
function onScroll() {
lastScrollY = window.scrollY;
requestTick();
}
function onResize() {
lastWindowHeight = window.innerHeight;
lastDocumentHeight = $(document).height();
requestTick();
}
function requestTick() {
if (!ticking) {
requestAnimationFrame(update);
}
ticking = true;
}
function update() {
var trigger = title.getBoundingClientRect().top + window.scrollY;
var triggerOffset = title.offsetHeight + 35;
var progressMax = lastDocumentHeight - lastWindowHeight;
// show/hide floating header
if (lastScrollY >= trigger + triggerOffset) {
header.classList.add('floating-active');
} else {
header.classList.remove('floating-active');
}
progressBar.setAttribute('max', progressMax);
progressBar.setAttribute('value', lastScrollY);
ticking = false;
}
window.addEventListener('scroll', onScroll, {passive: true});
window.addEventListener('resize', onResize, false);
update();
});
</script>
<script src="https://embedd.io/embedd.min.js" type="0454744bc40c530a08908a49-text/javascript"></script>
<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a><br>This work is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
<script src="https://ajax.cloudflare.com/cdn-cgi/scripts/95c75768/cloudflare-static/rocket-loader.min.js" data-cf-settings="0454744bc40c530a08908a49-|49" defer></script></body>
</html>
View Git Blame Copy Permalink