Skip to main content
↑
↓
Spherical forums
Community for the
Sphere game engine
New?
Contact Us
to register an account!
1 Hour
1 Day
1 Week
1 Month
Forever
Community
Help
Search
Recent Posts
Log in
Contact Us
News
Spherical
Facebook
-
Twitter
-
Discord chat
New?
Contact us
to register an account!
Sphere Development
Resources
JS canvas particle demo
1
Print
Topic: JS canvas particle demo
(Read 7381 times)
previous topic
-
next topic
0 Members and 1 Guest are viewing this topic.
N E O
Hero Poster
Posts: 585
Making it happen!
Logged
Administrator
Senior Administrator
JS canvas particle demo
April 11, 2013, 07:09:13 pm
Someone port this particle demo to Sphere please ^_^
http://cdpn.io/rFIDL
Eventually I'll put a CodePen embedder like I did with Gists.
Metallix
Logged
Guest
Re: JS canvas particle demo
Reply #1
–
April 12, 2013, 08:20:23 am
Haha, nice stuff!
I will make for sure a particle system for TurboSphere once I have the transformBlitMask function there. And it will be a library script easy to use in any project.
Btw: I am currently working on a tween library that works a little bit like TweenLite. It is maybe not as powerful, but makes animations with easing much easier to implement in sphere-js
N E O
Hero Poster
Posts: 585
Making it happen!
Logged
Administrator
Senior Administrator
Re: JS canvas particle demo
Reply #2
–
June 24, 2014, 04:46:41 pm
Another JS Canvas particle demo
, this time starting from scratch with basic theory then
using dat.gui for convenience
.
Flying Jester
Legendary Poster
Posts: 1,161
Logged
TurboSphere Developer
Re: JS canvas particle demo
Reply #3
–
November 14, 2014, 08:53:15 pm
Quote from: N E O on
April 11, 2013, 07:09:13 pm
Someone port this particle demo to Sphere please ^_^
Very fortunately, that particle demo is quite well written, and abstracts its logic well.
The quick-n-dirty port:
https://gist.github.com/FlyingJester/f695b2c825c14981d508
A little video of the demo in TurboSphere:
https://drive.google.com/file/d/0B-hkR9nzCDDKR0ZybENCNW93cTg/view
Rotation and pausing:
https://drive.google.com/file/d/0B-hkR9nzCDDKbzd3Nlp6VGxfTDQ/view
This is a very taxing demo for the new graphics API, since we basically need a whole new Group for every particle. Plus, until I get masking working, every particle has its own texture!
It makes it clear that I should add a way to change a shape's relative coordinates while in a group. That, along with masking, would make this much more efficient.
Last Edit
: November 14, 2014, 09:33:08 pm by Flying Jester
Learn some history?
The Flying Jester's Blog of Sorts
1
Print
Sphere Development
Resources
JS canvas particle demo