I want to apply some effects to a sound but I couldn't find one library which has all these effects. Do you know any?
Effects are:
Phaser
Delay
Distortion
Cut Filter
This might be what you're looking for. SoundFX, out-of-the-box audio filters with actionscript 3
As far as I know sound libraries are still rather rare for flash. The only one i'm aware of is this one.
Related
I'm developing some platform-like game in Flash using AS3. Everything is quite clean. The whole code is class based etc.
I've already done the most of the mechanics, and now I need to do some main character animations. I've already designed it, and it's waiting to be animated as a vector graphics.
A the problem starts here... What is the proper way of doing that? I would like to use bone tools to make it smooth. But as far as I tried to find any materials about it on the Internet everybody just do some simple animations and play it separately one after another. How about playing legs animation simultaneously arms and other parts of the body? Maybe some tricky usage of state machine... I don't know.. Is there any ready solution for that?
More tips is better here, or even some tutorials - just anything.
This tutorial by Chris Georgenes seems to be exactly what your looking for: http://www.adobe.com/devnet/flash/articles/character_animation_ik.html. Chris teaches the reader while animating a simple character. Having a strong overall knowledge of the bone tool will allow you to get the nice crisp animations you seek. I sincerely wish you the best of luck with your project.
paper.js
EaselJS
fabric.js
KineticJS
Hello guys I am new in html5 canvas development and I am lost in choosing canvas frameworks. There are so many of them that I can't find out what to use. So here I am! I want your help to choose which one is better for my needs. There are my needs
1) I want the framework used Vector graphics, I know canvas is not DOM, I realy don't care about it but what I mean is I want to manipulate with objects after its creation, PaperJS has this feature I don't know about others. If advanced mouse events will be available it would be better.
2) I want to use the framework for images, I will load image and animate them with canvas, move, animate some colors...
3) I want the framework to be fast because of my needs (image animation should be smooth)
4) I want the framework to have good community because I know I will need some help.
So what do you think which one is better for me? and please if you can write down from my list which are the strength and weakness for each framework?
HTML5 canvas is still very fresh environment. You can get impression there is a lot of tools already available, they are often quite immature though.
My answer will cover only part of your question because I used only KineticJS and EaselJS.
You can start from reading opinions at this page (mine is the last one at the bottom).
Speaking shortly KineticJS has lower entry barrier. It's simple drawing library and has some support for mouse events too. At the time I was trying to use it it was barely extendable. I found it really hard to customize for my needs.
EaselJS is a bit harder to start with, but it's more advanced too. Now it's part of other libs set known all together as CreateJS. It seems that lot of development going around there.
Both Kinetic and Easel supports mouse event. I don't remember
well the Kinetic, sensing 'onMouseOver' is costy with Easel though.
Also both mentioned libs allows objects manipulation. You can find
here TweenJS also useful as addition.
Again both Kinetic and Easel allows this. Easel also has support for
sprites - 'animated images' well known for web game developers.
I'm not sure about Kinetic as I haven't reached animation part of my
project before I dropped it (the lib, not the project). With Easel
speed is tricky. It has some optimization methods implemented like
for example objects cache or snapToPixel flag. Examples seems to run
really well. However for my project using Easel smoothness still is
an issue despite quite a lot of effort put in optimization. Maybe I
misused the API or there is still place for more optimalization I
haven't noticed.
Both libs are quite young but seems to be actively developed.
Authors are rather responsive. Community still isn't big, but I
guess CreateJS as more complete set of tools for creating games will
grow faster.
If you want to check here is the project I mentioned. It's a web page made with usage of EaselJS + TweenJS. Still needs some minor tweaking though.
I'm making an app in which I need to make some photo effects similar to Instagram's effects. I was wondering if it's possible to somehow emulate the work of Photoshop's color levels in AS3.
I've tried using AdjustColor, ColorMatrixFilter and ColorTransform classes but desired image is very hard to achieve using those.
So does anyone have a solution easier than that? or maybe someone knows a library that I couldn't find on Google?
You should have a look at Joa's image processing library.
Have a look on this library:
http://peternitsch.net/bitmapdata.js/
This is actually implemented in Javascript, but it's based on the Flash API. All You need is there. Or i can recommend Foundation ActionScript 3.0 Image Effects by Todd Yard.
Flash API reference is another good resource for inspiration.
There is another good resource for pixel manipulation found here: http://evanw.github.com/webgl-filter/. This is done in WebGL but if your target API is still Flash, then you can easily transposed the GLSL language into Pixelbender and inject the shader
into the Flash by making reference to the pbj file.
Check Grant Skinner's TweenMax plugins, especially ColorMatrixFilter.
I am looking to get into learning how to use the html5 canvas to do animations as well as other things. I have an excellent knowledge of javascript and programming in general (mostly php but can adapt to anything). However, I have not had the opportunity to do much with graphics in the past. I have created nice smooth animations using javascript/jquery but the canvas object seems to be alot more than just that. The hardest part I am finding as I have been playing with it is that you have no reference to an object on the stage unless you store the reference. For example if I create a div on the page I have that reference to the object. However, with the canvas object if you create something within it, it draws that element on the stage giving you no reference to it. So you have to manually store the details of that object as I understand it and I could be wrong (if I am please correct me).
Anyways the whole point of this post is to see if anyone can point me to some really good articles/help about working with the canvas object. Not just drawing graphics to it cause I have been able to accomplish that very easily. But I would like to articles/help on managing the objects on the canvas. I want to make sure that I am doing this correctly/efficiently for the future of the technology. Also I am willing to purchase a book on working with html5 canvas/graphics/animations but most of them that I have seen go over the whole scope of html5 and leave out alot of the details of actually working with the canvas. So if you know any good books with my requirements please recommend them here.
Any help is appreciated.
There are nice libraries to do very basic to complex graphics using HTML5/WebGL
This may not actually teach you how the animations work. But if you are interested, check Three.js
https://github.com/mrdoob/three.js/
Read article "Creating a Framework For Canvas: Objects and Mouse". Not animation, but you can find there something interestring.
Read source code of any big framework, e.h. three.js, or LibCanvas
Read "HTML5 Canvas - Native Interactivity and Animation for the Web"
I want to know, Is there any way to handle or control the shockwave objects in flash by using 'as3'? I know this is possible in 'Director' by using 'Lingo'. But I am not able to find any way or any articles from where i can get some idea about this. In the director, I've seen there is way to set some properties like camera position, light affects etc. with the shockwave objects. But I am not sure about the FLASH. Can it possible to use these type of properties with shockwave objects in flash, which could be controlled in action script3 ???
Any kind of help would be greatly appreciated.
Thanks in advance!!!
To my knowledge there is no such possibility in flash.
If you want complicated 3D in flash, I suggest you use something like papervision3D
Flash only has basic 3D transformation since version CS4, Director (ShockWave) have had advanced, hardware accelerated 3D for many years. But I think Director is in some sort of limbo and Idon't know if Adobe is going to continue to develop it.
The Flash player has also become faster and Actionscript more powerful, so I think that something like papervision3D may be a good alternative for the most part.
Also bare in mind that the Flash player is much more widespread than the ShockWave Player