benoit
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by benoit
-
-
Perlin Noise
in GSAP
Macos last, Mac Mini. Chrome or Brave Firefox better.
-
Perlin Noise
in GSAP
-
Perlin Noise
in GSAP
Hi,
I use this script to get Perlin Noise
https://gist.github.com/Demonstrandum/4dcebc41e54961abd0b0a1b0ecfdd97d
gsap modifiers and stagger (and the pixijs in real).
If you run many times the codepen, something a circle not really follow the first.
Any suggestion?
See the Pen OJNvvgg by benoitwimart (@benoitwimart) on CodePen
-
Yes !
-
Hi,
Close, but don't find how to get the length of a motionPath.const rawPath = MotionPathPlugin.arrayToRawPath([{x:0,y:10},{x:50,y:1000}], {curviness:2}); const d = MotionPathPlugin.rawPathToString(rawPath); console.log(DrawSVGPlugin.getLength(d)); // hum
-
Maybe MotionPath & Pixi (I remember a codepen by Osublake).
-
Hi,
Is it possible to use pixi and modifiers plugins and how to ?
See the Pen bGErpxY by benoitwimart (@benoitwimart) on CodePen
-
So http://pixijs.download/release/docs/PIXI.Spritesheet.html and… any example ?
I don't want to animate my particule. -
Hi,
No cross-origin problem (screenshot).
for(let i = 0;i<50;i++){ let man = new PIXI.Sprite(texture[1]); // bubble man.anchor.set(0.5, 0.5); sprites.addChild(man); } // problem for(let i = 0;i<50;i++){ let sman = new PIXI.Sprite(texture[0]); // gsap man #fail sman.anchor.set(0.5, 0.5); sprites.addChild(sman); }
See the Pen ZEQLGzg by benoitwimart (@benoitwimart) on CodePen
-
Hi,
Really easy to use PixiJS with TL, but do you know if I can use ParticleContainer with more image (png/svg/…) or I just need to create another ParticleContainer ?See the Pen QWydWpK by benoitwimart (@benoitwimart) on CodePen
-
Thank you ! of course @OSUblake I will check !
No question for now, just like to start from the right way
-
Hi,
I know GSAP and SVG, GSAP and HTML, but now I would like to explore GSAP and Pixi.
PixijS examples are more about the power of Pixi than the power of GSAP like timeline (works great), stagger (yes!), draggable (not testing yet).
Any ressources ?
-
Just playing with math, design, shapes and an input range.
I make many css transforms and I use wrap (yoyo).gsap.utils.wrapYoyo(0, 0 /* the value from my range between 0 and 100 */, x )
Return a NaN not sound like give me a wrap number between x and y.
gsap.utils.random(0,0) // 0 ;¬)
Just to make sense
-
Hi,
I use a Yoyo wrap on a slide and may be if it's 0, return a 0 could be great
But I am OK, if this is a good idea to return a NaN
gsap.utils.wrapYoyo(0, 0, x )
-
Thank you!
@ZachSaucier Sound is too high for all letters ?
I think I can fix-it with ToneJS
I made a post in french about my code :
https://jenseign.com/typotap-1/ -
Hi,
No questionI've just finish this project (26 letters / 26 days of confinement).
99% GSAP + SVG ❤️Enjoy !
- 3
-
Adding this in CSS and .ddd3 doesn't display. What's the trick ?
transform-origin:600px 200px;
-
I try something with blend-mode, z-index…
See the Pen abzXKpZ by benoitwimart (@benoitwimart) on CodePen
- 1
-
This is a new feature in GSAP3. No more _gsTransform.
QuoteWhat old code will definitely break?
- Anything that references _gsTransform (use the new gsap.getProperty() method instead)
- 2
-
Hi,
I don't understand why the green element is not at the same position, like `.ddd2` (CSS orange).
What's wrong ?See the Pen vYEQLBx by benoitwimart (@benoitwimart) on CodePen
-
'5.7777 1.33 8.333333333'.replace(/(?<=\.\d\d)\d+/g,'')
Like this
- 1
-
I know, I love and I use but doing a SVGOMG then a stringToPath and stringToRawPath make my path longer…
-
Hi,
Any shortcut to reduce precision ? Like
C51.13333,85.23333… -> C51.13,85.23
-
Oh, good !
Perlin Noise
in GSAP
Posted
Slow computer 😕