Skip to content

Instantly share code, notes, and snippets.

@BriSeven

BriSeven/graphics.markdown

Last active March 1, 2021 06:05
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save BriSeven/b13bd1a6335dbeadb33da8a12b018982 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save BriSeven/b13bd1a6335dbeadb33da8a12b018982 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. BriSeven revised this gist Mar 1, 2021. 1 changed file with 55 additions and 3 deletions.
    58 changes: 55 additions & 3 deletions graphics.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -1,16 +1,19 @@
    # SVG

    ## svg 3d

    * [stylized vector art from 3d models pdf](https://hal.inria.fr/inria-00345295/PDF/clipartmesh.pdf) #3d #svg
    * [GitHub - fogleman/ln: 3D line art engine.](https://github.com/fogleman/ln)
    * [GitHub - matthiasak/3D-svg-model-viewer: Render objects and polygons in a 3D space with SVG.](https://github.com/matthiasak/3D-svg-model-viewer)
    * [Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG](https://zzz.dog)
    * [3D Wireframes in SVG](https://prideout.net/blog/svg_wireframes/)
    * [The Next Dimension: 3D Transformations — Using SVG with CSS3 and HTML5 — Supplementary Material](https://oreillymedia.github.io/Using_SVG/extras/ch11-3d.html)
    * [escher inspired woodcut style](https://github.com/daeken/LumberSharp)
    * [seen.js lowpoly style](https://seenjs.io/index.html)
    * [scientific diagram style](https://sketch4latex.sourceforge.net/)
    * [escher inspired woodcut style](https://github.com/daeken/LumberSharp)
    * [seen.js lowpoly style](https://seenjs.io/index.html)
    * [scientific diagram style](https://sketch4latex.sourceforge.net/)

    ## svg

    * [Building Better Interfaces with SVG](https://slides.com/sarasoueidan/building-better-interfaces-with-svg#/24) #svg
    * [GitHub - yemount/pose-animator](https://github.com/yemount/pose-animator/) #svg
    * [Motion · Blog · Where are all the animated SVGs? · Animated SVG icon editor](https://www.getmotion.io/blog/where-are-all-the-animated-svgs/)
    @@ -58,7 +61,9 @@
    * https://mattdesl.svbtle.com/drawing-lines-is-hard
    * https://observablehq.com/@mattdesl/perceptually-smooth-multi-color-linear-gradients
    * https://shelly.dev

    ## Other

    * [A Single Div](https://a.singlediv.com)
    * [Apparatus: A hybrid graphics editor and programming environment for creating interactive diagrams](https://aprt.us/)
    * [How we learned to draw text on HTML5 Canvas - Miro Engineering - Medium](https://medium.com/miro-engineering/how-we-learned-to-draw-text-on-html5-canvas-9f5613e64f5) #css #canvas #html5 #javascript
    @@ -72,3 +77,50 @@
    * [Substroke Design Dump](https://worrydream.com/substroke/)
    * [The Data Visualisation Catalogue](https://datavizcatalogue.com/index.html)
    * [WeHatePasswords](https://wehatepasswords.com) draw passwords as pixel art

    # MORE SVG links

    * https://medium.com/@jmperezperez/using-svg-as-placeholders-more-image-loading-techniques-bed1b810ab2c
    * [GitHub - nbedos/termtosvg: Record terminal sessions as SVG animations](https://github.com/nbedos/termtosvg)
    * [GitHub - yemount/pose-animator](https://github.com/yemount/pose-animator/)
    * [SvgPathEditor](https://yqnn.github.io/svg-path-editor/)
    * [Here Dragons Abound: Creating a Pencil Effect in SVG](https://heredragonsabound.blogspot.com/2020/02/creating-pencil-effect-in-svg.html)
    * [Super Tiny Website Logos in SVG – Terence Eden’s Blog](https://shkspr.mobi/blog/2017/11/super-tiny-website-logos-in-svg/)
    * [OpenMorphi](https://openmorphi.now.sh/create?a=1F91F&b=1F595)
    * [Loglo](https://loglo.app) stackbased logo spreaseet thing
    * [Painting with SVG. - cassie.codes](https://www.cassie.codes/speaking/painting-with-svg/)
    * [Tools for SVG · SVG Tools](https://svg.prodless.com/compressor)
    * [Iconfu - Get Icons in your Color and Style](https://www.iconfu.com/docs/css_colorizable_svgs/examples)
    * [How to create sites with winding SVG paths | Zell Liew](https://zellwk.com/blog/million-devs-paths/)
    * [Reanimate](https://reanimate.github.io) haskell+svg animations
    * [GitHub - shubhamjain/svg-loader: Plug ’n Play external SVG loader](https://github.com/shubhamjain/svg-loader)
    * [Minimum Viable Tweet to Semantic SVG – Terence Eden’s Blog](https://shkspr.mobi/blog/2021/02/minimum-viable-tweet-to-svg-2/)
    * [GitHub - receiptline/receiptline: Printable digital receipts - Transform markdown-like text to receipt printer commands or SVG images.](https://github.com/receiptline/receiptline)
    * [Snap.svg - Home](http://snapsvg.io)
    ??? like raphael but new
    * [GitHub - receiptline/receiptline: Printable digital receipts - Transform markdown-like text to receipt printer commands or SVG images.](https://github.com/receiptline/receiptline) railroad diagrams of a markdown like syntax
    * [IconSear.ch: Instant icon search for SVG icons](https://iconsear.ch/search.html)
    * [Graphical UI’s with SVG and React, part 2 — Arcs, Angles, and Transformations](https://datalanguage.com/blog/graphical-uis-with-svg-and-react-part-2-arcs-angles-and-transformations)
    https://dosycorp.gitlab.io/dosylogo/?v923418754891239875624v1
    * [Prime Knots Wall Poster](https://prideout.net/blog/svg_knots/)
    * [SVG 2 Status](http://tavmjong.free.fr/svg2_status.html)
    https://news.ycombinator.com/item?id=25237181
    * [GitHub - edent/SuperTinyIcons: Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos](https://github.com/edent/SuperTinyIcons)
    * [hamburger menu to x animation](https://codepen.io/karenying/pen/MWjwzMo)
    * [Prefers color schemes for darkmode SVG favicons](https://blog.tomayac.com/2019/09/21/prefers-color-scheme-in-svg-favicons-for-dark-mode-icons/)
    * [skill levels in SVG graphics](https://www.nayuki.io/page/skill-levels-in-scalable-vector-graphics-svg)
    * [GitHub - tdewolff/canvas: Cairo in Go: vector to SVG, PDF, EPS, raster, HTML Canvas, etc.](https://github.com/tdewolff/canvas)
    * [Get Waves – Create SVG waves for your next design](https://getwaves.io)
    * [SVG Tutorial: How to Code SVG Icons by Hand | Aleksandr Hovhannisyan](https://www.aleksandrhovhannisyan.com/blog/svg-tutorial-how-to-code-svg-icons-by-hand/)
    * [SVG Shape Generator – Create SVG shapes for your designs](https://www.softr.io/tools/svg-shape-generator)
    * [Vector Pattern Generator | VISIWIG](https://www.visiwig.com/patterns/)
    * [Me and SVG by Amelia Bellamy-Royds on CodePen](http://codepen.io/AmeliaBR/post/me-and-svg)
    * [Going Beyond Automatic SVG Compression With the “use” Element | CSS-Tricks](https://css-tricks.com/going-beyond-automatic-svg-compression-with-the-use-element/)
    * [Loaf · Animated SVG icon library](https://getloaf.io)
    * [GitHub - stanford-cs248/draw-svg: Stanford CS248 Assignment 1: Implement a simple SVG renderer](https://github.com/stanford-cs248/draw-svg)
    * [svg autocrop](https://autocrop.cncf.io)
    * Autocrops to remove excess space around a logo while adding a one pixel border. It does this by temporarily converting to a bitmap and scanning to find the bounding rectangle of non-transparent pixels
    * Adds a viewbox so that the SVG will not be distorted if placed in a rectangle with a different ratio
    * [Pocket Guide to Writing SVG](https://svgpocketguide.com/book/#section-2)
    * [Fluid slider using SVG gooey effect – Dropinks Blog](http://www.dropinks.com/fluid-slider-using-svg-gooey-effect/)
    * [SVG Splash](https://www.svgsplash.com)
  2. BriSeven revised this gist Jan 7, 2021. 1 changed file with 7 additions and 12 deletions.
    19 changes: 7 additions & 12 deletions graphics.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -7,13 +7,12 @@
    * [Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG](https://zzz.dog)
    * [3D Wireframes in SVG](https://prideout.net/blog/svg_wireframes/)
    * [The Next Dimension: 3D Transformations — Using SVG with CSS3 and HTML5 — Supplementary Material](https://oreillymedia.github.io/Using_SVG/extras/ch11-3d.html)
    * [escher inspired woodcut style](https://github.com/daeken/LumberSharp)
    * [seen.js lowpoly style](https://seenjs.io/index.html)
    * [scientific diagram style](https://sketch4latex.sourceforge.net/)

    * [escher inspired woodcut style](https://github.com/daeken/LumberSharp)
    * [seen.js lowpoly style](https://seenjs.io/index.html)
    * [scientific diagram style](https://sketch4latex.sourceforge.net/)
    ## svg
    * [Building Better Interfaces with SVG](https://slides.com/sarasoueidan/building-better-interfaces-with-svg#/24) #svg
    * [GitHub - yemount/pose-animator](https://github.com/yemount/pose-animator/) #svg
    * [GitHub - yemount/pose-animator](https://github.com/yemount/pose-animator/) #svg
    * [Motion · Blog · Where are all the animated SVGs? · Animated SVG icon editor](https://www.getmotion.io/blog/where-are-all-the-animated-svgs/)
    * [stylized vector art from 3d models pdf](https://hal.inria.fr/inria-00345295/PDF/clipartmesh.pdf) #3d #svg
    * [SVG can do THAT?!](https://slides.com/sdrasner/svg-can-do-that#/) #svg
    @@ -29,8 +28,6 @@
    * [Drag (SVG Voronoi, Clipped) / D3 / Observable](https://observablehq.com/@d3/drag-svg-voronoi-clipped)
    * [GitHub - PonyCui/SVGAPlayer-SVG: Export AE animation as a standalone SVG file, can be play in any modern browsers.](https://github.com/PonyCui/SVGAPlayer-SVG)
    * [Shrink Me - Compress JPG, PNG, WEBP, and SVG Images](https://shrinkme.app/?s=e)

    ----
    * [<feGaussianBlur> - SVG: Scalable Vector Graphics | MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feGaussianBlur)
    * [A Compendium of SVG Information | CSS-Tricks](https://css-tricks.com/mega-list-svg-information/)
    * [ASCIIToSVG: An ASCII art diagram to SVG converter](https://9vx.org/~dho/a2s/index.html)
    @@ -61,12 +58,10 @@
    * https://mattdesl.svbtle.com/drawing-lines-is-hard
    * https://observablehq.com/@mattdesl/perceptually-smooth-multi-color-linear-gradients
    * https://shelly.dev


    # Other
    ## Other
    * [A Single Div](https://a.singlediv.com)
    * [Apparatus: A hybrid graphics editor and programming environment for creating interactive diagrams](https://aprt.us/)
    * [How we learned to draw text on HTML5 Canvas - Miro Engineering - Medium](https://medium.com/miro-engineering/how-we-learned-to-draw-text-on-html5-canvas-9f5613e64f5) #css #canvas #html5 #javascript
    * [How we learned to draw text on HTML5 Canvas - Miro Engineering - Medium](https://medium.com/miro-engineering/how-we-learned-to-draw-text-on-html5-canvas-9f5613e64f5) #css #canvas #html5 #javascript
    * [Introduction - Computer Graphics from scratch - Gabriel Gambetta](https://www.gabrielgambetta.com/computer-graphics-from-scratch/introduction.html)
    * [Lights and Shadows – Bartosz Ciechanowski](https://ciechanow.ski/lights-and-shadows/)
    * [LOOPY: a tool for thinking in systems](https://ncase.me/loopy/)
    @@ -76,4 +71,4 @@
    * [Stage.js - 2D JavaScript library for cross-platform HTML5 game development](https://piqnt.com/stage.js/)
    * [Substroke Design Dump](https://worrydream.com/substroke/)
    * [The Data Visualisation Catalogue](https://datavizcatalogue.com/index.html)
    * [WeHatePasswords](https://wehatepasswords.com) draw passwords as pixel art
    * [WeHatePasswords](https://wehatepasswords.com) draw passwords as pixel art
  3. BriSeven revised this gist Nov 17, 2020. 1 changed file with 41 additions and 14 deletions.
    55 changes: 41 additions & 14 deletions graphics.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -1,24 +1,22 @@
    # SVG

    ## svg 3d

    * [stylized vector art from 3d models pdf](https://hal.inria.fr/inria-00345295/PDF/clipartmesh.pdf) #3d #svg
    * [GitHub - fogleman/ln: 3D line art engine.](https://github.com/fogleman/ln)
    * [GitHub - matthiasak/3D-svg-model-viewer: Render objects and polygons in a 3D space with SVG.](https://github.com/matthiasak/3D-svg-model-viewer)
    * [Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG](https://zzz.dog)
    * [3D Wireframes in SVG](https://prideout.net/blog/svg_wireframes/)
    * [The Next Dimension: 3D Transformations — Using SVG with CSS3 and HTML5 — Supplementary Material](https://oreillymedia.github.io/Using_SVG/extras/ch11-3d.html)
    * [escher inspired woodcut style](https://github.com/daeken/LumberSharp)
    * [seen.js lowpoly style](http://seenjs.io/index.html)
    * [scientific diagram style](http://sketch4latex.sourceforge.net/)
    * [seen.js lowpoly style](https://seenjs.io/index.html)
    * [scientific diagram style](https://sketch4latex.sourceforge.net/)

    ## svg

    * [Building Better Interfaces with SVG](http://slides.com/sarasoueidan/building-better-interfaces-with-svg#/24) #svg
    * [Building Better Interfaces with SVG](https://slides.com/sarasoueidan/building-better-interfaces-with-svg#/24) #svg
    * [GitHub - yemount/pose-animator](https://github.com/yemount/pose-animator/) #svg
    * [Motion · Blog · Where are all the animated SVGs? · Animated SVG icon editor](https://www.getmotion.io/blog/where-are-all-the-animated-svgs/)
    * [stylized vector art from 3d models pdf](https://hal.inria.fr/inria-00345295/PDF/clipartmesh.pdf) #3d #svg
    * [SVG can do THAT?!](http://slides.com/sdrasner/svg-can-do-that#/) #svg
    * [SVG can do THAT?!](https://slides.com/sdrasner/svg-can-do-that#/) #svg
    * [SVG Color Filter Playground](https://kazzkiq.github.io/svg-color-filter/)
    * [SVG has more potential - MadeByMike](https://www.madebymike.com.au/writing/svg-has-more-potential/) #svg #caligo
    * [Textures.js](https://riccardoscalco.it/textures/) svgs textures
    @@ -32,21 +30,50 @@
    * [GitHub - PonyCui/SVGAPlayer-SVG: Export AE animation as a standalone SVG file, can be play in any modern browsers.](https://github.com/PonyCui/SVGAPlayer-SVG)
    * [Shrink Me - Compress JPG, PNG, WEBP, and SVG Images](https://shrinkme.app/?s=e)

    # Other
    ----
    * [<feGaussianBlur> - SVG: Scalable Vector Graphics | MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feGaussianBlur)
    * [A Compendium of SVG Information | CSS-Tricks](https://css-tricks.com/mega-list-svg-information/)
    * [ASCIIToSVG: An ASCII art diagram to SVG converter](https://9vx.org/~dho/a2s/index.html)
    * [Basic SVG path tweening with SMIL](https://fettblog.eu/blog/2013/07/16/basic-svg-path-tweening-with-smil/)
    * [CodePen - Click the Castle](https://codepen.io/letsbrock/full/NxXdxq/)
    * [CSVG: Constraint Scalable Vector Graphics](https://www.badros.com/greg/CSVG/index.html)
    * [Edit fiddle - JSFiddle - Code Playground](https://jsfiddle.net/jrev0za4/)
    * [GitHub - dhobsd/asciitosvg: DANGER, WILL ROBINSON: THIS REPOSITORY IS IN MAINTENANCE MODE! I will not be continuing feature development or fixing bugs in this codebase. I will continue to review and accept pull requests that do this. Please click the following link to view the actively developed ASCIIToSVG codebase, which is written in Go.](https://github.com/dhobsd/asciitosvg)
    * [GitHub - svg/svgo: Node.js tool for optimizing SVG files](https://github.com/svg/svgo)
    * [GitHub - SVGKit/SVGKit: Display and interact with SVG Images on iOS / OS X, using native rendering (CoreAnimation)](https://github.com/SVGKit/SVGKit)
    * [https://www.svachon.com/webframes/examples/glowy-thing.svg](glowyanimationsvg)
    * [Icon Font & SVG Icon Sets ❍ IcoMoon](https://icomoon.io/)
    * [Making SVGs Responsive with CSS](https://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/)
    * [Random Interesting Facts on HTML/SVG usage | CSS-Tricks](https://css-tricks.com/random-interesting-facts-htmlsvg-usage/)
    * [Responsive News — Building a responsive SVG map](https://responsivenews.co.uk/post/87988072178/building-a-responsive-map-with-svg)
    * [Smiffy’s SVG Path Shape Generator v0.1a](https://www.smiffysplace.com/shapes.html)
    * [SVG `symbol` a Good Choice for Icons | CSS-Tricks](https://css-tricks.com/svg-symbol-good-choice-icons/)
    * [SVG Compositing 1.2, Part 1: Primer](https://dev.w3.org/SVG/modules/compositing/master/SVGCompositingPrimer.html)
    * [SVG viewBox sandBox · Justin McCandless](https://www.justinmccandless.com/post/svg-viewbox-sandbox/)
    * [The Designer’s Guide to Working with SVG - Pt 1 - SitePoint](https://www.sitepoint.com/designers-guide-working-with-svg/)
    * [Tips for Creating and Exporting Better SVGs for the Web — Sara Soueidan – Freelance-Front-End UI/UX Developer](https://sarasoueidan.com/blog/svg-tips-for-designers/)
    * [unit circle diagram](https://upload.wikimedia.org/wikipedia/commons/c/c9/Unit_circle_angles.svg)
    * https://ivanceras.github.io/spongedown-editor/?file=https://raw.githubusercontent.com/ivanceras/svgbobrus/master/spec.md
    * https://twitter.com/i/web/status/790788102612811776
    * https://twitter.com/alisdair/status/633589621792878592/photo/1
    * https://www.svachon.com/webframes/examples/glowy-thing.svg
    * https://twitter.com/sitepointdotcom/status/505523816916086784/photo/1
    * https://mattdesl.svbtle.com/drawing-lines-is-hard
    * https://observablehq.com/@mattdesl/perceptually-smooth-multi-color-linear-gradients
    * https://shelly.dev


    # Other
    * [A Single Div](https://a.singlediv.com)
    * [Apparatus: A hybrid graphics editor and programming environment for creating interactive diagrams](http://aprt.us/)
    * [Apparatus: A hybrid graphics editor and programming environment for creating interactive diagrams](https://aprt.us/)
    * [How we learned to draw text on HTML5 Canvas - Miro Engineering - Medium](https://medium.com/miro-engineering/how-we-learned-to-draw-text-on-html5-canvas-9f5613e64f5) #css #canvas #html5 #javascript
    * [Introduction - Computer Graphics from scratch - Gabriel Gambetta](https://www.gabrielgambetta.com/computer-graphics-from-scratch/introduction.html)
    * [Lights and Shadows – Bartosz Ciechanowski](https://ciechanow.ski/lights-and-shadows/)
    * [LOOPY: a tool for thinking in systems](https://ncase.me/loopy/)
    * [Netpbm Animation Showcase « null program](https://nullprogram.com/blog/2020/06/29/)
    * [PIFuHD: Multi-Level Pixel-Aligned Implicit Function for High-Resolution 3D Human Digitization](https://shunsukesaito.github.io/PIFuHD/)
    * [Render Multimedia in Pure C « null program](https://nullprogram.com/blog/2017/11/03/)
    * [Stage.js - 2D JavaScript library for cross-platform HTML5 game development](http://piqnt.com/stage.js/)
    * [Substroke Design Dump](http://worrydream.com/substroke/)
    * [Stage.js - 2D JavaScript library for cross-platform HTML5 game development](https://piqnt.com/stage.js/)
    * [Substroke Design Dump](https://worrydream.com/substroke/)
    * [The Data Visualisation Catalogue](https://datavizcatalogue.com/index.html)
    * [WeHatePasswords](https://wehatepasswords.com) draw passwords as pixel art
    * https://mattdesl.svbtle.com/drawing-lines-is-hard
    * https://observablehq.com/@mattdesl/perceptually-smooth-multi-color-linear-gradients
    * https://shelly.dev
    * [WeHatePasswords](https://wehatepasswords.com) draw passwords as pixel art
  4. BriSeven revised this gist Nov 17, 2020. 1 changed file with 4 additions and 1 deletion.
    5 changes: 4 additions & 1 deletion graphics.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -8,7 +8,10 @@
    * [Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG](https://zzz.dog)
    * [3D Wireframes in SVG](https://prideout.net/blog/svg_wireframes/)
    * [The Next Dimension: 3D Transformations — Using SVG with CSS3 and HTML5 — Supplementary Material](https://oreillymedia.github.io/Using_SVG/extras/ch11-3d.html)

    * [escher inspired woodcut style](https://github.com/daeken/LumberSharp)
    * [seen.js lowpoly style](http://seenjs.io/index.html)
    * [scientific diagram style](http://sketch4latex.sourceforge.net/)

    ## svg

    * [Building Better Interfaces with SVG](http://slides.com/sarasoueidan/building-better-interfaces-with-svg#/24) #svg
  5. BriSeven revised this gist Nov 17, 2020. 1 changed file with 11 additions and 11 deletions.
    22 changes: 11 additions & 11 deletions graphics.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -1,14 +1,15 @@
    ## SVG
    # SVG

    # svg 3d
    [stylized vector art from 3d models pdf](https://hal.inria.fr/inria-00345295/PDF/clipartmesh.pdf) #3d #svg
    [GitHub - fogleman/ln: 3D line art engine.](https://github.com/fogleman/ln)
    [GitHub - matthiasak/3D-svg-model-viewer: Render objects and polygons in a 3D space with SVG.](https://github.com/matthiasak/3D-svg-model-viewer)
    [Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG](https://zzz.dog)
    [3D Wireframes in SVG](https://prideout.net/blog/svg_wireframes/)
    [The Next Dimension: 3D Transformations — Using SVG with CSS3 and HTML5 — Supplementary Material](https://oreillymedia.github.io/Using_SVG/extras/ch11-3d.html)
    ## svg 3d

    # svg
    * [stylized vector art from 3d models pdf](https://hal.inria.fr/inria-00345295/PDF/clipartmesh.pdf) #3d #svg
    * [GitHub - fogleman/ln: 3D line art engine.](https://github.com/fogleman/ln)
    * [GitHub - matthiasak/3D-svg-model-viewer: Render objects and polygons in a 3D space with SVG.](https://github.com/matthiasak/3D-svg-model-viewer)
    * [Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG](https://zzz.dog)
    * [3D Wireframes in SVG](https://prideout.net/blog/svg_wireframes/)
    * [The Next Dimension: 3D Transformations — Using SVG with CSS3 and HTML5 — Supplementary Material](https://oreillymedia.github.io/Using_SVG/extras/ch11-3d.html)

    ## svg

    * [Building Better Interfaces with SVG](http://slides.com/sarasoueidan/building-better-interfaces-with-svg#/24) #svg
    * [GitHub - yemount/pose-animator](https://github.com/yemount/pose-animator/) #svg
    @@ -25,11 +26,10 @@
    * [SVG.js v3.0 | Home](https://svgjs.com/docs/3.0/)
    * [Textures.js](https://riccardoscalco.it/textures/) make svg textures
    * [Drag (SVG Voronoi, Clipped) / D3 / Observable](https://observablehq.com/@d3/drag-svg-voronoi-clipped)
    * [GitHub - fogleman/ln: 3D line art engine.](https://github.com/fogleman/ln)
    * [GitHub - PonyCui/SVGAPlayer-SVG: Export AE animation as a standalone SVG file, can be play in any modern browsers.](https://github.com/PonyCui/SVGAPlayer-SVG)
    * [Shrink Me - Compress JPG, PNG, WEBP, and SVG Images](https://shrinkme.app/?s=e)

    ## Other
    # Other

    * [A Single Div](https://a.singlediv.com)
    * [Apparatus: A hybrid graphics editor and programming environment for creating interactive diagrams](http://aprt.us/)
  6. BriSeven revised this gist Nov 17, 2020. 1 changed file with 11 additions and 1 deletion.
    12 changes: 11 additions & 1 deletion graphics.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,15 @@
    ## SVG

    # svg 3d
    [stylized vector art from 3d models pdf](https://hal.inria.fr/inria-00345295/PDF/clipartmesh.pdf) #3d #svg
    [GitHub - fogleman/ln: 3D line art engine.](https://github.com/fogleman/ln)
    [GitHub - matthiasak/3D-svg-model-viewer: Render objects and polygons in a 3D space with SVG.](https://github.com/matthiasak/3D-svg-model-viewer)
    [Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG](https://zzz.dog)
    [3D Wireframes in SVG](https://prideout.net/blog/svg_wireframes/)
    [The Next Dimension: 3D Transformations — Using SVG with CSS3 and HTML5 — Supplementary Material](https://oreillymedia.github.io/Using_SVG/extras/ch11-3d.html)

    # svg

    * [Building Better Interfaces with SVG](http://slides.com/sarasoueidan/building-better-interfaces-with-svg#/24) #svg
    * [GitHub - yemount/pose-animator](https://github.com/yemount/pose-animator/) #svg
    * [Motion · Blog · Where are all the animated SVGs? · Animated SVG icon editor](https://www.getmotion.io/blog/where-are-all-the-animated-svgs/)
    @@ -14,7 +24,7 @@
    * [SVG Gradient Map Filter web tool](https://yoksel.github.io/svg-gradient-map/#/)
    * [SVG.js v3.0 | Home](https://svgjs.com/docs/3.0/)
    * [Textures.js](https://riccardoscalco.it/textures/) make svg textures
    * https://observablehq.com/@d3/drag-svg-voronoi-clipped
    * [Drag (SVG Voronoi, Clipped) / D3 / Observable](https://observablehq.com/@d3/drag-svg-voronoi-clipped)
    * [GitHub - fogleman/ln: 3D line art engine.](https://github.com/fogleman/ln)
    * [GitHub - PonyCui/SVGAPlayer-SVG: Export AE animation as a standalone SVG file, can be play in any modern browsers.](https://github.com/PonyCui/SVGAPlayer-SVG)
    * [Shrink Me - Compress JPG, PNG, WEBP, and SVG Images](https://shrinkme.app/?s=e)
  7. BriSeven revised this gist Nov 17, 2020. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion graphics.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -11,7 +11,6 @@
    * [The Best Way to Embed SVG on HTML (2020)](https://vecta.io/blog/best-way-to-embed-svg)
    * [Are you using SVG favicons yet? A guide for modern browsers.](https://medium.com/swlh/are-you-using-svg-favicons-yet-a-guide-for-modern-browsers-836a6aace3df) #gameframe
    * [GitHub - SimonKenyonShepard/mermaidjs-github-svg-generator: This project allows you to generate and render mermaidJS diagrams and automatically include them in github README files](https://github.com/SimonKenyonShepard/mermaidjs-github-svg-generator)
    * [SVG Color Filter Playground](https://kazzkiq.github.io/svg-color-filter/)
    * [SVG Gradient Map Filter web tool](https://yoksel.github.io/svg-gradient-map/#/)
    * [SVG.js v3.0 | Home](https://svgjs.com/docs/3.0/)
    * [Textures.js](https://riccardoscalco.it/textures/) make svg textures
  8. BriSeven revised this gist Nov 17, 2020. 1 changed file with 30 additions and 16 deletions.
    46 changes: 30 additions & 16 deletions graphics.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -1,26 +1,40 @@
    * [Introduction - Computer Graphics from scratch - Gabriel Gambetta](https://www.gabrielgambetta.com/computer-graphics-from-scratch/introduction.html)
    * [GitHub - fogleman/ln: 3D line art engine.](https://github.com/fogleman/ln)
    * [SVG has more potential - MadeByMike](https://www.madebymike.com.au/writing/svg-has-more-potential/) #svg #caligo
    ## SVG

    * [Building Better Interfaces with SVG](http://slides.com/sarasoueidan/building-better-interfaces-with-svg#/24) #svg
    * [GitHub - yemount/pose-animator](https://github.com/yemount/pose-animator/) #svg
    * [Motion · Blog · Where are all the animated SVGs? · Animated SVG icon editor](https://www.getmotion.io/blog/where-are-all-the-animated-svgs/)
    * [stylized vector art from 3d models pdf](https://hal.inria.fr/inria-00345295/PDF/clipartmesh.pdf) #3d #svg
    * [SVG can do THAT?!](http://slides.com/sdrasner/svg-can-do-that#/) #svg
    * [SVG Color Filter Playground](https://kazzkiq.github.io/svg-color-filter/)
    * [PIFuHD: Multi-Level Pixel-Aligned Implicit Function for High-Resolution 3D Human Digitization](https://shunsukesaito.github.io/PIFuHD/)
    * [SVG has more potential - MadeByMike](https://www.madebymike.com.au/writing/svg-has-more-potential/) #svg #caligo
    * [Textures.js](https://riccardoscalco.it/textures/) svgs textures
    * [stylized vector art from 3d models pdf](https://hal.inria.fr/inria-00345295/PDF/clipartmesh.pdf) #3d #svg
    * [Motion · Blog · Where are all the animated SVGs? · Animated SVG icon editor](https://www.getmotion.io/blog/where-are-all-the-animated-svgs/)
    * [Stage.js - 2D JavaScript library for cross-platform HTML5 game development](http://piqnt.com/stage.js/)
    * [The Best Way to Embed SVG on HTML (2020)](https://vecta.io/blog/best-way-to-embed-svg)
    * [Are you using SVG favicons yet? A guide for modern browsers.](https://medium.com/swlh/are-you-using-svg-favicons-yet-a-guide-for-modern-browsers-836a6aace3df) #gameframe
    * [GitHub - SimonKenyonShepard/mermaidjs-github-svg-generator: This project allows you to generate and render mermaidJS diagrams and automatically include them in github README files](https://github.com/SimonKenyonShepard/mermaidjs-github-svg-generator)
    * [SVG Color Filter Playground](https://kazzkiq.github.io/svg-color-filter/)
    * [SVG Gradient Map Filter web tool](https://yoksel.github.io/svg-gradient-map/#/)
    * [SVG.js v3.0 | Home](https://svgjs.com/docs/3.0/)
    * [Textures.js](https://riccardoscalco.it/textures/) make svg textures
    * https://observablehq.com/@d3/drag-svg-voronoi-clipped
    * [GitHub - fogleman/ln: 3D line art engine.](https://github.com/fogleman/ln)
    * [GitHub - PonyCui/SVGAPlayer-SVG: Export AE animation as a standalone SVG file, can be play in any modern browsers.](https://github.com/PonyCui/SVGAPlayer-SVG)
    * [Shrink Me - Compress JPG, PNG, WEBP, and SVG Images](https://shrinkme.app/?s=e)

    ## Other

    * [A Single Div](https://a.singlediv.com)
    * [Apparatus: A hybrid graphics editor and programming environment for creating interactive diagrams](http://aprt.us/)
    * [How we learned to draw text on HTML5 Canvas - Miro Engineering - Medium](https://medium.com/miro-engineering/how-we-learned-to-draw-text-on-html5-canvas-9f5613e64f5) #css #canvas #html5 #javascript
    * [Introduction - Computer Graphics from scratch - Gabriel Gambetta](https://www.gabrielgambetta.com/computer-graphics-from-scratch/introduction.html)
    * [Lights and Shadows – Bartosz Ciechanowski](https://ciechanow.ski/lights-and-shadows/)
    * [LOOPY: a tool for thinking in systems](https://ncase.me/loopy/)
    * [Netpbm Animation Showcase « null program](https://nullprogram.com/blog/2020/06/29/)
    * [PIFuHD: Multi-Level Pixel-Aligned Implicit Function for High-Resolution 3D Human Digitization](https://shunsukesaito.github.io/PIFuHD/)
    * [Render Multimedia in Pure C « null program](https://nullprogram.com/blog/2017/11/03/)
    * [Stage.js - 2D JavaScript library for cross-platform HTML5 game development](http://piqnt.com/stage.js/)
    * [Substroke Design Dump](http://worrydream.com/substroke/)
    * [The Data Visualisation Catalogue](https://datavizcatalogue.com/index.html)
    * [The Best Way to Embed SVG on HTML (2020)](https://vecta.io/blog/best-way-to-embed-svg)
    * [WeHatePasswords](https://wehatepasswords.com) draw passwords as pixel art
    * https://mattdesl.svbtle.com/drawing-lines-is-hard
    * [A Single Div](https://a.singlediv.com)
    * [Substroke Design Dump](http://worrydream.com/substroke/)
    * https://observablehq.com/@mattdesl/perceptually-smooth-multi-color-linear-gradients
    * https://shelly.dev
    * [WeHatePasswords](https://wehatepasswords.com) draw passwords as pixel art
    * [LOOPY: a tool for thinking in systems](https://ncase.me/loopy/)
    * [Lights and Shadows – Bartosz Ciechanowski](https://ciechanow.ski/lights-and-shadows/)
    * [Apparatus: A hybrid graphics editor and programming environment for creating interactive diagrams](http://aprt.us/)
    * [How we learned to draw text on HTML5 Canvas - Miro Engineering - Medium](https://medium.com/miro-engineering/how-we-learned-to-draw-text-on-html5-canvas-9f5613e64f5) #css #canvas #html5 #javascript
    * https://shelly.dev
  9. BriSeven created this gist Nov 13, 2020.
    26 changes: 26 additions & 0 deletions graphics.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,26 @@
    * [Introduction - Computer Graphics from scratch - Gabriel Gambetta](https://www.gabrielgambetta.com/computer-graphics-from-scratch/introduction.html)
    * [GitHub - fogleman/ln: 3D line art engine.](https://github.com/fogleman/ln)
    * [SVG has more potential - MadeByMike](https://www.madebymike.com.au/writing/svg-has-more-potential/) #svg #caligo
    * [Building Better Interfaces with SVG](http://slides.com/sarasoueidan/building-better-interfaces-with-svg#/24) #svg
    * [GitHub - yemount/pose-animator](https://github.com/yemount/pose-animator/) #svg
    * [SVG can do THAT?!](http://slides.com/sdrasner/svg-can-do-that#/) #svg
    * [SVG Color Filter Playground](https://kazzkiq.github.io/svg-color-filter/)
    * [PIFuHD: Multi-Level Pixel-Aligned Implicit Function for High-Resolution 3D Human Digitization](https://shunsukesaito.github.io/PIFuHD/)
    * [Textures.js](https://riccardoscalco.it/textures/) svgs textures
    * [stylized vector art from 3d models pdf](https://hal.inria.fr/inria-00345295/PDF/clipartmesh.pdf) #3d #svg
    * [Motion · Blog · Where are all the animated SVGs? · Animated SVG icon editor](https://www.getmotion.io/blog/where-are-all-the-animated-svgs/)
    * [Stage.js - 2D JavaScript library for cross-platform HTML5 game development](http://piqnt.com/stage.js/)
    * [Netpbm Animation Showcase « null program](https://nullprogram.com/blog/2020/06/29/)
    * [Render Multimedia in Pure C « null program](https://nullprogram.com/blog/2017/11/03/)
    * [The Data Visualisation Catalogue](https://datavizcatalogue.com/index.html)
    * [The Best Way to Embed SVG on HTML (2020)](https://vecta.io/blog/best-way-to-embed-svg)
    * https://mattdesl.svbtle.com/drawing-lines-is-hard
    * [A Single Div](https://a.singlediv.com)
    * [Substroke Design Dump](http://worrydream.com/substroke/)
    * https://observablehq.com/@mattdesl/perceptually-smooth-multi-color-linear-gradients
    * https://shelly.dev
    * [WeHatePasswords](https://wehatepasswords.com) draw passwords as pixel art
    * [LOOPY: a tool for thinking in systems](https://ncase.me/loopy/)
    * [Lights and Shadows – Bartosz Ciechanowski](https://ciechanow.ski/lights-and-shadows/)
    * [Apparatus: A hybrid graphics editor and programming environment for creating interactive diagrams](http://aprt.us/)
    * [How we learned to draw text on HTML5 Canvas - Miro Engineering - Medium](https://medium.com/miro-engineering/how-we-learned-to-draw-text-on-html5-canvas-9f5613e64f5) #css #canvas #html5 #javascript