Jump to content
GreenSock

AndresSp

ShockinglyGreen
  • Posts

    9
  • Joined

  • Last visited

Posts posted by AndresSp

  1. well .. I am using nuxt.js
    It's a fresh nuxt.js installation with tailwindCSS, follow my steps:
    npx create-nuxt-app test-nuxt

    • Project name: test-nuxt
    • Javascript
    • Yarn
    • TailwindCSS
    • PWA and Content
    • Prettier
    • None
    • Universal (SSR/SSG)
    • Static
    • jsconfig.json
    • Github Actions
    • (Username)
    • Git

     

    I update tailwindCSS with: yarn add --dev tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

    I include .npmrc with the instructions

    yarn add gsap@npm:@gsap/shockingly  (ERROR)

    Try with npm ... It works .... 

    That's it ...

    I gave up with yarn but sure as you know, I prefer to use only one package manager

     

     

    Screen Shot 2021-01-16 at 3.10.48 PM.png

    • Like 1
  2. Someone help me with this error please

    Yarn version:
    1.22.10
     
    Node version:
    14.15.4
     
    Platform:
    darwin x64
     
    Trace:
    Error: http://npm.greensock.com/@gsap%2fshockingly/-/gsap-3.6.0.tgz: Request failed "403 Forbidden"
    at ResponseError.ExtendableBuiltin (/usr/local/Cellar/yarn/1.22.10/libexec/lib/cli.js:696:66)
    at new ResponseError (/usr/local/Cellar/yarn/1.22.10/libexec/lib/cli.js:802:124)
    at Request.<anonymous> (/usr/local/Cellar/yarn/1.22.10/libexec/lib/cli.js:67058:16)
    at Request.emit (events.js:315:20)
    at Request.module.exports.Request.onRequestResponse (/usr/local/Cellar/yarn/1.22.10/libexec/lib/cli.js:141626:10)
    at ClientRequest.emit (events.js:315:20)
    at HTTPParser.parserOnIncomingClient (_http_client.js:641:27)
    at HTTPParser.parserOnHeadersComplete (_http_common.js:126:17)
    at TLSSocket.socketOnData (_http_client.js:509:22)
    at TLSSocket.emit (events.js:315:20)
     
     

    Screen Shot 2021-01-16 at 7.48.21 AM.png

    • Like 2
  3. It's posible to wrap multiple tweens as an effect, no just one? 

    For example: 

    gsap.registerEffect({
            name: 'decodeWord',
            effect: (targets, config) => {
              gsap.set(targets, {
                color: 'white',
                textShadow: `0 0 0`
              });
              gsap.to(targets, {
                duration: 1,
                opacity: 1,
                scrambleText: {
                  text: config.newText, 
                  chars:'lowerCase', 
                  revealDelay: 1, 
                  tweenLength:false 
                  },
              })
    
                return gsap
            },
            defaults: {}, //defaults get applied to any "config" object passed to the effect
            extendTimeline: true, //now you can call the effect directly on any GSAP timeline to have the result immediately inserted in the position you define (default is sequenced at the end)
          })

     

×