#Mugtug sketchpad code

123456 MugTug builds upon the standards commonly referred to as HTML5. If you just click, you'll get a circle with opacity gradient. MugTug Profile Darkroom Reset Everything Install(chrome test) Offline(disabled) Workspace mugtug: Workspace(not connected) dismiss Collectionshold files and bookmarks. So is Silverlight missing some important features that are present in Flash *AND* HTML5? Hope someone can educate or enlighten me. Bring up the application, select Brush, set diameter to the largest value (100) and hardness to the smallest value (1) and start drawing. This only works if the brush is simple, like a solid circle with an outline.Ī similar application is SumoPaint implemented in Flash, which can do something similar to the SketchPad application. Render to this smaller image and then add this smaller image to the canvas. Create a smaller image (with WriteableBitmap). Taking the (0, 0) to (500, 500) example, I'd have to call Render() 1000 times. However, this is also very slow especially when the canvas is big. (2) I create a brush image and OnMouseMove I call Render() to draw the image to the canvas. (0, 0) to (500, 500) that's 1000 images of 10K pixels each (keep in mind that it is drawing something smooth rather than selected mouse points).

Remember that this brush is actually pretty big (diameter = 100). However, this is very slow and quickly becomes unmanageable. (1) create a brush Writeablebitmap, and OnMouseMove create images of the brush. Here's the different ways to approach this problem that I tried, but all failing: However, if you clickĪnd drag, you'll see that it is painting in real-time! I have learned enough about WriteableBitmap, PixelShader, InkPresenter, etc, but I don't think this can be done in Silverlight (at the same performance level)! I'd like to be corrected. Chaque outil a une large gamme de paramtres, y compris: dbit, l'opacit, la gigue de diamtre et plus. If you just click, you'll get a circle with opacity gradient. MugTug Sketchpad apporte votre favori des outils de peinture numrique pour le navigateur avec un ensemble d'outils incluant un pinceau, tampon texture, et une brosse en spirale. Bring up the application, select Brush, set diameter to the largest value (100) and hardness to the smallest value (1) and start drawing. I now doubt that this application can be implemented in Silverlight! Then I looked more closely, and played with it. In Flash but it is good to see some HTML5/Javascript example.

#Mugtug sketchpad code

Also the source code (~300K Javascript) is plain and unconvoluted. This application was written in HTML5/Javascript using Canvas heavily. However, yesterday I bumped into this amazing HTML5 application, SketchPad, I see both sides of the arguments, but I am very excited and optimistic about Silverlight. I recently read a lot of Silverlight vs HTML5 applications.