Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Posts

  • Joined

  • Last visited

About fripi

  • Birthday 03/27/1978

Contact Methods

Profile Information

  • Gender

Recent Profile Visitors

3,366 profile views
  1. They really listen and act quickly, I asked for an update 2 days ago and it's done, 3.8.0 time to update your templates 😁 <script src="https://s0.2mdn.net/ads/studio/cached_libs/cssruleplugin_3.8.0_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/draggable_3.8.0_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/easelplugin_3.8.0_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/easepack_3.8.0_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/gsap_3.8.0_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/motionpathplugin_3.8.0_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/pixiplugin_3.8.0_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/scrolltoplugin_3.8.0_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/scrolltrigger_3.8.0_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/textplugin_3.8.0_min.js"></script>
  2. Oh great thanks! Never heard of that keyword, again I learn something very useful ! Now that's exactly what I was trying to do
  3. Hi, I was searching for almost exactly that, but I don't understand why 2 splits ? And also I'm trying to figure out ow to limit the width of the line divs to the content exactly, so I did a fork of your pen : https://codepen.io/fripi/pen/ZEJPPJq And starting from that point I try to have the div (with overflow:hidden;) to stop at the red lines, now they all stop at the blue one. I tried things like like .lineChild{width:auto;} but can't figure out if it is possible... The idea is that de text appears from the bottom or left side and then moves out to the right but disappears directly at the green bars, not further. Have a nice day
  4. Kind of what I did here no ? var adW = 970/2, adH = 600/2, ads = document.getElementsByClassName("stroke"); for (var i = 0; i < ads.length; i++) { var element = ads.item(i); var positionInfo = element.getBoundingClientRect(); var height = positionInfo.height; var width = positionInfo.width; gsap.set(element,{x:adW-width/2, y:adH-height/2}) } must search what getBBox is, thanks
  5. Yes thanks and oops sorry I got a little out of scope here
  6. Thank you @Cassie I indeed added a random stagger, not sure it's all random but it's a start in the effect I was looking for. Regarding the center, nom all rectangles are alignes to top left, I would like to have them all in the center. I just centered them but it's not a very clean code, each position is done one by one by entering fix values, I would like to know if that can be done in a more efficient way
  7. Hi everyone, I'm just starting with svg and am a little lost; I just did those squares you can see in my pen now I have serveral questions: how can I center all those, is there an easy way or must I place them one by one in the global div of 970x600px ? once centered I would like to just trace one, the first, and then morph from one to each other, but did I defined the svg well to do that? or must i do separated svgs? another idea while I learn would be to trace them all like now, but then to illuminate (change the fill alpha in yoyo ?) randomly those rectangles. So yes I know a lot of questions in one time, trying to learn making svg, drawing and morphing 😅 Thanks for your time
  8. fripi

    Tween around circle

    WOW thank you all, I'll study all those codes the coming days, it goes much deeper than what I need but always interesting to learn some tricks
  9. fripi

    Tween around circle

    This is more like it... I found a formula, it's not perfect yet, external circles aren't perfectly aligned to central one also their distance to the center isn't "responsive" https://codepen.io/fripi/pen/NWgpggK
  10. fripi

    Tween around circle

    no I think I don't need a bezier here, I need to place several divs around one central element, but they don't need to turn around, now I'm searchin for the math behind placing elements on a circle, rotation isn't a good option because the content must remain readable and horizontal. The screenshot in my first post shows what I try to do
  11. fripi

    Tween around circle

    Thank you, but the array was a bezier curve, and the circles where positioning on it
  12. fripi

    Tween around circle

    Hi guys, this a very old topic, now bezier is motionpath, tweenmax is gsap... and I can't figure out how to translate all this to gsap 3 😶 What I try to do is this, I would like to make an intro animation and make the outer circles come one by one from behind the compas, that should be OK if I could place everything in a circle first, as I don't know the final size of the animation it should be responsive. I did a pen but as soon as I uncomment "location" var everything goes blanc "(index):7376 crbug/1173575, non-JS module files deprecated." https://codepen.io/fripi/pen/qBjraYz Any idea ?
  13. Sorry I hadn't much time last weeks to give a detailed answer, thanks @Web Dizajner for doing so In the header section you can also call gsap and others libs, you can see all the google hosted libraries here: https://support.google.com/richmedia/answer/6307288?hl=en I usually always call those 2: <script src="https://s0.2mdn.net/ads/studio/cached_libs/easelplugin_3.5.1_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/gsap_3.5.1_min.js"></script>
  14. Indeed That's what I tried but there are always new errors and it doesn't seem to overwrite what is done in the private function so... Just making a search replace in all files before delivery with sublime text is much faster
  15. Great, thank you, seems indeed to work well ! But I really don't see how to fix that in a template, I thought that replacing "$RESP_HIDPI" with a part of the exported code could work but that changes nothing... well I can still make a batch "search/replace" after