glur
BezierInfo-2
glur | BezierInfo-2 | |
---|---|---|
2 | 20 | |
68 | 2,274 | |
- | - | |
10.0 | 5.0 | |
about 8 years ago | 3 months ago | |
JavaScript | HTML | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
glur
-
I made a parallax website using PixiJS and Vue!
The fastest 2d (non-GPU) Gaussian blur "algorithm" I've come across was developed by some extremely clever Intel people and ported to Javascript in this GitHub repo. The whole separable convolutional image filters thing is a fascinating topic, even though a lot of it is beyond my mathematical understanding.
-
It's always been you, Canvas2D
> We would really rather people use WebGL if you want fast/efficient filters.
This one made me laugh. Yes, WebGL excels at pixel manipulations but it is possible to write fast and efficient filters to work in the 2D canvas environment.
For a case-in-point, I struggled for a long time to find a decent, fast implementation of a gaussian blur filter for my canvas library. Then I stumbled upon a JS implementation[1] based on some very clever work done by Intel devs which blew all my previous attempts out of the water - so of course I stole it (even though I still don't understand the approach they take)[2].
> "Safari is the bad guy"
As much as Safari often brings me to despair, I do like the work they've recently done to add color space support in CSS. They haven't yet pushed the functionality over to the canvas element, but I live in hope. For now, I have to emulate the calculations to get them working for my library[3].
[1] - https://github.com/nodeca/glur/blob/master/index.js
[2] - https://scrawl-v8.rikweb.org.uk/docs/source/factory/filterEn...
[3] - https://scrawl-v8.rikweb.org.uk/demo/canvas-059.html
BezierInfo-2
- Flattening Bézier Curves and Arcs
-
Solution needed
For the bezier you need 4 control points via a click, then evaluate using lerps (or basis functions). Start here https://pomax.github.io/bezierinfo/
-
Hexagonal Grids
> How to pack geometric shapes inside other shapes https://erich-friedman.github.io/packing/
Packing / bin-packing is very serious stuff: savings made there directly translate to less waste / reduced costs (for example when cutting shapes into sheets of metal in big factories).
> * Amazing reference on bezier curves https://pomax.github.io/bezierinfo/
And some beautiful graphs in there, notably those under section 26 "Curvature of a curve". Screenshot'ed for my own collection of good looking stuff!
-
Visualization of Common Algorithms
https://pomax.github.io/bezierinfo/#explanation
A visual overview of commonly used creative coding related techniques and algorithms.
- A Primer on Bézier Curves
-
Text Rendering Hates You
I wrote an openGL font renderer once, it was a lot of fun. Bezier curves are such an elegant technique. The difference between what I wrote and what you'd use in a proper environment is pretty big, but I recommend it sometime.
Fonts are pretty much just third or fourth degree beziers, iirc (i may have my terminology wrong). Try it out sometime, I did mine using tessellation shaders.
Btw, you'll never find a better guide on beziers than here:
https://pomax.github.io/bezierinfo/
-
How to get the smoothness of a cubic Bezier curve in Apache Commons math3.
Alternatively you can use the equation of a cubic Bézier curve to do the computations yourself. This website offers great explanations and examples of the math behind Bézier curves: https://pomax.github.io/bezierinfo/
-
[Media] I'm making a new open source font editor with gtk-rs. I just managed to make non-linear curves with my Bézier path tool for the first time!
Btw, for Bezier math this is a great resource: https://pomax.github.io/bezierinfo/
- Transforming a parametric equation into explicit equation
- Linii bezier cu coliziune
What are some alternatives?
design-reviews - W3C specs and API reviews
BezierCurveTool2.0
canvas2D - Update Canvas 2D API
CAM6 - Cellular Automata Machine (CAM6) Simulator
GoJS, a JavaScript Library for HTML Diagrams - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
bezmouse - Simulate human mouse movements with xdotool
Chart.js - Simple HTML5 Charts using the <canvas> tag
spiral_cube - How to convert between spiral and cube hexagonal coordinate systems
SoftwareRenderer - Software rendering engine with PBR. Built from scratch on C++.
uPlot - 📈 A small, fast chart for time series, lines, areas, ohlc & bars
Skia - Skia is a complete 2D graphic library for drawing Text, Geometries, and Images.