I started learning flash and actionscript very recently and I am having fun with it. Now, here's something I wanna do with actionscript and since I am pretty new, I am not yet sure where to look for to learn what I want. I am specifically looking for image manipulation techniques that can be achieved with AS, for example, basic image manipulation like changing contrast/brightness, transform image etc. Can anyone guide me towards any relevant tutorial/resources that would be easy to understand for a beginner.
Check out these pages:
http://gotoandlearn.com/index.php?currentpage=5
http://gotoandlearn.com/index.php?currentpage=6
Watch the videos titled:
Introduction to Pixel Bender: Part 1
Introduction to Pixel Bender: Part 2
Animating Pixel Bender Filters
This will have you well on your way. The rest of the site is packed with hundreds of free videos + source files (in many cases) so you should be well on your way with this website. The tutorials on that website are actually my foundation/roots/beginnings in flash. Of course since then I've moved on to more advanced topics/theory etc but there is more than enough information to come out a real flash developer. :)
I would recommend buying the book Learning Actionscript 3.0. This is the book I started with and to be honest I never needed another book on Actionscript again. It covers pretty much everything, including image manipulation.
You can see and download the samples from the book here. For image manipulation, I would recommend looking at example of 'Drawing With Pixels'.
There are a lot of good books out there. Colin Moock's Essential Actionscript is by far my favorite book.
If your looking for some online help or tutorials heres a list of references:
A nice tutorial on active tuts for changing the brightness of an image.
Senocular is an AWESOME reference in anything flash. Here he talks about the Matrix class is basically any size manipulation to a movieclip of image.
Finally the Adobe live docs are the best place for you to learn the built in classes AS3 has to offer. the Movieclip.transform property is the basis for all aspects of image manipulation (hue,tint,etc).
Good luck in your learning, I remember how exciting it was for me!
Related
I am planning to develop a game with HTML5 Canvas. As handling canvas with native JavaScript is very difficult for game development, I am rather thinking to adopt any free and good client side library with good tutorial.
I have started my work with CAAT, but found it has lake of tutorials. I found Cocos2d-x HTML5, but again I faced the same issue.
Can anyone suggest me good library with good tutorial help?
P.S. :: My game contains complex physics operations, so I need to use Box2D. It will be helpful if library has integrated Box2D with it and having good tutorial of integration.
cgSceneGraph can be used with Box2D. We already did it for a basket ball game.
The example page does not include yet a Box2D example, but, as I am the designer of the framework, I can help you by sending you pieces of code.
Have a look at the cgSceneGraph examples page (http://gwennaelbuchet.github.com/cgSceneGraph/examples.html).
Anyway, feel free to ask for more examples or tutorials if you need. I'll be glad to help you.
Is there anywhere a GOOD tutorial page where I can learn ActionScript 3 ? Or can you help me out ?
I don't use a GRAPHICAL DESIGNER and I don't want to. All I need is code.
For example: things I need to learn quick:
Buttons and TextFields (basic form stuff)
Drawing canvas (like the html5 canvas)
Using FlashDevelop + Flash SDK, no plugins, no nothing. I just got it to work (compile, build and start a blank piece of nothing) and now I need to see what I can do with the ActionScript code.
Solved: Thanks to Dannyw the 2 items above could be solved directly (with minor additions)!
Julian's answer is very helpful too. Since I also wanted to browse through all standard classes in Flash:
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/index.html
I have some tips for you to become a great flashdeveloper:
Drop everything you know, start fresh. You have strange assumptions of how the workflow should be. If you want to become professional, you should be open for other workflows.
If your coming from actionscript 2, Dont think as2 is like as3, so don't try to do the AS2 thing with AS3. Again, drop everything you know.
Read & Learn the Adobe LiveDocs
Learn how the display list works.
Learn AS3 coding standards, learn to write clean readable code, later try to learn design patterns.
Learn how to use common actionscript libraries, TweenLite, Gaia framework, RobotLegs, Temple Library, Pure MVC, Away3D, as3corelib etc.
Dont try to reinvent the wheel, dont create your own framework, because you think there is none like yours, most starters step into that trap.
Code never inside the Flash IDE actionspanel, there are really nice actionscript editors like FlashDevelop, FDT, FlashBuilder, IntelliJ. But dont lose yourself in code, there is a lot visual stuff that can faster be build using the Flash IDE, so find a nice workflow, instead of limiting yourself.
if you like video tutorials; videos on gotoAndLearn.com, most have common practices.
If you like to learn from opensource projects: find as3 projects on github.com or wonderfl, check out how they did it.
if you like to read blogs: feeds.adobe.com is full of nice relavant blogs. Learn from the best.
Last but not least: there is no ultimate guide to become a flashdevelop-code-only-flash-developer. Like sport, you have to train and just experiment right away. So be open, use google alot, try to challenge yourself with excercises and fun experiments.
For buttons:
http://www.how-to-code.com/as3-actionscript3/as3-buttons/as3-button.html
For Textfields:
http://www.republicofcode.com/tutorials/flash/as3text/
For Drawing:
http://www.republicofcode.com/tutorials/flash/as3drawvectors/
I learnt actionscript the same way you intend to, just by reading tutorials on the internet and picking bits up as I went along. I eventually bought myself a big old actionscript bible too (Essential Actionscript 3.0 by Colin Moock), but can safely say that the internet was my most valuable resource!
Have fun with the tutorials :)
Use this:
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/index.html
BTW, You should almostly declare this website as holy when programming in AS3.
Using adobe flash or macromedia is recommended, follow these tutorials I learnt everything about flash from this website.
http://www.lynda.com/Flash-CS5-tutorials/flash-professional-cs5-essential-training/59964-2.html
I've got a good amount of experience with 2D rendering on <canvas>, however there is a project coming up where I need to have a 3D object rotating left along its centre (I believe z-axis). Luckily this is all I need to achieve. The page will run on iPads at an upcoming event.
I'm not experienced with any 3D software/libraries aside from minimal playing around with Papervision 3D in Flash.
I can pick things up pretty easily, so:
Are there any frameworks I can use to take care of the initial stuff?
Are there any open-source projects that include the code to do the above? If not, tutorials to do it are fine.
How do I create the 3D object? Is this the same as a BitmapMaterial in Papervision?
Threejs can be a good library to start with too.
Their "getting started" article is awesome.
There's a GLGE, for example.
GLGE is a javascript library intended to ease the use of WebGL; which is basically a native browser javascript API giving direct access to openGL ES2, allowing for the use of hardware accelerated 2D/3D applications without having to download any plugins.
The aim of GLGE is to mask the involved nature of WebGL from the web developer, who can then spend his/her time creating richer content for the web.
Three.js is pretty awesome, just wanted to point you to this github repo as well
http://lamberta.github.com/html5-animation/ check out the examples in part 4.
Billy Lamberta authored Foundation HTML5 Animation with JavaScript, which is a great book teaching you the math/etc. behind doing things like this if you are interesting in getting a little deeper understanding.
I am entirely new to learning programming, and my father recommended this site to me. I wanted to learn Actionscript 3.0 to possibly make my own flash game. There is alot of things I need help on because I am completely clueless. What kind of things should I download, do I have to pay for any of this?(I don't have money to spend, sadly.) Where can I find some good tutorials? Do I need any kind of client to play around with actionscript 3.0 and learn the language? Sorry if some of these questions don't really make sense, like I said, entirely new to the programming world, but I really want to make my own MMORPG,(completely unrealistic dream), and I want to start small, try making money off flash games, get some programming experience, any help anyone can provide would be great. All I ask is please do not tell me how unrealistic my dream of making an MMORPG is, just mentioned it to give a little insight as to why I wanted to learn programming. I know it's crazy, but that's why it's a dream, a goal I'm hoping to achieve one day.
I highly recommend downloading Flash Develop (requires windows) for development, its a free, and also IMO the best, AS3 editor. It'll get you up and running. If you are on a mac you might want to start with free trials of the Adobe code editors.
For resources & tutorials, the web is full of free stuff to get you started. A couple are 8bitrocket & gamedev.stackexchange The first thing to do is just pick a simple game (perhaps a true/false trivia game) And just build it. For getting started with general AS3 programming look here for a variety of docs & tutorials.
Good luck, and have fun!
Flex is a free product made by Adobe itself, and uses ActionScript 3.
Here's a link to a game dev site with tutorials on how to make a game for free using flex:
http://www.dreamincode.net/forums/topic/92205-making-flash-games-for-the-non-flash-developer-part-i/
http://www.dreamincode.net/forums/topic/92293-making-flash-games-for-the-non-flash-developer-part-ii/
http://www.dreamincode.net/forums/topic/92746-making-flash-games-for-the-non-flash-developer-part-iii/
http://www.dreamincode.net/forums/topic/92893-making-flash-games-for-the-non-flash-developer-part-iv/
If you read through the link article carefully, you can use eclipse (free) with a flex plugin, instead of having to use the flex builder.
I have general question how to start developing my skills in web designing.
What is best place to start and what technique to use.
I have some knowledge of html and css, so far I have been building sites with already done all html and css. I would just use it and maybe do a smaller changes.
I want to be able to make html and css out of image that artistic guy produces.
http://w3schools.com/ has some great tutorials and you can play around with stuff right their on their pages.
A lot of the really "artsy" sites are produced in another program first, usually Adobe Photoshop or Adobe Illustrator, and then 'sliced' into HTML div's. NetTuts has a handful of tutorial on how these that show the complete start-to-finish. Here's a few I found real quick:
Design and Code a Slick Website from Scratch – Part I
How to Design and Code a Flexible Website
New Plus Tutorial: Convert a Beautiful PSD to HTML and CSS
Coding a Beautiful Website From Scratch: Plus Tutorial
(the last 2 I think you have to be a paying member for)
Here's a great web resource to check out for HTML/CSS: http://htmldog.com/
Also, do a Google search for "psd slicing." This is the process of taking an image of a website layout (a.k.a. mockup) and turning into valid HTML/CSS. You'll find a lot of screen casts and tutorials that will walk you through the entire process.
Start by getting a book and look at some tutorials. Google will help you there. Once you've got a decent idea of what's going on, look at a site, and try to duplicate what it looks like. If you're curious as to how something works or can't figure it out, look at the source (preferably with firebug) :D
Good luck
As others have said, getting a good book on HTML/CSS will certainly help.
Also read up on Web Standards - I think its really important to start learning these principles from the beginning as it will help you write valid HTML/CSS... and avoid writing invalid code.
I highly suggest the book "CSS Mastery". It's got a green cover with a pink binding...I think they've recently released a new version actually. Amazing book for beginning and advanced. I consider it my CSS bible.
I highly recommend w3schools.com and the Head First HTML with CSS & XHTML. I like most of the book in the head first series, in fact. They take a fun very visual approach to learning & I am a visual learner. Lots of things to practice & hints to help remember things.
If you don't feel totally confident then definitely pick up Head First HTML. Aside from that there are a few websites I would recommend:
A List Apart,
Stop Design
and as others mentioned the W3 website.
Working with a designer often means that they will produce mockups using Photoshop and you will in tern work off those. As that is the case having a working knowledge of Photoshop will be very useful for you. You don't have to be a wizard but some basic knowledge will enable you to do things like create image sprites from the mockup and get information relating to the width, height, color, etc of the different components in the design. As far as getting up to speed quickly there are many books on the subject, the Photoshop One on One books are a pretty good series and there are video tutorials available at Lynda.com.
I started on just looking at youtube. A really simple book for learning to code css and html is get coding. It's for kids, but it's a great start. I started there about a year ago, and now I've developed multiple websites for a couple of businesses. And I'm only twelve!