Is there currently any full widget toolkit providing components rendering in WebGL only? Similar to the ZebraUI project, which renders a full UI component set in HTML5 canvas?
The idea is to write pure JavaScript, and still be able to shaders to render the components.
There is a new open source project which supports complete rendering of all widgets using WebGL: The DreemGL toolkit. Here is a screenshot of a DreemGL application. All UI elements are rendered using WebGL (including fonts). It's still alpha or beta quality.
Related
I want to build a simple Xamarin app that can draw shapes with editing handles. I can then drag and drop the handles to edit the shapes. This can be done with Syncfusion image editor controls but the shapes I wanted are not available.
Can anybody give me some clue about what should I do? Or point me to an open-source project?
Shape examples
SkiaSharp is a 2D graphics system for .NET and C# powered by the open-source Skia graphics engine that is used extensively in Google products. You can use SkiaSharp in your Xamarin.Forms applications to draw 2D vector graphics, bitmaps, and text.
You can refer to the tutorials in the following link:https://learn.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/graphics/skiasharp/basics/
Is there any ready-to-use solution to push my image in Mat format to a web service that will display it on a web page instantly?
I'm trying to replace an image preview in a window with some web-based solutions for my debugging sessions.
If you use CLion and C++ you can utilize the OpenCV Image Viewer plugin, which displays matrices while debugging just on click.
https://plugins.jetbrains.com/plugin/14371-opencv-image-viewer
Disclaimer: I'm an author of this plugin
I was reading the Three.js wikipedia page and it states "Three.js runs in all browsers supported by WebGL." If you use canvas renderer will the application/game created with Three.js run in browsers that support canvas but not webGL. Also are there any know issues with Three.js and mobile browsers.
Actually all browsers are supported which have support for canvas. We do not support polyfilled canvas. Mainly because most of the time, we use other things beside the canvas that are not implemented by the browser.
Checkout the browser compatibility list here:
http://caniuse.com/webgl
There's another site with a pretty neat breakdown of the OS + device/browser combination support for WebGL:
http://webglstats.com
Edit: To answer your second question on mobile, problems will be unlikely if the mobile browser supports WebGL since WebGL is basically based off of Open GL 2.0 ES (Embedded Systems). "ES" is mainly targeted things like mobile devices
You can take a look at WebGL plugin for Internet Explorer 10 and below.
I want to a have a transparent WebBrowser component to be displayed on top of other components. I have been trying with a transparent Background WebBrowser property, different transparent colors for html page, but it doesn't seem to work.
It is any way in which I can do this?
You can't apply transparency to a WebBrowser control because it's not a "true" Silverlight control. It's a native control in a Silverlight wrapper so that it can be used LIKE a regular Silverlight control.
As a wrapped native control it handles its drawing itself and doesn't go through the Silverlight drawing pipeline and so can't have transparency applied at that time. As it doesn't make sense for the web browser to include transparency when used as a standalone app it doesn't have this facility built in and so can't be used when used in an embedded manner.
For workarounds, see the answers at Making WebBrowser Transparent
I want to build a web app using either canvas or SVG. But I would like to use a library that gives me some pre-made ui components like file menus or forms.
What are some of the libraries out there that could accomplish this with either of these technologies?
Mocha ui uses Canvas and is probably the closest to having good file menus and forms: http://mochaui.org/
Some other things to look at:
http://raphaeljs.com/ - Raphael for SVG
https://bespin.mozillalabs.com/ - Mozilla Bespin premade code editor for Canvas
If you don't want to use HTML for the widgets, then have a look at the pergola framework which is based on svg (has menus, windows, widgets etc).
Take a look at the canvas based framework
http://www.zebkit.com
Zebra brings fresh view and possibilities to develop WEB based Rich UI applications. The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI. Zebra development is much closer to software engineering where you write well structured, supportable, extendable code basing on easy Zebra OOP concept