We usually don’t like the internal drawing logic from the Android SDK too much. When we read about it we use to feel weird, as it seems to be a little bit tedious. But it is not that hard if you read it carefully, and if you are capable of understanding it properly, you will end up creating really interesting figures and animations like the following one:
Tag Archives: canvas
In this post I’ll explain how to build a very basic
node.js server and client that receives lines drawn on a canvas in the browser and sends them to the other connected clients so everyone can see and scribble the same doodle.
The clip function is a lesser known function that can be very useful when drawing on your canvas. You can create a path but not fill() or stroke() it and then use the clip() function so that any further drawing is restricted to that area. There’s a step-by-step example of using it below. One common use for it would be to achieve “inner shadows” – as in the circle shown below – meaning that you get a bevelled appearance.
Jenn Simmons of the Web Platform Podcast recently had Famo.us CEO, Steve Newcomb on the podcast to discuss the mobile performance and their upcoming mixed mode. This was perfect timing, as Microsoft had just released ManifoldJS, a tool which allows you to package your web experience as native apps across Android, iOS, and Windows. I wanted to put these two technologies to the test.
In short, I wanted to determine ifdoes actually have great mobile performance, as well as have an understanding of how straightforward the process was for packaging my web application as a mobile app.
PIXI.js 3.0 is a great library for creating 2D canvas games and animations. It’s one of the most used canvas renderers over the Web. It also supports WebGL rendering, thanks to which most of the operations are executed by GPU instead of CPU. It comes with a nice filters feature that has great possibilites and is quite easy to use and extend. In this article we will focus on describing how to create a custom filter using Fragment shaders.
Introduction to the redis node.js full-text search library Reds, pure-canvas text editing library Texty, and the elegant Ajax API Super Agent.