diff --git a/topics/02_passive/index.md b/topics/02_passive/index.md index 8aeeb32acc678956c3d8de1dcb1b89680d5e06ba..a0219221ea47d26fca6c846afa01d24fb1d12824 100644 --- a/topics/02_passive/index.md +++ b/topics/02_passive/index.md @@ -37,7 +37,677 @@ 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> -<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&utm_campaign=share-popup&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&utm_campaign=share-popup&utm_content=65937fd27de647c0a8ac99ce8275c03e" target="_blank" style="font-weight: bold; color: #1CAAD9;"> Nicolas Diolez </a> on <a href="https://sketchfab.com?utm_medium=embed&utm_campaign=share-popup&utm_content=65937fd27de647c0a8ac99ce8275c03e" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a></p></div> + +<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+ & 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> + # Key Benefits