Jump to content
GreenSock

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

apploud

ShockinglyGreen
  • Posts

    4
  • Joined

  • Last visited

Posts posted by apploud

  1. I read every topic about angular and webpack but I can't still solve the issue - how to use Pro functions in angular

     

    I have downloaded this repository https://github.com/AngularClass/angular-starter

     

    then I created private npm package called 'my-business-gsap' (in a folder on the desktop by npm init - and fill only necessary fields)

     

    I copied files from common-js plus folders 'minified' and 'uncompressed'

     

    then I went back to project and add my private package by npm install "path to folder"

     

    I added folder with gsap typescript definitions and wrote reference to custom-typings.d.ts


    And If I want to use it, I have to add it part by part like that (simple - import 'my-business-gsap' not working)

     

    import { Component, OnInit }from '@angular/core';
    
    import { TweenMax } from 'my-business-gsap'
    import { EasePack } from 'my-business-gsap'
    import { TimelineMax } from 'my-business-gsap'
    import { CustomEase } from 'my-business-gsap'
    
    import $ from "jquery";
    
    @Component({
      selector: 'home'
      templateUrl: './home.component.html'
    })
    export class HomeComponent implements OnInit {
     
      constructor() {}
    
      public ngOnInit() {
          var element = $("#coin > div");
          
          var timeline = new TimelineMax({ repeatDelay: 1.2, repeat: -1, yoyo: false });
          timeline
            .to(element, 0, { rotation: 1 })
            //.. more code...
            .staggerTo(element, 1.5, { rotation: -1260, ease: CustomEase.create("custom", "M0,0 C0.126,0.382 0.332,0.678 0.654,0.808 0.819,0.875 0.88,0.874 1,1") }, .06)
            //.. more code...
    
      }
    }

     

     Simple Tweens or Timelines are ok but things like CustomEase... is possible to compile but in chrome its throw message 

    core.es5.js:1084 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'create' of undefined

     

     

    CustomEase is undefined

     

    Is there somebody who could help me, please? 

     

     

×