microsoft / sketch360

Cross-Platform 360 Degree Panoramic Sketching App

Sketch 360, a Microsoft Garage project

A Cross-Platform 360 Degree Panoramic Sketching App

• Install from the Google Play Marketplace
• Install from the Microsoft Store

Sketch 360 was built by Michael Scherotter and originally released as a Microsoft Garage project in 2018 as a UWP app for Microsoft Windows and is available today for free in the Microsoft Store. This is a new version of Sketch 360 built to take advantage of pen-enabled devices that have two screens like the Microsoft Surface Duo but it should work on most Android devices as well.

Examples of Sketches created with Sketch 360

• 360 Drawings
• 360 Videos
• Virtual Flight 360 Sketch

Sketch 360 on the Microsoft Surface Duo

Platforms

Platform	Status
Android	Complete with enhancements for Microsoft Surface Duo (dual screen & pressure-sensitive pen support)
iOS	Runs but pen/touch interactivity does not work yet.
Windows	In-progress but not prioritized as the native Windows version is already available.

Technology

• Xamarin Forms
• SkiaSharp
• Babylon JS

Contributing

Here are areas where we would love community help with Sketch 360:

• iOS Version
• Localize to other languages (German and French in progress)
• Improve functionality
• Fix bugs

How to contribute

Open Source Code of Conduct

Trademarks

This project may contain trademarks or logos for projects, products, or services. Authorized use of Microsoft trademarks or logos is subject to and must follow Microsoft's Trademark & Brand Guidelines. Use of Microsoft trademarks or logos in modified versions of this project must not cause confusion or imply Microsoft sponsorship. Any use of third-party trademarks or logos are subject to those third-party's policies.

Data Collection

Data collection information

Security Reporting

Report security vulnerabilities here.

Microsoft Garage

Sketch 360 is a Microsoft Garage project. The Microsoft Garage is an outlet for experimental projects for you to try. Learn more about The Garage at: http://microsoft.com/garage.

sketch360's Issues

Inking doesn't get erased on the screen

Device Context

Device: Surface Duo
Android: 10
Security Update: April 2021
MS Launcher: Release version

Details

While inking itself works for some reason erasing with Slim Surface Pen's Eraser doesn't. Strokes_Erased event is fired but inking remains visible on InkCanvasView. I've tried to use InkCanvasView w/o specifying background, w/ "White" as background, and with "Transparent" background. In all 3 cases erasing event triggers but ink remains on the screen.

Source Code (for repro)

https://github.com/danielkornev/XCourierApp

Video

https://twitter.com/danielko/status/1389242598422978560

This repo is missing important files

There are important files that Microsoft projects should all have that are not present in this repository. A pull request has been opened to add the missing file(s). When the pr is merged this issue will be closed automatically.

Microsoft teams can learn more about this effort and share feedback within the open source guidance available internally.

Merge this pull request

Localize French UI Legend

Localized UI legend in French help page

Onboarding on Android tablets don't use the whole screen

Issue

The onboarding panel uses only half of the screen when running on a Tablet in landscape mode:

Expected behavior

The onboarding should use the whole screen.
There are probably few options to improve on the current implementation:

• use larger panels to use the whole screen
• center the panel on the screen
• show two panels, side by side

Geometry of ink stroke start and end is skewed

1. Create a stroke with a thick pen size
2. Notice that the end/start are not smooth - they should be circular.

Localize to French

1. Confirm that machine translations of resources are correct using Multilingual App Toolkit
2. Confirm that resources.js French string is correct
3. Translate about.FR.html file
4. Translate Google Play Store text:

Google Play Store Text:

App name*
10 / 50 chars
This is how your app will appear on Google Play. It should be concise and not include price, rank, any emoji or repetitive symbols.
Sketch 360

Short description
77 / 80 chars
A short description for your app. Users can expand to view your full description.
Create 360-degree panoramic sketches that can easily be shared as 360 photos.

Full description*
1333 / 4000 chars
Sketch 360: A Microsoft Garage Project

Sketch 360 helps you easily create 360 degree panoramic sketches, which are useful when you want to create a quick sketch of a space, real or virtual, when modeling might take too long.

Whether you are an architect, a VR designer, an urban sketcher, a 3D game designer or a 360 video producer, you can easily construct an accurate sketch from a single viewpoint that's easily shareable online using Sketch 360.

Draw on one pane using equirectangular grid and stencils as guides. The stencils help you draw the vertical and curved horizontal lines that end up looking straight when seen in 360.

As you sketch on the drawing pane, the sketch is projected onto the inside of a sphere with you at the center, rotating the 360 view to point at the latest sketch stroke. You can also use the tilt and rotation of your device to determine the gaze of a virtual window pane.

Works great with multi-screen devices and devices that support pressure-sensitive pens like the Microsoft Surface Duo.

Export these images as viewable as 360 degree photos on sites like Facebook.com, Adobe Lightroom, Kuula.co or apps like VR Media Player.

Sketch 360 is a Microsoft Garage project. The Microsoft Garage turns fresh ideas into real projects. Learn more about The Garage at: http://microsoft.com/garage

Do you plan to convert Xamarin.Forms.Inking into a nuget package?

I would like to reuse the Xamarin.Forms.Inking package, it would be great if it would be a nuget package. :)

Nevertheless, great work!

Localize to German

• Localize help file
• Localize Google Play Store description:

Google Play Store

App name*
10 / 50 chars
This is how your app will appear on Google Play. It should be concise and not include price, rank, any emoji or repetitive symbols.
Sketch 360

Short description
77 / 80 chars
A short description for your app. Users can expand to view your full description.
Create 360-degree panoramic sketches that can easily be shared as 360 photos.

Full description*
1333 / 4000 chars
Sketch 360: A Microsoft Garage Project

Sketch 360 helps you easily create 360 degree panoramic sketches, which are useful when you want to create a quick sketch of a space, real or virtual, when modeling might take too long.

Whether you are an architect, a VR designer, an urban sketcher, a 3D game designer or a 360 video producer, you can easily construct an accurate sketch from a single viewpoint that's easily shareable online using Sketch 360.

Draw on one pane using equirectangular grid and stencils as guides. The stencils help you draw the vertical and curved horizontal lines that end up looking straight when seen in 360.

As you sketch on the drawing pane, the sketch is projected onto the inside of a sphere with you at the center, rotating the 360 view to point at the latest sketch stroke. You can also use the tilt and rotation of your device to determine the gaze of a virtual window pane.

Works great with multi-screen devices and devices that support pressure-sensitive pens like the Microsoft Surface Duo.

Export these images as viewable as 360 degree photos on sites like Facebook.com, Adobe Lightroom, Kuula.co or apps like VR Media Player.

Sketch 360 is a Microsoft Garage project. The Microsoft Garage turns fresh ideas into real projects. Learn more about The Garage at: http://microsoft.com/garage

Localize Google Play Store for French

Localize French Google Play listing.

Touch & Stylus Interaction on iOS is not working correctly.

This is probably an issue with the SkiaSharp touch layer.