Search Results for:

canvas

{ "config": { "base_url": "https://arsmachina.net", "theme": null, "title": null, "description": null, "default_language": "en", "languages": [], "translations": {}, "highlight_code": true, "highlight_theme": "base16-ocean-dark", "generate_feed": false, "feed_limit": null, "feed_filename": "atom.xml", "hard_link_static": false, "taxonomies": [ { "name": "tags", "paginate_by": null, "paginate_path": null, "feed": false, "lang": "en" }, { "name": "categories", "paginate_by": null, "paginate_path": null, "feed": false, "lang": "en" } ], "compile_sass": false, "minify_html": false, "build_search_index": true, "ignored_content": [], "extra_syntaxes": [], "link_checker": { "skip_prefixes": [], "skip_anchor_prefixes": [] }, "slugify": { "paths": "on", "taxonomies": "on", "anchors": "on" }, "search": { "include_title": true, "include_content": true, "truncate_content_length": null, "include_description": false }, "extra": {} }, "cow": " _______
< Hello >
 -------
        \\   ^__^
         \\  (oo)\\_______
            (__)\\       )\\/\\
                ||----w |
                ||     ||\n", "current_path": "/tags/canvas/", "current_url": "https://arsmachina.net/tags/canvas/", "data": { "topMenu": [ { "name": "Home", "url": "/", "class": "accent-3", "children": [] }, { "name": "Blog", "url": "/blog", "class": "", "children": [] }, { "name": "Projects", "url": "/projects", "class": "", "children": [] }, { "name": "Music", "url": "/music", "class": "", "children": [] }, { "name": "Photography", "url": "/pictures", "class": "", "children": [] }, { "name": "About", "url": "/about", "class": "", "children": [] } ], "footerMenu": [ { "name": "About", "url": "/about", "class": "green", "children": [ { "name": "About Me", "url": "/about/aboutme", "children": [] }, { "name": "About Website", "url": "/about/aboutsite", "children": [] } ] }, { "name": "Code", "url": "/about/aboutcode", "class": "red", "children": [ { "name": "Main Github", "url": "https://github.com/mboleary", "children": [] }, { "name": "Old Github", "url": "https://github.com/nesdood007", "children": [] }, { "name": "Gitlab", "url": "https://gitlab.com/mboleary", "children": [] } ] }, { "name": "Section Title", "url": "/test/", "class": "blue", "children": [ { "name": "Post 1", "url": "/test/post1", "children": [] }, { "name": "Post 2", "url": "/test/post2", "children": [] }, { "name": "Post 3", "url": "/test/post3", "children": [] } ] }, { "name": "Section Title", "url": "/test/", "class": "orange", "children": [ { "name": "Post 1", "url": "/test/post1", "children": [] }, { "name": "Post 2", "url": "/test/post2", "children": [] }, { "name": "Post 3", "url": "/test/post3", "children": [] } ] } ] }, "lang": "en", "taxonomy": { "name": "tags", "paginate_by": null, "paginate_path": null, "feed": false, "lang": "en" }, "term": { "name": "canvas", "slug": "canvas", "permalink": "https://arsmachina.net/tags/canvas/", "pages": [ { "relative_path": "projects/mandelbrotExplorer.md", "content": "

https://github.com/mboleary/fractals-canvas

\n

Mandelbrot Explorer

\n

This was a testing project for me to learn how the canvas works in Javascript, as well as how I can color the Mandelbrot set. This was written without the use of a Javascript Framework.

\n

There are additional Images in the repo linked above.

\n

Motivation

\n

I built this demo as a way to learn Javascript, and how to specifically use the Canvas to draw things.

\n

How to run this locally

\n

Go to the repository above, and clone or download the code locally. In there, use python3 -m http.server 8000 --bind 127.0.0.1 in a console, and then open a web browser and navigate to localhost:8000.

\n", "permalink": "https://arsmachina.net/projects/mandelbrotexplorer/", "slug": "mandelbrotexplorer", "ancestors": [ "_index.md", "projects/_index.md" ], "title": "Mandelbrot Explorer", "description": "This is a mandelbrot demo that I built in Javascript in order to learn how the canvas works", "updated": null, "date": null, "year": null, "month": null, "day": null, "taxonomies": { "categories": [ "projects", "art" ], "tags": [ "code", "js", "mandelbrot", "canvas" ] }, "extra": { "titlecard": "img light", "img": "/asset/mandelbrot.png" }, "path": "/projects/mandelbrotexplorer/", "components": [ "projects", "mandelbrotexplorer" ], "summary": null, "toc": [ { "level": 1, "id": "mandelbrot-explorer", "permalink": "https://arsmachina.net/projects/mandelbrotexplorer/#mandelbrot-explorer", "title": "Mandelbrot Explorer", "children": [ { "level": 2, "id": "motivation", "permalink": "https://arsmachina.net/projects/mandelbrotexplorer/#motivation", "title": "Motivation", "children": [] }, { "level": 2, "id": "how-to-run-this-locally", "permalink": "https://arsmachina.net/projects/mandelbrotexplorer/#how-to-run-this-locally", "title": "How to run this locally", "children": [] } ] } ], "word_count": 117, "reading_time": 1, "assets": [], "draft": false, "lang": "en", "lighter": null, "heavier": null, "earlier": null, "later": null, "translations": [] } ] } }