Lmst

If it looks great but lags – it’s broken.

Just optimized this button explosion effect, slashing latency from 700ms to <30ms using WebGL pre-rendering. 👌🏻

Mental state: 75% frustrated, 100% in love with Three.js and GSAP.

#Frontend #WebDevelopment #JuniorDev
#threejs #gsap3 #react #typescript

https://github.com/kolonatalie/particle-button-effect

The #webgazerjs demo is now online. Inspired by #burntpeanut #arcriders clips. https://pl4n3.github.io/test/cam/webgazer/www/collisionPl.html 😀 #threejs #javascript

The #TriKitFramework is a mixture of:

1) threeJS (as the foundational 3D library)
2) Blender (3D models/rigs/animation)
3) Custom/modular javascript components (and other common libraries which are supported - like Cannon-es or Rapier for physics) which tie it all together
#javascript #b3d #threeJS

Decided to make a logo/name for the framework I have been putting together (and have now been using) since sometime around 2022.

Introducing my threeJS 'TriKit Framework'!
#threejs #TriKitFramework

A096777: a(n) = a(n-1) + Sum_{k=1..n-1}(a(k) mod 2), a(1) = 1

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A096777.html
3D graph Gen, threejs animation ➡️ https://decompwlj.com/3DgraphGen/A096777.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A096777.html

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research

Decomposition into weight × level + jump of A096777 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))

Decomposition into weight × level + jump of A096777 in 2D (log(weight), log(level))

A096526: Initial values for f(x)=phi(sigma(x)) such that iteration of f ends in a cycle of length 4

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A096526.html
3D graph Gen, threejs animation ➡️ https://decompwlj.com/3DgraphGen/A096526.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A096526.html

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research

Decomposition into weight × level + jump of A096526 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))

Decomposition into weight × level + jump of A096526 in 2D (log(weight), log(level))

Yo #spacemouse #threejs frens! Anyone know of a way to interface the 3DConnexion Space Mouse to ThreeJS ?

A096246: Base-2 deletable primes (written in base 10)

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A096246.html
3D graph Gen, threejs animation ➡️ https://decompwlj.com/3DgraphGen/A096246.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A096246.html

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research

Decomposition into weight × level + jump of A096246 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))

Decomposition into weight × level + jump of A096246 in 2D (log(weight), log(level))

A095954: Initial values for f(x)=phi(sigma(x)) such that iteration of f ends in a cycle of length 6

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A095954.html
3D graph Gen, threejs animation ➡️ https://decompwlj.com/3DgraphGen/A095954.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A095954.html

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research

Decomposition into weight × level + jump of A095954 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))

Decomposition into weight × level + jump of A095954 in 2D (log(weight), log(level))

Now this animation is available for the 1000 sequences decomposed on my website.
Accessible from the 3Dgraph, 2Dgraph500terms and 2dgraphs pages ➡️ https://decompwlj.com
A little more work on axis sizing and controls.

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research

4: The palindromes in base 10 (A002113) ➡️ https://decompwlj.com/3DgraphGen/Palindromes.html

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research

3: The triangular numbers (A000217) ➡️ https://decompwlj.com/3DgraphGen/Triangular_numbers.html

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research

2: The prime numbers (A000040) ➡️ https://decompwlj.com/3DgraphGen/Prime_numbers.html

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research

Generation of four sequences decomposed into weight × level + jump (log(weight), log(level), log(jump)) - three.js animation:
🧵⬇️

1: The natural numbers (A000027) ➡️ https://decompwlj.com/3DgraphGen/Natural_numbers.html

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research

Decomposition into weight × level + jump of prime numbers:
- a new classification of primes ➡️ https://decompwlj.com/primedecomp.php
- in 3D - threejs - webGL ➡️ https://decompwlj.com/3Dgraph/Prime_numbers.html

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research

Decomposition into weight × level + jump of prime numbers: in 2D with sequences on the OEIS: a new classification of primes

Decomposition into weight × level + jump of prime numbers in 3D (log(weight), log(level), log(jump)) - threejs - webGL

A095953: Initial values for f(x) = phi(sigma(x)) such that iteration of f ends in a cycle of length 3

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A095953.html
3D graph Gen, threejs animation ➡️ https://decompwlj.com/3DgraphGen/A095953.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A095953.html

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research

Decomposition into weight × level + jump of A095953 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))

Decomposition into weight × level + jump of A095953 in 2D (log(weight), log(level))

A095301: Numbers n such that there is some k < n with n*sigma(k) = k*sigma(n)

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A095301.html
3D graph Gen, threejs animation ➡️ https://decompwlj.com/3DgraphGen/A095301.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A095301.html

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research

Decomposition into weight × level + jump of A095301 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))

Decomposition into weight × level + jump of A095301 in 2D (log(weight), log(level))

Doing experiments with webcam, #webgazerjs and #threejs.😀

Decomposition into weight × level + jump of prime numbers in 3D, threejs - webGL (log(weight), log(level), log(jump))
➡️ https://decompwlj.com/3Dgraph/Prime_numbers.html

#decompwlj #math #mathematics #maths #sequence #OEIS #JavaScript #php #graph #3D #threejs #webGL #triangular #numbers #primes #PrimeNumbers #palindromes #animation #FundamentalTheoremOfArithmetic #sequences #NumberTheory #classification #integer #decomposition #number #theory #equation #graphs #sieve #fundamental #theorem #arithmetic #research