<?xml version="1.0" encoding='utf-8'?>
<!-- 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
-->
<?xml-stylesheet type="text/xsl" href="https://rollerweblogger.org/roller-ui/styles/atom.xsl" media="screen"?><feed xmlns="http://www.w3.org/2005/Atom">
    <title type="html">Blogging Roller</title>
    <subtitle type="html">Dave Johnson on open web technologies, social software and software development</subtitle>
    <id>https://rollerweblogger.org/roller/feed/entries/atom</id>
        <link rel="self" type="application/atom+xml" href="https://rollerweblogger.org/roller/feed/entries/atom?tags=canvas" />
    <link rel="alternate" type="text/html" href="https://rollerweblogger.org/roller/" />
    <updated>2026-04-07T09:28:33+00:00</updated>
    <generator uri="http://roller.apache.org" version="6.1.5">Apache Roller</generator>
    <entry>
        <id>https://rollerweblogger.org/roller/entry/mandelbrot-viewer-typescript-canvas</id>
        <title type="html">Fractal fun with HTML5 and TypeScript</title>
        <author><name>Dave Johnson</name></author>
        <link rel="alternate" type="text/html" href="https://rollerweblogger.org/roller/entry/mandelbrot-viewer-typescript-canvas"/>
        <published>2016-01-11T10:00:00+00:00</published>
        <updated>2018-02-16T12:42:44+00:00</updated> 
        <category term="Web Development" label="Web Development" />
        <category term="asf" scheme="http://roller.apache.org/ns/tags/" />
        <category term="canvas" scheme="http://roller.apache.org/ns/tags/" />
        <category term="html5" scheme="http://roller.apache.org/ns/tags/" />
        <category term="typescript" scheme="http://roller.apache.org/ns/tags/" />
        <content type="html">&lt;p&gt;
&lt;a href=&quot;https://github.com/snoopdave/mbcanvas&quot;&gt;MbCanvas&lt;/a&gt; is a fun project that I did in 2015: a simple 
&lt;a href=&quot;https://en.wikipedia.org/wiki/Mandelbrot_set&quot;&gt;Mandelbrot Set&lt;/a&gt; viewer written in 
&lt;a href=&quot;http://www.typescriptlang.org/Tutorial&quot;&gt;Typescript&lt;/a&gt; and using the 
&lt;a href=&quot;http://www.w3.org/TR/2dcontext/&quot;&gt;HTML5 Canvas&lt;/a&gt;.  

I did the project to learn more about Typescript and the HTML5 Canvas and I must say, Typescript very nice -- so much easier to read and write than plain old JavaScript, at least for me.&lt;/p&gt;

&lt;p&gt;Here&amp;#39;s an example image from the viewer.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://rollerweblogger.org/roller/mediaresource/d82c09d5-2037-42aa-9b73-6927a754fa36&quot; alt=&quot;mandelbrot set image&quot;&gt;&lt;/p&gt;

&lt;p&gt;The project is fairly easy to build if you&amp;#39;ve got Node and NPM installed, or you can play around with it here: &lt;a href=&quot;http://rollerweblogger.org/mbcanvas&quot;&gt;mbcanvas - Mandelbrot viewer in TypeScript&lt;/a&gt;&lt;/p&gt;</content>
    </entry>
</feed>

