Jump to content
GreenSock

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

drag and emitter...

Recommended Posts

Hello,  

This is what i want to achieve: 

 

 the user should tap the object, and on drag, the behind object should emit some particles (let's say 25) and after emmision to  load another canvas over it.

 

How doable is it? Can you point me in the right direction on what do i need to use?

 

I will add a codepen as soon i get pointed into some direction on what libraries should i use or if you have any examples i can inspire from, even better! 

 

Nexie

 

 

Link to comment
Share on other sites

Hi and welcome to the GreenSock forums,

 

I don't think anything you mentioned is impossible. However there is quite a bit involved in building something like that. 

Best thing to do is start small and get a handle on the core GSAP API. Start with the Jump Start: http://greensock.com/jump-start-js

Our advice in the forums is much more focused on how to use key features of the API, and not so much advising on how to build larger or more complex projects from scratch. We just simply don't have the time.

 

Below are some demos that use DOM particles. Might help you get an idea of how things might look in your app.

 

http://codepen.io/GreenSock/pen/nkylt

http://codepen.io/GreenSock/pen/hCElc

 

As for canvas libraries, if you want super fast webGL performance definitely check out pixi.js. It works great with GSAP.

http://www.pixijs.com/

 

Let us know if you need any help getting started with GSAP. 

  • Like 2
Link to comment
Share on other sites

Hello nexie, and Welcome to the GreenSock Forum!

 

Here is a cool codepen by jamiejefferson, that shows a simple explosion (particles)

 

See the Pen rJtjw by jamiejefferson (@jamiejefferson) on CodePen

 

Here is a fork (copy) of his codepen with the particles animating onDragStart and stop onDragEnd:

 

See the Pen vENome by jonathan (@jonathan) on CodePen

 

See TweenMax and Draggable docs for more info.

 

Hope this helps get you started or gives you some ideas!

 

Update:

 

Carl beat me to it again :)

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×