An interactive developer & designer specializing in Flash, Flex, Web, Adobe Air, 3D Experiences, and Mobile Devices.
Associate's degree in Interactive Communications and over 4 years of Flash development and design experience.
Originally from Las Vegas currently based in Israel, been evolved in the community for the past 5+ years I attend and speak at conference. Run and mange Flash & Flex Israel “Adobe User Group” http://groups.adobe.com/groups/a76a825573/summary
Flash and Flex Israel is an official user group for Israel Tel Aviv Area. It is also the official Adobe user group for Flash and Flex in Israel. Flash and Flex Israel consists of professionals of all skill levels who gather monthly to share information and to stay on top of what is new in our ever- changing industry, to learn experience's new ideas and concepts. Are discussion topics including Flash, Flex, RIA, Web Design/Development, Mobile, Air, and much more. Meetings regularly feature local and national speakers, networking, Q&A, seminars, and webinars. About the UG Introduction: About Flash and Flex Israel
Adobe provides support to user groups and user groups mangers, they do not control the user group but to be sponsored or officially under Adobe the user group must meet a number of requirements. As a user group we have full control of are agenda! Adobe created the user group program to allocate one location for the user groups to better help both the community and Adobe. Adobe and Quicksoft Introduction: About Flash and Flex Israel
I wanted to create and mange a user group to be part of the community, to push forward the community in Israel. I don’t get paid and everything is done on my own time. Why should be a part of Flash and Flex Israel, other then shown befits of giveaways, networking opportunities, learning opportunities it gives you a chance to socialize on subject that interest you and your work. It gives a chance to stay up to date with the environment that we work in. On a side note, attending meeting is one of the most import thing in keeping the user group alive but I would like everyone to be a part of the group. Why? Introduction: About Flash and Flex Israel
Each meeting will be at least 4 hours and be considered more of a workshop, well cover topics that interest you so speak up. Some meetings will be pure design oriented while others will be programming oriented in general I will try to mix the subjects up. We will not cover the basics of everything but if you’re a beginner ask questions. Each meeting will be posted on the user group site a brief agenda will be posted. Remember I’m developer just like so I do make mistake What to Expect Introduction: About Flash and Flex Israel
Flash Player 10 has native 3D support. It’s not as robust as Papervision3D or Away3D, and in fact was not designed to compete with those engines. Rather than that, it contains classes that perform 3D calculations and allows BASIC 3D manipulation of display objects. (Postcards in Space) No support for the collada or shader format. FP10 wins in terms of performance. This make sense when you consider that the 3D math is being handled internally. FP10 wins in terms of SWF size Papervision 3D has to load in all the 3D code externally. Flash Player 10 Flash and 3D
FP10 3D has no concept of depth sort. Depth sort must be handled manually. For simple scenes this is trivial, but once you get many polygons intersecting, depth sort can become a complex problem. For simple 3D scenes flash player 10 gives much better performance. Examples http://www.airtightinteractive.com/demos/3dcomp/fp10.html http://www.everydayflash.com/flash/as3dmod/fp10/points3d.html http://www.everydayflash.com/flash/as3dmod/fp10/tunnel.html Flash Player 10 Continued Flash and 3D
Sandy 3D Sandy is a Flash 3D engine, available in 3 versions: AS2, AS3 and haXe
Alternativa platform Not free
WOWEngine offline - open source physics engine
Open Source Engines Flash and 3D
15+ Great Examples http://www.whitevoid.com/portfolio.html http://www.ecodazoo.com/ http://www.redbullsoapboxracer.com/ http://www.absolut.com/iaaw/ http://www.dasai.es/ http://mysackboy.littlebigplanet.com/ http://colour.sony.eu/bravia.html http://www.silenzio.fr/#/en/movies/grid http://www.saveyoursensible.com/ http://www.motorstorm.com/en_GB/pacificrift/minigame/ http://www.offthestreetclub.org/ http://www.seankingston.com/virtual-sean http://www.starbucksloveproject.com/#/main/ http://www.roca.com/meridian/ http://www.optuswhalesong.com.au/ http://www.awmlondon.gov.au/ http://www.philterdesign.com/ What can be done (examples) Flash and 3D
5 Bad Examples http://wonder-wall.com/#project/en http://www.papervision3d.org/demos/panorama/ http://www.hanazuki.com/cases/ http://www.pearljamtengame.com/ http://www.hookusa.com/ What can be done (examples) continued Flash and 3D
Consider that showing 3D to a client is much harder then a basic web site try using http://iplotz.com/ , https://pidoco.com/en , http://www.evolus.vn/Pencil/Home.html http://www.omnigroup.com/applications/OmniGraffle/
Time for design and development can be much longer
User interaction can be a lot mote complex, putting into a understandable design is a lot harder
There is only so much room, within the animation, screen and objects.
You might have 3D objects
You might have materials, and shads.
Loading times: design your preorders make them interesting ( http://www.prettyloaded.com/ ),
consider the user once the site loads get right to the point.
Part of the interface can or will be the 3D object.
What to Consider Designing for 3D
Clarity. The interface avoids ambiguity, making everything clear through language, flow, hierarchy and metaphors for visual elements. “Clear interfaces don’t need manuals” Familiarity. Use real-life metaphors to communicate meaning Responsiveness. Speed a good interface should not feel sluggish, provide good feedback to the user about what's happening and so on. Consistency. Keeping your interface consistent Efficiency. Make the user more productive User Interface Designing for 3D
User appreciate quality and credibility. Give them high quality content . User don’t read they scan. User search for some fixed points or anchors that can guide them. User are impatient and insist on instant gratification. The higher the cognitive load needed by the users to process, and the less intuitive the navigation.. The user will leave. User follow their intuition. In most case, users muddle through on their own rather than read the information. User want to have control. They want to user the back button (use SWFAddress) . User Experience and Interaction Designing for 3D
Strong community - http://dev.papervision3d.org/ , http://groups.google.com/group/pv3d?lnk=srg Great documentation - http://docs.pv3d.org Its easy to learn Plenty of tutorials - http://pv3d.org/ , http://www.madvertices.com/ Its open source Why I use Papervision3D Introduction to Papervision3D
It runs on Flash Player 9 Memory leakage Can crash a browser very easy Everything is done in code The Good the Bad and the Ugly Introduction to Papervision3D
Downloading papervision3D can be done via Subversion, ZIP, and SWF Downloading the non-compiled source means that you will get the folders and classes, just as they are without them being compiled in any format. (Very helpfully in the process of learning) The SWF contains source code that has already compiled, like a SWF file in this case the classes are hidden. **What is Subversion? Subversion also known as SVN, is an open source version control system. It allows developers, or teams of developers, to upload and download current and historical versions of the project they’re working on. Compiled and Non-Compiled Source Code Getting Started
The zip file contains non-compiled source code, Where the SVN server always contains the most recent revision, the zip file tends to be more or less outdated. Due to the constant changes that are being made to an open source project , the code new features even bugs. The SWC file is the same as the zip but you will not be able to see the source code. The SWF contains source code that has already compiled, like a SWF file in this case the classes are hidden. SWC, ZIP, or SVN Getting Started SWF (Compiled) ZIP (Non-Compiled) SVN (Non-Compiled) Flash CS4 - + + Flex Builder 3 + + + Flash Builder 4 + + + Probably Stable + + - Up to date - - +
You need to tell Flash or your IDE where the Papervision3D folders are located at, if your using a SWC file you need to set the path I will show this. IDE Setup Getting Started
You should be familiar with object oriented programming What are class, noting more than a set of functions (methods) and variables(properties) grouped together then a single file IE var mySprite:Sprite = new Sprite(); An ActionScript class is basically a text-based file with an .as extension stored somewhere on your computer, containing ActionScript code. Object-Oriented Programming (Basic) Getting Started
Scene . Entire composition of 3D objects in a 3D space. Think of it as your stage in Flash with three axes – x,y,z. Camera . Defines the point of view from which you are viewing the scene. Viewport . Container sprite on your stage, and shows the output of what the camera sees. 3D objects . A shape in 3D space is called a 3D object, or DisplayObject3D in Papervision3D. Material . The texture that is printed on an object. When an object doesn’t have a material applied, it will be invisible. Render Engine . A rolling camera Scene, Camera, Viewport, 3D objects, Material, Render engine Your First Application
Flash, as well as Papervison3D, make use of the Cartesian coordinate system. In Flash, a regular visual object can be positioned on the stage by entering an x and y value. The object will be positioned on the stage according to these values and relative to the upper left corner of the stage.
Papervision3D there are the following differences
Flash use Cartesian coordinates on two axes, whereas Papervision3D makes use of them on three axes.
The y-axis in Flash in inversed compared to the y-axis in Papervision3D.
Left-handed Cartesian Coordinate System Getting Started