<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Canvas on InternetException</title><link>https://internetexception.com/tags/canvas/</link><description>Recent content in Canvas on InternetException</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Sun, 23 Feb 2020 13:55:51 +0100</lastBuildDate><atom:link href="https://internetexception.com/tags/canvas/index.xml" rel="self" type="application/rss+xml"/><item><title>Line in WebGL and why you gonna do this on your own.</title><link>https://internetexception.com/2013/02/26/line-in-webgl-and-why-you-gonna-do-this-on-your-own/</link><pubDate>Tue, 26 Feb 2013 02:15:00 +0100</pubDate><guid>https://internetexception.com/2013/02/26/line-in-webgl-and-why-you-gonna-do-this-on-your-own/</guid><description>&lt;p&gt;WebGL as method for generating 3D graphic in browser and it is pretty powerful. You can do really awesome things with this, like &lt;a href="http://code.google.com/p/quake2-gwt-port/" target="_blank" rel="noopener noreferrer"&gt;porting Quake 2 to JavaScript&lt;/a&gt;&#10; or creating &lt;a href="http://www.zygotebody.com/" target="_blank" rel="noopener noreferrer"&gt;model of human body&lt;/a&gt;&#10;. But all of this 3D object are complex collection of hundreds or thousands triangles. What if you just want to draw a simple thin line? Luckily OpenES have support for that. So it is possible. Lets see how to do that.&lt;/p&gt;</description></item><item><title>Cartezian coordinate system in HTML 5 canvas</title><link>https://internetexception.com/2013/02/23/cartezian-coordinate-system-in-html-5-canvas/</link><pubDate>Sat, 23 Feb 2013 14:35:00 +0100</pubDate><guid>https://internetexception.com/2013/02/23/cartezian-coordinate-system-in-html-5-canvas/</guid><description>&lt;p&gt;Normally canvas 2D context is using custom coordinate transform where Y coordinates are flipped vertically. Here is image with example (taken from &lt;a href="http://diveintohtml5.info/canvas.html" target="_blank" rel="noopener noreferrer"&gt;http://diveintohtml5.info/canvas.html&lt;/a&gt;&#10;; it is great book and you should read it :) ) &lt;a class="img-zoom" href="https://internetexception.com/wp-content/uploads/2013/02/canvas.png"&gt;&lt;img&#10; src="https://internetexception.com/wp-content/uploads/2013/02/canvas.png"&#10; alt=""&#10; &#10; loading="lazy" decoding="async"&gt;&lt;/a&gt; It is a bit inconvenient to use if you are drawing some shapes with points given in classic Cartezian coordinate system.&lt;/p&gt;</description></item><item><title>Simple 2D graphs</title><link>https://internetexception.com/2013/02/17/simple-2d-graphs/</link><pubDate>Sun, 17 Feb 2013 02:26:00 +0100</pubDate><guid>https://internetexception.com/2013/02/17/simple-2d-graphs/</guid><description>&lt;p&gt;While writing application for my Masters Degree diploma I was required to came up with simple library for creating simple 2D graphs in the browser. Today I decided to share it with the rest of the world :)&lt;/p&gt;</description></item></channel></rss>