Skip to content
Snippets Groups Projects
Commit 810cb205 authored by Danny Griffin's avatar Danny Griffin
Browse files

passive updates

parent 0a4775c9
Branches
No related tags found
No related merge requests found
Pipeline #35639 passed
Stage: deploy
Show whitespace changes
Inline Side-by-side
topics/02_passive/images/lidar_vs_photogrammetry_drone.jpg 0 → 100644
+ 0
− 0
View file @ 810cb205
topics/02_passive/images/lidar_vs_photogrammetry_drone.jpg

46.4 KiB

topics/02_passive/index.md
+ 6
− 671
View file @ 810cb205
......@@ -38,675 +38,7 @@ Photogrammetry is the collection and organization of reliable information about
<p>Photogrammetry is useful for outdoors settings, where all you need is a handheld camera and some patience. In this example, note the loss of quality towards the top, as pixel resolution becomes problematic:</p>
<main class="viewer has-model " aria-label="sketchfab-viewer">
<div class="titlebar">
<div class="summary">
<div class="avatar">
<a target="_blank" aria-label="Visit Nicolas Diolez's Profile" href="https://sketchfab.com/nicolasdiolez">
<div class="image-container --cover" style="width:32px;">
<img class="image-container__image" src="https://media.sketchfab.com/avatars/a891e9152dfa4c819dfc0500a5fd5867/5512aead32c84bc0bf64e6c349abed4c.jpeg" alt="">
<div style="padding-top:100.0%;"></div>
</div>
</a>
</div>
<div class="model-info">
<h1 class="title"><span class="model-name">
<a class="model-name__label" data-route="" href="https://sketchfab.com/3d-models/arc-de-triomphe-photogrammetry-65937fd27de647c0a8ac99ce8275c03e" target="_blank" title="Buy Arc de Triomphe - photogrammetry 3D Model">Arc de Triomphe - photogrammetry</a>
<meta itemprop="award" content="Staff Pick">
<span class="flag --staffpicked " title="Staff Picks"></span>
</span></h1>
<h2>by
<a target="_blank" href="https://sketchfab.com/nicolasdiolez">Nicolas Diolez</a>
</h2>
</div>
</div>
<div class="actions">
<a class="help tooltip tooltip-down in-store" data-tooltip="Available on Store" target="_blank" href="https://sketchfab.com/3d-models/arc-de-triomphe-photogrammetry-65937fd27de647c0a8ac99ce8275c03e">
<i class="icon viewer-icon-usd"></i>
</a>
<a class="help tooltip tooltip-down share" data-tooltip="Share" data-action="open-share-overlay">
<i class="viewer-icon-share"></i>
</a>
<a class="help tooltip tooltip-down close hidden" data-tooltip="Stop" data-action="stop">
<i class="viewer-icon-close"></i>
</a>
</div>
</div>
<div class="landing" data-action="start">
<div class="preview">
<div class="image-container --cover" style="width:100%;">
<img class="image-container__image" src="https://media.sketchfab.com/models/65937fd27de647c0a8ac99ce8275c03e/thumbnails/2a28add5c0ad45f58ab47c285fda9114/9942f16c4bf040edaba728be68c265d8.jpeg" alt="">
<div style="padding-top:75.0%;"></div>
</div>
</div>
<div class="start-button">
<button class="play-button ">
<i class="viewer-icon-play"></i>
<span class="label">3D</span>
</button>
</div>
<div class="watermark">
<a title="View on Sketchfab" data-action="watermark" href="https://sketchfab.com/3d-models/arc-de-triomphe-photogrammetry-65937fd27de647c0a8ac99ce8275c03e" target="_blank"></a>
</div>
</div>
<div class="overlays">
<div class="overlay help hidden">
<a href="#" class="close viewer-icon-close" aria-label="close"></a>
<div class="inner">
<ul class="tabs">
<li class="active"><a href="#" data-target="basic">Navigation basics</a></li>
<li><a href="#" data-target="all">All controls</a></li>
</ul>
<div class="tabs-container" aria-hidden="true">
<div class="tab active" data-tab="basic">
<div class="tip">
<div>
<i class="viewer-icon-refresh"></i>
</div>
<div>
<b>Orbit around</b>
<div>
Left click + drag or<br>
One finger drag (touch)
</div>
</div>
</div>
<div class="tip">
<div>
<i class="viewer-icon-search-plus"></i>
</div>
<div>
<b>Zoom</b>
<div>
Double click on model<br>
or scroll anywhere or<br>
Pinch (touch)
</div>
</div>
</div>
<div class="tip">
<div>
<i class="viewer-icon-arrows"></i>
</div>
<div>
<b>Pan</b>
<div>
Right click + drag or<br>
Two fingers drag (touch)
</div>
</div>
</div>
</div>
<div class="tab" data-tab="all">
<div>
<div class="section">
<span class="title">Orbit navigation</span>
<b>Move camera:</b> 1-finger drag or Left Mouse Button<br>
<b>Pan:</b> 2-finger drag or Right Mouse Button or <kbd>SHIFT</kbd>+ Left Mouse Button<br>
<b>Zoom on object:</b> Double-tap or Double-click on object<br>
<b>Zoom out:</b> Double-tap or Double-click on background<br>
<b>Zoom:</b> Pinch in/out or Mousewheel or <kbd>CTRL</kbd> + Left Mouse Button<br>
</div>
<div class="section rendering-shortcuts"></div>
<div class="section inspector-shortcuts"></div>
<div class="section general-shortcuts"></div>
<div class="section">
<span class="title">Lighting</span>
<b>Rotate lighting:</b> 3-finger drag or <kbd>ALT</kbd> + Left Mouse Button<br>
<b>Rotate env. only:</b> <kbd>ALT</kbd> + <kbd>SHIFT</kbd> + Left Mouse Button<br>
</div>
<div class="section annotation-shortcuts"></div>
<div class="section animation-shortcuts"></div>
<div class="section sound-shortcuts"></div>
<div class="section">
<span class="title">First-person navigation</span>
<b>Move:</b> <kbd>↑</kbd>,<kbd>←</kbd>,<kbd>↓</kbd>,<kbd>→</kbd> (or <kbd>W</kbd>,<kbd>A</kbd>,<kbd>S</kbd>,<kbd>D</kbd>)<br>
<b>Look around:</b> 1-finger drag or Left Mouse Button<br>
<b>Adjust speed:</b> Mousewheel<br>
</div>
</div>
</div>
</div>
<div class="action">
<button class="button" data-action="reset-camera">Reset camera view</button>
</div>
</div>
</div>
<div class="overlay share hidden">
<a href="#" class="close viewer-icon-close" aria-label="close"></a>
<div class="inner">
<div class="share-link">
<div class="text-field">
<label for="copy-link-field">Link</label>
<input id="copy-link-field" type="text" class="text" value="" readonly="">
<button data-clipboard-target=".text-field .text">copy</button>
</div>
</div>
<div class="share-social">
<a data-action="share-on-facebook" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a data-action="share-on-twitter" target="_blank"><i class="fa-brands fa-twitter"></i></a>
<a data-action="share-on-reddit" target="_blank"><i class="fa-brands fa-reddit"></i></a>
<a data-action="share-on-tumblr" target="_blank"><i class="fa-brands fa-tumblr"></i></a>
<a data-action="share-on-linkedin" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a data-action="share-on-pinterest" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
<a class="share-mail" target="_blank"><i class="viewer-icon-envelope"></i></a>
</div>
<div class="share-embed">
<a class="button" href="" target="_blank">
<i class="viewer-icon-code"></i> Embed
</a>
</div>
</div>
</div>
<div class="overlay hotspots-overlay hidden">
<a href="#" class="close viewer-icon-close" aria-label="close"></a>
<div class="inner">
<span class="hotspot-title"></span>
<div class="hotspot-content js-scrollable markdown-rendered-content"></div>
</div>
</div>
<div class="overlay ar ar-overlay-mobile hidden">
<i class="viewer-icon-close close"></i>
<div class="inner custom-scrollbar">
<div class="header-helper">
<p class="title">
Your device is not compatible
</p>
</div>
<div class="content-helper">
<div class="row-helper">
<div class="content-row">
<div class="info">
<p>
Your version of
<span class="mobilePlatform"> </span>
is too old to display models in AR.
</p>
<p>
<span class="mobilePlatform"> </span>
<span class="minVersion"> </span>
or newer is required.
</p>
<p>
<strong>
Update your device or try on another device.
</strong>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay ar ar-overlay-desktop hidden">
<i class="viewer-icon-close close"></i>
<div class="inner custom-scrollbar">
<div class="header-helper">
<p class="title">
Augmented Reality is only available on mobile or tablet devices
</p>
<p class="subtitle">
Supported devices: iPhone 6S+ &amp; iPad 5+ on iOS 12+ and Android 8.0+ with ARCore 1.9 support <br>
Open this page with such a device to experience AR.
</p>
</div>
<div class="content-helper">
<div class="row-helper">
<div class="content-row">
<canvas id="qrCode"></canvas>
</div>
</div>
<div class="row-helper ">
<div class="content-row">
<div class="text">
<p class="title">Open with QR Code:</p>
<p>Scan this code to open the model on your device, then, tap on the AR icon.</p>
<p class="title">Open this link with your mobile:</p>
<a class="url overlay-link" target="_blank" href="#" aria-label="Open AR on Mobile"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay ar ar-overlay-loading hidden">
<i class="viewer-icon-close close"></i>
<div class="inner">
<div class="sketchfab-spinner">
<svg viewBox="0 0 13 16" xmlns="http://www.w3.org/2000/svg">
<g fill-rule="nonzero">
<path class="shape1" d="M5.3029 8.1731L0 4.9864v5.8286l5.3029 3.1867z"></path>
<path class="shape2" d="M5.9987 6.9902l5.8157-3.495L5.9987 0 .1829 3.4953z"></path>
<path class="shape3" d="M6.6944 8.1731v5.8286l5.303-3.1867V4.9864z"></path>
</g>
</svg>
</div>
<div class="text">
LOADING...
</div>
<div class="subText">
If the loading takes too long, you can learn more
<a class="overlay-link" href="https://support.fab.com/s/article/App-free-AR" target="_blank" rel="noopener noreferrer">here</a>
</div>
</div>
</div>
<div class="overlay ar ar-overlay-error hidden">
<i class="viewer-icon-close close"></i>
<div class="inner">
<div class="content-helper">
<div class="row-helper">
<div class="content-row">
<div class="info">
<p>
AR is not available for this model yet.
</p>
<p>
Please try again later or contact us if the problem persists.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay helper-vr-overlay hidden">
<i class="viewer-icon-close close"></i>
<div class="inner custom-scrollbar">
<div class="header-helper">
To view this model in virtual reality:
</div>
<div class="content-helper">
<div class="row-helper">
<div class="content-row">
<div class="image"><i class="viewer-icon-mobile"></i></div>
<div class="text">
<div class="title">on mobile phone</div>
<div>with Cardboard or similar</div>
</div>
</div>
<ul class="info">
<li>On your mobile, open this <a class="url overlay-link" target="_blank" href="#">link</a></li>
</ul>
</div>
<div class="row-helper">
<div class="content-row">
<div class="image"><i class="viewer-icon-desktop"></i></div>
<div class="text">
<div class="title">on desktop PC </div>
<div>with a VR headset</div>
</div>
</div>
<ul class="info">
<li><a href="https://immersiveweb.dev/" target="_blank" rel="noopener noreferrer nofollow" class="overlay-link">Learn more on the immersive web</a></li>
<li>On Chrome, follow the instructions <a href="https://immersiveweb.dev/chrome-support.html" target="_blank" rel="noopener noreferrer nofollow" class="overlay-link">here</a></li>
<li>Open this model</li>
<li>Click on the VR icon</li>
</ul>
</div>
</div>
<div class="footer-helper">
<a class="overlay-link" href="https://support.fab.com/s/article/Virtual-Reality-VR" target="_blank" rel="noopener noreferrer">
More info on Virtual Reality.
</a>
</div>
</div>
</div>
</div>
<div class="webgl">
<canvas class="canvas" data-modeluid="65937fd27de647c0a8ac99ce8275c03e" data-action="create-hotspot" aria-label="3D view of Arc de Triomphe - photogrammetry">
</canvas>
<div class="loading-container">
<div class="secondary-progress ">
<div class="secondary-progress-percentage"></div>
<div class="secondary-progress-display"></div>
</div>
<div class="main-progress ">
<img alt="Loading 3D Model" src="https://media.sketchfab.com/models/65937fd27de647c0a8ac99ce8275c03e/thumbnails/2a28add5c0ad45f58ab47c285fda9114/b5d188a8a6d54e119727d3617653c7e2.jpeg" class="loading-thumbnail">
<div class="main-progress-wrapper">
<div class="main-progress-percentage loading-percentage">0%</div>
<p>Loading 3D model</p>
<div class="main-progress-display">
<div class="main-progress-display__progress"></div>
</div>
</div>
</div>
</div>
<div class="hotspots"></div>
<div class="gui">
<div class="animation-not-supported hidden">
<a href="#" class="close" aria-label="close"></a>
<p>Model is too heavy for your device and can not be rendered properly</p>
</div>
<div class="hotspot-controls-responsive">
<div data-title="Previous Annotation" data-action="prev-annotation">
<div class="icon viewer-icon-caret-left"></div>
</div>
<div data-title="Next Annotation" data-action="next-annotation">
<div class="icon viewer-icon-caret-right"></div>
</div>
</div>
<div class="model-inspector">
<div class="model-inspector__menu">
<div class="model-inspector__minimize"><i class="viewer-icon-caret-down" aria-hidden="true"></i>Model Inspector</div>
<div class="model-inspector__content">
<div class="model-inspector__modes custom-scrollbar js-scrollable">
</div>
</div>
</div>
<div class="model-inspector__2D-options">
<div class="model-inspector__UV-options"></div>
<div class="model-inspector__material-options"></div>
</div>
<div class="model-inspector__empty-2d-view">
</div>
</div>
<div class="controls">
<div class="watermark">
<a title="View on Sketchfab" data-action="watermark" href="https://sketchfab.com/3d-models/arc-de-triomphe-photogrammetry-65937fd27de647c0a8ac99ce8275c03e" target="_blank"></a>
</div>
<div class="animation-controls widget ">
<div class="timeline ">
<div class="timeline-wrapper">
<div class="track">
<div class="bar">
</div>
<div class="knob">
</div>
</div>
</div>
</div>
<div class="animation-controls__buttons">
<a href="#" class="control play fa" aria-label="Play Animation"></a>
<a href="#" class="control next fa" aria-label="Next Animation"></a>
<div class="animation-timer control progress help" data-unit="time">00:00.00</div>
<div class="animation-list control has-menu">
<p class="animation-name"></p>
<div class="control-menu list">
<div class="animation__options">
<div class="toggle-button">
<span class="toggle-button__option tooltip" data-tooltip="Repeat one">
<input type="radio" name="animation-cycle" data-value="one" id="animation-cycle-one">
<label for="animation-cycle-one"><i class="viewer-icon-cycle-repeat-one"></i></label>
</span>
<span class="toggle-button__option tooltip" data-tooltip="Repeat all">
<input type="radio" name="animation-cycle" data-value="all" id="animation-cycle-all">
<label for="animation-cycle-all"><i class="viewer-icon-cycle-repeat-all"></i></label>
</span>
<span class="toggle-button__option tooltip" data-tooltip="No repeat">
<input type="radio" name="animation-cycle" data-value="none" id="animation-cycle-none">
<label for="animation-cycle-none"><i class="viewer-icon-cycle-no-repeat"></i></label>
</span>
</div>
<div class="toggle-button">
<span class="toggle-button__option tooltip" data-tooltip="Speed x0.1">
<input type="radio" name="animation-speed" data-value="0.1" id="animation-speed-point-one">
<label for="animation-speed-point-one">x0.1</label>
</span>
<span class="toggle-button__option tooltip" data-tooltip="Speed x0.5">
<input type="radio" name="animation-speed" data-value="0.5" id="animation-speed-point-five">
<label for="animation-speed-point-five">x0.5</label>
</span>
<span class="toggle-button__option tooltip" data-tooltip="Speed x1">
<input type="radio" name="animation-speed" data-value="1" id="animation-speed-one">
<label for="animation-speed-one">x1</label>
</span>
<span class="toggle-button__option tooltip" data-tooltip="Speed x2">
<input type="radio" name="animation-speed" data-value="2" id="animation-speed-two">
<label for="animation-speed-two">x2</label>
</span>
</div>
</div>
<ul class="js-scrollable"></ul>
</div>
</div>
</div>
</div>
<div class="hotspot-controls widget has-menu ">
<div data-title="Previous Annotation" data-action="prev-annotation">
<div class="icon viewer-icon-caret-left"></div>
</div>
<div class="hotspot-name default" data-action="toggle-annotation-list">
Select an annotation
</div>
<div data-title="Next Annotation" data-action="next-annotation">
<div class="icon viewer-icon-caret-right"></div>
</div>
<div class="list hotspots-list"></div>
</div>
<div class="general-controls widget ">
<a class="control tooltip help" data-tooltip="Help">
<i class="viewer-icon-question"></i>
</a>
<a class="control volume" title="Volume (M)" draggable="false">
<i class="viewer-icon-volume-up"></i>
<div class="volume-menu">
</div>
</a>
<a class="control tooltip settings has-menu " data-tooltip="Settings">
<i class="viewer-icon-gear"></i>
<div class="control-menu settings-menu">
<div class="control-menu-wrapper">
<div class="control-menu-list"></div>
<div class="control-menu-pane"></div>
</div>
</div>
<span class="control-badge"></span>
</a>
<a class="control tooltip inspector" data-tooltip="Model Inspector (i)" data-action="inspector">
<i class="viewer-icon-inspector"></i>
</a>
<a class="control tooltip vr " data-tooltip="View in VR">
<i class="viewer-icon-vr"></i>
</a>
<a class="control tooltip tooltip-right-bound fullscreen --always-visible" data-tooltip="Fullscreen (f)">
<i class="viewer-icon-fullscreen"></i>
</a>
</div>
</div>
<div class="viewer-hint widget disabled">
<div class="viewer-movehint">
<i class="icon"></i>
<span class="label"></span>
</div>
</div>
</div>
</div>
<div class="osd widget">
<div class="osd-content">
</div>
</div>
<div class="fallback" style="display: none">
<div class="fallback-viewport">
<img src="" alt="Arc de Triomphe - photogrammetry 3D Model" class="fallback-sprite">
</div>
<div class="fallback-warning">
<div class="inner">
<h3>Arc de Triomphe - photogrammetry 3D Model</h3>
<p data-nosnippet="">
Something went wrong with the 3D viewer.<br>
<a href="https://support.fab.com/s/article/Compatibility" target="_blank" rel="noopener noreferrer">Learn how to fix it here</a>.
</p>
</div>
</div>
<div data-nosnippet="" class="fallback-error fallback-error-loading">
<div class="inner">
<p>Connection error. Please try again.</p>
</div>
</div>
<div data-nosnippet="" class="fallback-error fallback-error-nofallback">
<div class="inner">
<p>Sorry, the model can't be displayed.</p>
<p>Please check out <a href="https://support.fab.com/s/article/Compatibility" target="_blank" rel="noopener noreferrer">our FAQ</a> to learn how to fix this issue.</p>
</div>
</div>
<div class="progress-bar">
<div class="progress-bar-percentage"></div>
<div class="progress-bar-display"></div>
</div>
<div class="progress-circle">
<div class="progress-circle-percentage loading-percentage"></div>
<svg class="progress-circle-display" version="1.1">
<path class="progress-circle-path" fill="none" stroke="#1caad9" stroke-width="6"></path>
</svg>
</div>
<div class="controls">
<div class="control control-fullscreen fullscreen tooltip tooltip-left" data-tooltip="Fullscreen (f)" data-action="fullscreen">
<div class="icon viewer-icon-fullscreen"></div>
</div>
</div>
</div>
<div data-nosnippet="" class="embed-sandboxed-message">
<p>It looks like your browser or this site is blocking some scripts or cookies necessary to properly display the viewer.</p>
<p>View this model on Sketchfab :<br><a href="https://sketchfab.com/models/65937fd27de647c0a8ac99ce8275c03e/embed">https://sketchfab.com/models/65937fd27de647c0a8ac99ce8275c03e/embed</a></p>
<p>Or visit the Help Center for more information:<br><a href="https://support.fab.com/s/article/Compatibility" target="_blank" rel="noopener noreferrer">https://support.fab.com/s/article/Compatibility</a></p>
</div>
</main>
<div class="sketchfab-embed-wrapper"> <iframe title="Arc de Triomphe - photogrammetry" frameborder="0" allowfullscreen="" mozallowfullscreen="true" webkitallowfullscreen="true" allow="fullscreen; autoplay; vr" xr-spatial-tracking="" execution-while-out-of-viewport="" execution-while-not-rendered="" web-share="" src="https://sketchfab.com/models/65937fd27de647c0a8ac99ce8275c03e/embed"> </iframe> <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;"> <a href="https://sketchfab.com/3d-models/arc-de-triomphe-photogrammetry-65937fd27de647c0a8ac99ce8275c03e?utm_medium=embed&amp;utm_campaign=share-popup&amp;utm_content=65937fd27de647c0a8ac99ce8275c03e" target="_blank" style="font-weight: bold; color: #1CAAD9;"> Arc de Triomphe - photogrammetry </a> by <a href="https://sketchfab.com/nicolasdiolez?utm_medium=embed&amp;utm_campaign=share-popup&amp;utm_content=65937fd27de647c0a8ac99ce8275c03e" target="_blank" style="font-weight: bold; color: #1CAAD9;"> Nicolas Diolez </a> on <a href="https://sketchfab.com?utm_medium=embed&amp;utm_campaign=share-popup&amp;utm_content=65937fd27de647c0a8ac99ce8275c03e" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a></p></div>
# Key Benefits
......@@ -715,12 +47,15 @@ Photogrammetry is the collection and organization of reliable information about
<p>Affordability and flexibility. Depending on the end use application almost any camera will work given there is enough light and your post processing software is robust.</p>
<p>Real time feedback and processing as models improve. <a href="https://mars.nasa.gov/technology/helicopter/#">Ingenuity Drone</a></p>
<p><img src="img/lidar-vs-photogrammetry-drone.jpg" alt="Drone imaging"></p>
<p><img src="img/lidar_vs_photogrammetry_drone.jpg" alt="Drone imaging"></p>
# Key Challenges
Precision is improving but can still be completely thrown off by certain light conditions in much the same way LiDar struggles with smooth surfaces.
Increasingly industry pairs vision systems for photogrammetry with laser systems to balance the benefits of both.
# Tools
<p><a href="https://www.autodesk.com/products/recap/overview?term=1-YEAR">Autodesk ReCap</a></p>
<p><a href="https://www.agisoft.com">Agisoft Metashape</a></p>
# Apps
# Camera Equations
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment