OSUblake last won the day on
OSUblake had the most liked content!
-
Content Count
5,849 -
Joined
-
Last visited
-
Days Won
560
OSUblake last won the day on
OSUblake had the most liked content!
Community Reputation
13,951 SuperheroAbout OSUblake

-
Rank
Moderator
Profile Information
-
Gender
Not Telling
Recent Profile Visitors
25,751 profile views
-
OSUblake started following Error in production but nothing when working in localhost
-
You were importing from gsap-core, so the CSSPlugin gets dropped during a production build. gsap-core is only intended for rare builds, like where you only plan on animating canvas objects.
-
Abu Taher Muhamamd started following OSUblake
-
Alan Beech started following OSUblake
-
Probably animate it just like you would with regular canvas or svg, using the stroke dash offset/array. https://codepen.io/osublake/pen/b0137a508fd77217da382a4aa41ec27f
-
Missing gsap import not generating compile time error
OSUblake replied to frankmcpolin's topic in GSAP
GSAP can also be installed globally, so you only have to import it once. gsap.install(window); -
Missing gsap import not generating compile time error
OSUblake replied to frankmcpolin's topic in GSAP
The definitions are essentially global so they can be used by people who don't use modules. -
Missing gsap import not generating compile time error
OSUblake replied to frankmcpolin's topic in GSAP
GSAP will be global during development, so that could be why. Once you do a production build, the globals go away due to tree shaking. It's working as designed, which might cause problems for module users, but not everyone uses modules. -
Using some gsap utils to animate between gradients with different numbers of color stops. https://codepen.io/osublake/pen/6b1374dbfd8c95e91594faf395f75846
-
Yeah, this won't work with arbitrary heights. You'd need to use a much more complicated algorithm for that.
-
Looks like you're off to a good start. You can do movieclips. For scene management, you can group everything inside a container. When a scene isn't in use, remove the scene container from the stage so it doesn't get rendered. If memory becomes an issue, you should probably destroy all the display objects in that container when the scene isn't active. Just animate whatever properties you want. const dropShadow = new PIXI.filters.DropShadowFilter(); mySprite.filters = [dropShadow]; gsap.to(dropShadow, { rotation: 100, blur:
-
Absolutely. I prefer Pixi, but Phaser is a more complete game engine so you don't have to code a lot of stuff from scratch.
-
Not sure what you mean. Need to see a demo. Hide it when it leaves the window, or when it's a certain distance away from an edge. What is a mobile device? Most Windows laptops and Chromebooks have touch and mouse inputs. I wouldn't show the ball until there is a mouse event. https://codepen.io/osublake/pen/3170174f4ce844f78c7789a279f8e50e
-
I just made that format up to demonstrate how you COULD create animations from data. I'm sure you could just use the spine json and create gsap animations from it, it'd just take some time understanding the format to create your own parser/runtime. Just took a quick sub-animation snippet from that json file. "front-fist": { "rotate": [ { "angle": -28.43 }, { "time": 0.4333, "angle": -45.61 }, { "time": 0.7333, "angle": -53.66 }, { "time": 0.8667, "angle": 7.56 }, { "time": 0.9333, "angle": 31.16 }, { "time": 1.0333, "angle": -32.59