muuri — https://muuri.dev/
Muuri creates responsive, sortable, filterable and draggable layouts. Comparing to what's out there Muuri is a combination of Packery, Masonry, Isotope and Sortable.
~
Video or audio on the web
https://vidstack.io/
https://plyr.io/
https://videojs.com/getting-started/
••••••••••••••••••••••
2025
•
GSAP https://gsap.com/
Motion. https://motion.dev/
•
••••••••••••••••••••••
2022?
•
SOURCE
https://bashooka.com/coding/10-best-javascript-scrolling-animation-plugins/
https://bashooka.com/coding/10-best-parallax-javascript-libraries-2022/
••••••••••••••••••••••
REF
https://www.redis.agency/
••••••••••••••••••••••
LIBS SCROLL & ANIMATION
https://lenis.studiofreight.com/
http://scrollmagic.io/
https://github.com/codrops/MorphingBackgroundShapes/
https://tympanus.net/Development/MorphingBackgroundShapes/index2.html
https://tsuyoshiwada.github.io/sweet-scroll/vertical-horizontal.html
http://michalsnik.github.io/aos/
https://terwanerik.github.io/ScrollTrigger/
http://callmecavs.com/jump.js/
https://mciastek.github.io/sal/
https://locomotivemtl.github.io/locomotive-scroll/
https://mamunhpath.github.io/josh.js/
https://diegoversiani.me/smooth-parallax/
https://min30327.github.io/luxy.js/
https://chriscavs.github.io/rallax-demo/
https://github.com/munrocket/parallax-effect
https://alexfox.dev/lax.js/
https://yitengjun.github.io/ukiyo-js/
https://alexcambose.ro/motus/#/demos/svg
https://rolly.maj.digital/
https://atroposjs.com/docs
••••••••••••••••••••••
LIBS GIROSCOPE
https://trekhleb.dev/blog/2021/gyro-web/
https://sensor-js.xyz/demo.html
Action list:
– download plainkit
– add assets and site/... folders from ap-webutilities
– run on localhost
– add users
– install license
Perlin noise is a type of random, yet smooth, noise that can be easily generated using a particular algorithm.
Before delving into the steps to generate Perlin noise, let's inspect the output.
{
'100': 'Continue',
'101': 'Switching Protocols',
'102': 'Processing',
'103': 'Early Hints',
'200': 'OK',
'201': 'Created',
'202': 'Accepted',
'203': 'Non-Authoritative Information',
'204': 'No Content',
'205': 'Reset Content',
'206': 'Partial Content',
'207': 'Multi-Status',
'208': 'Already Reported',
'226': 'IM Used',
'300': 'Multiple Choices',
'301': 'Moved Permanently',
'302': 'Found',
'303': 'See Other',
'304': 'Not Modified',
'305': 'Use Proxy',
'307': 'Temporary Redirect',
'308': 'Permanent Redirect',
'400': 'Bad Request',
'401': 'Unauthorized',
'402': 'Payment Required',
'403': 'Forbidden',
'404': 'Not Found',
'405': 'Method Not Allowed',
'406': 'Not Acceptable',
'407': 'Proxy Authentication Required',
'408': 'Request Timeout',
'409': 'Conflict',
'410': 'Gone',
'411': 'Length Required',
'412': 'Precondition Failed',
'413': 'Payload Too Large',
'414': 'URI Too Long',
'415': 'Unsupported Media Type',
'416': 'Range Not Satisfiable',
'417': 'Expectation Failed',
'418': "I'm a Teapot",
'421': 'Misdirected Request',
'422': 'Unprocessable Entity',
'423': 'Locked',
'424': 'Failed Dependency',
'425': 'Too Early',
'426': 'Upgrade Required',
'428': 'Precondition Required',
'429': 'Too Many Requests',
'431': 'Request Header Fields Too Large',
'451': 'Unavailable For Legal Reasons',
'500': 'Internal Server Error',
'501': 'Not Implemented',
'502': 'Bad Gateway',
'503': 'Service Unavailable',
'504': 'Gateway Timeout',
'505': 'HTTP Version Not Supported',
'506': 'Variant Also Negotiates',
'507': 'Insufficient Storage',
'508': 'Loop Detected',
'509': 'Bandwidth Limit Exceeded',
'510': 'Not Extended',
'511': 'Network Authentication Required'
}
For HOC project w/ Umanesimo Artificiale / TRI
3D
three.js – example of detailed model
PlayCanvas (Gaming) – https://playcanvas.com
—
2D
Pixi.js (Gaming)
Matter.js (2D physics engine) – https://brm.io/matter-js/
loading…
Show more items