curtainsjs
two.js
curtainsjs | two.js | |
---|---|---|
3 | 8 | |
1,610 | 8,190 | |
- | - | |
2.7 | 8.1 | |
9 days ago | about 1 month ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
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.
curtainsjs
-
How to recreate this animated background with distortion effect?
If you're purely wanting to add a shader effect then as a newcomer to the shader world I'd recommend curtainsjs as an easy way to add custom shaders without the hassle of having to deal with low level WebGL setup stuff. They even have a similar example with the mouse distortion effect where the code is much more readable and well commented with another codepen by the creator of curtains which has a more similar mouse flow effect that could be repurposed to be a post effect shader and distort the output of a gradient shader.
-
Web Effect
Curtainsjs - Lightweight vanilla WebGL JavaScript library that turns HTML DOM elements into interactive textured planes.
two.js
-
Show HN: A JavaScript library for data visualization in both SVG and Canvas
> DOM-like event bubbling
This does sound very interesting. I started playing with https://two.js.org/ for a browser game but the event system proved a challange. The typescript focus also looks promising. Will give it a try.
- Ask HN: Tips to get started on my own server
-
Trying to build a front end interactive browser or app experience where touch to screen simulates a visual heat map.
Javascript touch events paired with WebGL would be the route Iād go. There are some really great libraries for WebGL (twojs) or working with SVG (mojs) if you want to keep it simple
-
which technology or framework is used to create geometry-draggable canvas like this?
Two.js - example
- [AskJS] What is the best canvas library to make an app like figma or integromat?
-
[Showoff Saturday] My huge resources collection for web developers just hit over 500 hand-picked links! I bet you'll find *at least* one thing that improves your work day. š§°
Two.
-
[AskJS] Where are simple 2D/3D non-Geo, non-fancy libraries to be found ?!
Easel, Fabric, Konva, Mesh, P5, Paper, Pencil, Pixi, Pts, Scrawl-canvas, Three, Two.
-
Web Effect
Two.js - A renderer agnostic two-dimensional drawing api for the web with animation support.
What are some alternatives?
shader-web-background - Displays GLSL fragment shaders as a website background. Supports offscreen buffers and floating point textures on almost any browser and hardware. Compatible with Shadertoy.
paper.js - The Swiss Army Knife of Vector Graphics Scripting ā Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey
framer/motion - Open source, production-ready animation and gesture library for React
p5.js - p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs ā
THREE.MeshLine - Mesh replacement for THREE.Line
svg.js - The lightweight library for manipulating and animating SVG
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
particles-bg - React particles animation background component
fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
tsParticles - tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
three.js - JavaScript 3D Library.