Sketch 360 llega a Microsoft Surface Duo
3 minuto. leer
Actualizado en
Compartir este artículo
Mejorar esta guía
Lea nuestra página de divulgación para descubrir cómo puede ayudar a MSPoweruser a sostener el equipo editorial. Leer más
En 2018, Michael Scherotter, director principal de programas de Microsoft, lanzó Sketch 360 en Microsoft Store.
La aplicación te permite hacer bocetos panorámicos en 360° fácilmente en tu tableta con Windows.
Hoy, Scherotter publicó una publicación de blog sobre su proceso de llevar la misma aplicación a Android y mejorarla específicamente para Surface Duo.
Señala que Surface Duo era compatible únicamente con el Surface Pen sensible a la presión y también tenía una interfaz de pantalla dual que coincidía muy bien con la interfaz de usuario de dos paneles de Sketch 360 en Windows.
Por lo tanto, decidió reconstruir Sketch 360 con Xamarin.Forms, de modo que pudiera apuntar a Surface Duo, otros dispositivos Android nativos como el Samsung Galaxy Note y cualquier otro dispositivo Android moderno, así como dispositivos Apple iOS con una sola aplicación.
La arquitectura de la aplicación consta de dos lados, un lienzo de dibujo y una vista de 360. Cada vez que el usuario agrega un trazo, la vista 360 se actualiza y se desplaza hasta el punto final del trazo que acaba de agregar. El lienzo de dibujo en Windows usaba el control InkCanvas nativo que facilitaba la recopilación y el renderizado de la tinta. Al pasar a Xamarin Forms, necesitaba reescribir la mayor parte del código C# y Xaml y necesitaba encontrar algo que proporcionara entrada de tinta, ya que no había ningún análogo a InkCanvas para Xamarin Forms. Creó un InkCanvasView usando SkiaSharp que manejó la entrada manuscrita y la representación, equipado para ofrecer una superficie de API similar a UWP InkCanvas e implementando solo lo suficiente para admitir los escenarios principales de Sketch 360:
- Dibujar y borrar trazos de tinta
- Trazos de tinta sensibles a la presión con varios colores y grosor variable
- Un lienzo virtual que admite la panorámica y el zoom
- Actualización de trazo húmedo para habilitar guías curvas al dibujar
- Cargar y guardar datos de tinta vectorial
En Xamarin Forms, serializó la tinta en un formato JSON simple y modificó la versión de Windows para poder leer ese formato además de la tinta de Windows. Esto significa que puede comenzar un boceto en su teléfono, guardar el archivo .sketch360 en su OneDrive y abrirlo nuevamente en un dispositivo Surface más grande para completarlo.
Michael encontró las nuevas formas de Xamarin API TwoPaneView para dispositivos de doble pantalla facilitó la definición de una interfaz de usuario que se adapta con fluidez de un solo panel a dos, vertical u horizontal.
Paisaje |
Retrato |
Extendido horizontalmente |
Atravesado verticalmente |
Los formularios de Xamarin simplificaron el proceso de creación de una aplicación creativa móvil multiplataforma y, con las herramientas adicionales de Xamarin Essentials, pudo hacerla tan funcional y eficaz como una aplicación nativa. También fue capaz de hacer la mayor parte del desarrollo usando el Emulador de Surface Duo sin tener un dispositivo físico en la mano.
La vista 360 es un control WebView que usa Babilonia.JS, un framework 3D JavaScript de código abierto que tiene un API de PhotoDome. Pudo usar el código HTML/JavaScript usando Babylon.JS con muy pocas modificaciones de la versión de Windows.
La aplicación completa ahora está disponible en Google Play y funciona con cualquier dispositivo Android moderno, pero funciona mejor con dispositivos compatibles con lápices sensibles a la presión como Surface Duo y Samsung Galaxy Note.
echa un vistazo a la aplicación esta páginay lea sobre el proceso de desarrollo completo en el blog de desarrollo de Microsoft.
[appbox googleplay com.microsoft.garage.sketch360app]
