2021-02-24 20:56:34 +03:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="de-de">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<title>Sketch 360</title>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<meta name="description" content="<22>ber Sketch 360" />
|
|
|
|
|
|
<meta name="keywords" content="sketch360,WebVR,Garage,Microsoft,360-Grad zeichnen" />
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<meta name="generator" content="Sketch 360" />
|
|
|
|
|
|
<meta name="application-name" content="Sketch 360" />
|
|
|
|
|
|
<meta name="author" content="Microsoft Garage" />
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
img.center {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<link href="about.css" rel="stylesheet" />
|
|
|
|
|
|
<script src="babylon.4.1.js"></script>
|
|
|
|
|
|
<noscript></noscript>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body style="background-color: beige; font-family: sans-serif;">
|
|
|
|
|
|
<h1>Sketch 360</h1>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<h6>Ein Microsoft Garage Projekt</h6>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<p>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Mit Sketch 360 k<>nnen Sie 360-Grad-Panoramaskizzen erstellen
|
|
|
|
|
|
indem Sie von einem einzigen Blickpunkt in mehrere Richtungen schauen.
|
|
|
|
|
|
|
|
|
|
|
|
360-Grad Kameras speichern solche sph<70>rischen Bilder als JPEG-Dateien
|
|
|
|
|
|
unter Verwendung einer Rektangularprojektion und f<>gte den Bildern bestimmte
|
|
|
|
|
|
Metadaten hinzu, die sie als 360-Grad Fotos identifizierten.
|
|
|
|
|
|
|
|
|
|
|
|
Sketch 360 speichert Bilddateien auf die gleiche Weise, sodass die Skizzen
|
|
|
|
|
|
als 360-Fotos auf Websites wie Facebook, Adobe Lightroom.com und Kuula.co
|
|
|
|
|
|
angezeigt werden k<>nnen.
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</p>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<img src="grid.jpg" width="320" alt="Gleichwinkliges Gitter" class="center" />
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<div><center>Gleichwinkliges Gitter in 2D</center></div>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<canvas id="renderCanvas" class="RenderCanvas" aria-label="360 preview"></canvas>
|
|
|
|
|
|
<br />
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<div><center>Gleichwinkliges Gitter in 360-Grad 3D <br/>(Sie k<>nnen mit diesem Bild interagieren)</center></div>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<h2>Benutzung von Sketch 360</h2>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<p>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Sketch 360 verf<72>gt <20>ber zwei Hauptbedienungsoberfl<66>chen: eine Zeichenfl<66>che und eine 360-Grad-Ansicht.
|
|
|
|
|
|
Sie zeichnen Sie mit einem Stift oder einer Ber<65>hrung auf die Leinwand der Zeichenfl<66>che und jedes Mal, wenn ein
|
|
|
|
|
|
Strich hinzugef<65>gt wird, wird die 360-Grad-Ansicht aktualisiert und hin zum Endpunkt des Tintenstrichs
|
|
|
|
|
|
gedreht. Sie k<>nnen die 360-Grad-Ansicht auch jederzeit mit Ihrem Finger manuell drehen, um andere Ansichten der
|
|
|
|
|
|
Skizze anzuzeigen.
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</p>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<h2>Zeichnen und L<>schen</h2>
|
2021-03-09 03:31:40 +03:00
|
|
|
|
<img src="ui.png" width="420" alt="Sketch 360 Benutzeroberfl<66>che" class="center" />
|
|
|
|
|
|
<ol>
|
|
|
|
|
|
<li>Men<EFBFBD></li>
|
|
|
|
|
|
<li>Malmodus </li>
|
|
|
|
|
|
<li>L<EFBFBD>schmodus </li>
|
|
|
|
|
|
<li>Ber<EFBFBD>hrungszeichnen</li>
|
|
|
|
|
|
<li>R<EFBFBD>ckg<EFBFBD>ngig machen</li>
|
|
|
|
|
|
<li>Wiederholen </li>
|
|
|
|
|
|
<li>Zeichnungsansicht </li>
|
|
|
|
|
|
<li>360-Grad-Ansicht</li>
|
|
|
|
|
|
<li>Zoom-Schieberegler </li>
|
|
|
|
|
|
<li>Stiftfarbe </li>
|
|
|
|
|
|
<li>Stiftdicke </li>
|
|
|
|
|
|
<li>Schablonen</li>
|
|
|
|
|
|
<li>Zeichnungsleinwand </li>
|
|
|
|
|
|
</ol>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<p>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Mit einem Ger<65>t, das einen Stift unterst<73>tzt wie zum Beispiel das Microsoft Surface Duo oder dem
|
|
|
|
|
|
Samsung Galaxy Note, zeichnen Sie mit dem Griffel und manipulieren die Position und
|
|
|
|
|
|
Vergr<67><72>erung der Leinwand mit Ber<65>hrungen. Auf Ger<65>ten, die nicht mit einem Stift ausgestattet sind,
|
2021-03-09 03:31:40 +03:00
|
|
|
|
k<>nnen Sie in den Modus zum Ber<65>hrungszeichnen wechseln, um Fingerber<65>hrungen als Stift- oder Radiergummistriche
|
2021-03-08 23:13:07 +03:00
|
|
|
|
zu interpretieren, anstatt die Ansicht zu schwenken und zu zoomen.
|
|
|
|
|
|
Anstelle von Zoom-Gesten zum Einstellen der Leinwandvergr<67><72>erung, k<>nnen Sie auch den
|
2021-03-09 03:31:40 +03:00
|
|
|
|
Zoom-Schieberegler verwenden.
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</p>
|
|
|
|
|
|
<p>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Wenn Sie einen Stift mit einer Radiergummifunktion wie den Surface Pen verwenden, k<>nnen Sie jeden Strich l<>schen,
|
|
|
|
|
|
indem Sie die Stiftr<74>ckseite dar<61>ber ziehen.
|
|
|
|
|
|
Wenn Sie Ber<65>hrungszeichenmodus verwenden, dr<64>cken Sie die Radiergummitaste, um in den L<>schmodus zu wechseln.
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</p>
|
|
|
|
|
|
<p>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Um die Verbindung der linken und rechten Kante einer Zeichnung in der 360-Grad-Ansicht zu erleichtern, sehen Sie einen Teil
|
|
|
|
|
|
der gegen<65>berliegenden Seite wenn Sie am Randes der Zeichenfl<66>che arbeiten.
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
Ber<65>hren Sie die <b>kippen & drehen</b>-Taste in der 360-Grad-Ansicht, damit der Positionssensor des Ger<65>ts die
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Neigung und Drehung der Kamera automatisch bestimmen kann.
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</p>
|
|
|
|
|
|
<h2>
|
2021-03-09 03:31:40 +03:00
|
|
|
|
Stiftfarbe und -dicke
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</h2>
|
|
|
|
|
|
<p>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
Neben der Zeichenfl<66>che k<>nnen Sie auf Schaltfl<66>chen tippen, um die Farbe oder Dicke der erstellten Linien zu <20>ndern.
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</p>
|
|
|
|
|
|
<h2>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
R<>ckg<6B>ngig machen und Wiederholen
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</h2>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<p>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
Jeder Zeichen- oder L<>schvorgang kann einfach durch Tippen auf der entsprechenden Schaltfl<66>chen r<>ckg<6B>ngig gemacht oder wiederholt werden.
|
2021-03-08 23:13:07 +03:00
|
|
|
|
</p>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<h2>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
Zeichnungsansicht und 360-Grad-Ansicht
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</h2>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<p>
|
|
|
|
|
|
Wechseln Sie in die Zeichnungsansicht- oder den 360-Grad-Ansichtsmodus, um nur eines der beiden Fenster bildschirmf<6D>llend anzuzeigen.
|
|
|
|
|
|
Navigieren Sie in der App mit dem Zur<75>ck-Knopf oder der Zur<75>ck-Geste, um zur standard Zwei-Fenster-Ansicht zur<75>ckzukehren.
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<h2>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Senkrechte Hilfslinien
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</h2>
|
|
|
|
|
|
<p>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Aktivieren Sie die Hilfslinienfunktion um Linien zu zeichnen, die an den Prim<69>rachsen im gleichwinkligen Gitter ausgerichtet sind
|
|
|
|
|
|
wenn Sie zum Mittelpunkt der Zeichenfl<66>che zeigen.
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</p>
|
|
|
|
|
|
<ul>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<li> Rote Linien verlaufen von vorne nach hinten. </li>
|
|
|
|
|
|
<li> Blaue Linien verlaufen von links nach rechts. </li>
|
|
|
|
|
|
<li> Gr<47>ne Linien verlaufen von oben nach unten. </li>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
Mit der Zweipunktschablone k<>nnen Sie Linien zeichnen, die genau durch zwei beliebige
|
|
|
|
|
|
Punkte f<>hren. Um die Schablone zu positionieren, positionieren Sie zuerst die beiden Kreise
|
|
|
|
|
|
und zeichnen Sie dann die Linie <20>ber die gestrichelte Schablonenkurve.
|
|
|
|
|
|
Diese Schablone wurde in Zusammenarbeit mit Ant<6E>nio B. Ara<72>jo an der Universidade Aberta in Portugal
|
|
|
|
|
|
entwickelt.
|
2022-02-01 20:12:07 +03:00
|
|
|
|
Weitere Informationen finden Sie <a href="https://aka.ms/AAancza">hier</a>.
|
2021-03-08 23:13:07 +03:00
|
|
|
|
</li>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</ul>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<h2>Men<EFBFBD></h2>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<ul>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<li>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<b> Neue Skizze </b>: L<>schen Sie die aktuelle Skizze und erstellen Sie eine neue leere Skizze.
|
|
|
|
|
|
</li>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<li>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<b> Skizze <20>ffnen </b>: <20>ffnen Sie eine .sketch360-Datei, die zuvor auf dem Ger<65>t gespeichert wurde.
|
|
|
|
|
|
</li>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<li>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<b> Skizze speichern </b>: Speichern Sie die aktuelle Zeichnung in einer .sketch360-Datei auf dem Ger<65>t.
|
|
|
|
|
|
</li>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<li>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<b> Bild exportieren </b>: Speichern Sie die aktuelle Zeichnung in einem JPEG-Bild inklusive 360-Grad Metadaten auf dem Ger<65>t.
|
|
|
|
|
|
</li>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<li>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<b> Freigeben </b>: Geben Sie die Skizze als JPEG-Bild mit 360-Grad Metadaten f<>r andere Apps auf dem Ger<65>t frei.
|
|
|
|
|
|
</li>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<li>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<b> Skizzeneigenschaften </b>: <20>ndern Sie den Namen und die Hintergrundfarbe der Skizze.
|
|
|
|
|
|
</li>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<li>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<b> Einstellungen </b>: <20>ndern Sie die Rasteropazit<69>t, die Ausrichtung der beiden Bedienungsoberfl<66>chen,
|
2021-03-08 23:13:07 +03:00
|
|
|
|
die Pixelgr<67><72>e der exportierten Bilder, und laden Sie die Beispielskizze die beim ersten Start der App angezeigt wird neu.
|
2021-03-09 02:16:18 +03:00
|
|
|
|
</li>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<li>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<b> Hilfe </b>: Diese Hilfeseite anzeigen.
|
|
|
|
|
|
</li>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<li>
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<b> <20>ber Sketch 360 </b>: Details zum Team, das die App erstellt hat.
|
|
|
|
|
|
</li>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
</ul>
|
|
|
|
|
|
<h2>Apps und Websites, auf denen 360-Grad Bilder angezeigt werden</h2>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
Adobe <a target="=_blank" href="lightroom.adobe.com">lightroom.adobe.com</a>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
2022-02-01 20:12:07 +03:00
|
|
|
|
Adobe <a href="https://www.adobe.com/products/photoshop.html">Photoshop</a>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
2022-02-01 20:12:07 +03:00
|
|
|
|
<a href="https://kuula.co/">Kuula</a>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
2022-02-01 20:12:07 +03:00
|
|
|
|
<a href="https://facebook.com">Facebook</a>:
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Bilder m<>ssen von der Facebook.com-Website (facebook.com oder m.facebook.com) hochgeladen werden, nicht von der mobilen Facebook-App.
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
2022-02-01 20:12:07 +03:00
|
|
|
|
<a href="https://flickr.com">Flickr</a>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<h2>Die Technologie, die hinter Sketch 360 steckt</h2>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
2022-02-01 20:12:07 +03:00
|
|
|
|
<a href="https://dotnet.microsoft.com/apps/xamarin/xamarin-forms">Xamarin Forms</a> mit C#
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</li>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<li>
|
2022-02-01 20:12:07 +03:00
|
|
|
|
<a href="https://github.com/mono/SkiaSharp">SkiaSharp</a> f<>r die Zeichenfl<66>che
|
2021-03-08 23:13:07 +03:00
|
|
|
|
</li>
|
2022-02-01 20:12:07 +03:00
|
|
|
|
<li><a href="https://www.babylonjs.com/">Babylon.js</a> f<>r die 360-Grad Ansicht mit JavaScript</li>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</ul>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<h2><EFBFBD>ber Sketch 360</h2>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
<p>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Sketch 360 wurde urspr<70>nglich von Michael Scherotter erstellt und
|
|
|
|
|
|
<a target = "_blank" href = "https://www.microsoft.com/en-us/garage/blog/2018/11/finally-a-way-to-sketch-360-degree-vr-scenes/ ">
|
|
|
|
|
|
als kostenlose App
|
|
|
|
|
|
</a> im Jahr 2018 f<>r Microsoft Surface im
|
2022-02-01 20:12:07 +03:00
|
|
|
|
<a href="https://www.microsoft.com/en-us/p/sketch-360/9p89s2qlh11t">
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Windows Store
|
|
|
|
|
|
</a> ver<65>ffentlicht.
|
|
|
|
|
|
Es half ihm bei der Erstellung von 360-Grad Skizzen.
|
|
|
|
|
|
Hier sind einige
|
2022-02-01 20:12:07 +03:00
|
|
|
|
<a href="https://adobe.ly/2UMv7Ew">
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Beispiele f<>r Skizzen
|
|
|
|
|
|
</a>
|
|
|
|
|
|
die er damit auf dem Microsoft Surface Pro und Surface Go zeichnete.
|
|
|
|
|
|
Michael seit drei<65>ig Jahren aks er Architektur am College zu studierte
|
2022-02-01 20:12:07 +03:00
|
|
|
|
<a href="https://adobe.ly/2GpnWYN">
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Skizziert und Tageb<65>cher
|
|
|
|
|
|
</a> gef<65>hrt.
|
|
|
|
|
|
Er machte seine Karriere in Softwareentwicklung, behielt aber seine Leidenschaft f<>r kreative Werkzeuge
|
|
|
|
|
|
und hat nie aufgeh<65>rt weiter zu skizzieren.
|
|
|
|
|
|
<br />
|
|
|
|
|
|
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<p>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
Sketch 360 f<>r Android wurde von Microsoft-Mitarbeitern, Michael Scherotter, Matthew Leibowitz, Shane Neuville und Komal Priya
|
2022-02-01 20:12:07 +03:00
|
|
|
|
w<>hrend unternehmensweiter Hackathons, die von der <a href="https://www.microsoft.com/en-us/garage/"> Microsoft Garage </a>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
durchgef<65>hrt werden, erstellt.
|
2021-03-09 02:16:18 +03:00
|
|
|
|
</p>
|
2021-03-08 23:13:07 +03:00
|
|
|
|
|
2021-03-09 02:16:18 +03:00
|
|
|
|
<p>
|
2022-02-01 20:12:07 +03:00
|
|
|
|
Gleichwinklige Schablonenwerkzeuge <a href="https://aka.ms/AAancza"> (Gl. A Snap) </a> von Ant<6E>nio B. Ara<72>jo.
|
2021-03-08 23:13:07 +03:00
|
|
|
|
<br />
|
|
|
|
|
|
<20>bersetzungen ins Deutsche von Andreas Schiffler.
|
2021-03-09 02:16:18 +03:00
|
|
|
|
</p>
|
2021-02-24 20:56:34 +03:00
|
|
|
|
</p>
|
|
|
|
|
|
<img src="garage.png" alt="Microsoft Garage Logo" width="100" class="center" />
|
|
|
|
|
|
<script src="about.js">
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
