Flash and Flex Israel user group meeting about PaperVision3D

1. Flash and Flex Israel User Group Meeting Papervision3D 30-12-09

6. INTRODUCTION

7. 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

8. 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

9. 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

10. 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

11. FLASH AND 3D

12. 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

13. 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

15. 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

16. 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

17. DESIGNING FOR 3D

19. 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

20. 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

21. INTRODUCTION TO PAPERVISION 3D

22. 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

23. 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

24. GETTING STARTED

25. 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

26. 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 - - +

28. GETTING READY TO CODE

29. 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

30. 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

31. YOUR FIRST APPLICATION

32. 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

35. THANK YOU