{"id":953,"date":"2012-06-10T13:46:26","date_gmt":"2012-06-10T11:46:26","guid":{"rendered":"https:\/\/porzelt.net\/?p=953"},"modified":"2019-10-04T16:11:35","modified_gmt":"2019-10-04T16:11:35","slug":"making-the-game-teil-12-die-grafikbibliothek","status":"publish","type":"post","link":"https:\/\/porzelt.net\/en\/making-the-game-teil-12-die-grafikbibliothek","title":{"rendered":"Making The Game \u2013 Teil 12: Die Grafikbibliothek"},"content":{"rendered":"

Since graphical objects, such as the buttons on the menus and background images, are used multiple times and in different areas in the program a central location that provides the graphics is essential. The so-called library can be created in Flash decoupled from the actual project and edited independently of the program.
\nLibraries in Flash are marked ba the extension *.swc. These also include, in addition to graphics, functions which are already compiled. By providing compiled objects the calculation.<\/p>\n

\"Elements<\/a>
Elements of the outsourced graphics library<\/figcaption><\/figure>\n

In practice the separation of code and graphical elements are used to that graphic designers and programmers can work simultaneously on a project. Once the graphics are changed they can be replaced by providing a new version of the library, without changing the program code. But even in small projects libraries are meaningful.
\n 
\nHow to create a library in flash?<\/strong>
\nLibraries are created like normal projects in Flash. After all the necessary graphics were created as usual, it should be checked that the option “Export for ActionScript” is enabled. Through the “Export for ActionScript”-option objects can be dynamically created.
\n 
\nAfter all the components has been created it has to be published as a library. This setting is made in the “Publish Settings” (File \u2192 Publish Settings). Check the setting “SWC” (see illustration). The generated *.swc-file includes all graphics and functions.
\n <\/p>\n

\"Publish<\/a>
Publish settings in Flash<\/figcaption><\/figure>\n

 
\nHow to use a library in flash?<\/strong><\/p>\n

\"Menu<\/a>
Menu 'Advanced ActionScript 3.0 Settings'<\/figcaption><\/figure>\n

To use the created objects from a library in your code, the library has to be included in the current project. First you have to open the “Advanced ActionScript 3.0 Settings” (\u2192 File ActionScript settings). Click the “+” icon to add the library. The number of libraries used is not limited.
\n 
\nThe objects in the library are from this point on accessible like local elements (see code), but can, without the actual library project, not be edited anymore.
\n 
\n 
\n 
\n <\/p>\n

\n
    \n
  1. \n
     var<\/span> langDE:<\/span>MovieClip<\/span> = new<\/span> germanFlag350(<\/span>)<\/span>;<\/span><\/div>\n<\/li>\n
  2. \n
     langDE.<\/span>name<\/span> = “langDE”<\/span>;<\/span><\/div>\n<\/li>\n
  3. \n
     langDE.<\/span>x<\/span> = (<\/span>stage<\/span>.<\/span>stageWidth<\/span>\/<\/span>2<\/span>)<\/span> –<\/span> 360<\/span> –<\/span> 100<\/span>;<\/span><\/div>\n<\/li>\n
  4. \n
     langDE.<\/span>y<\/span> = (<\/span>stage<\/span>.<\/span>stageHeight–<\/span>290<\/span>)<\/span>\/<\/span>2<\/span>;<\/span><\/div>\n<\/li>\n
  5. \n
     addChild<\/span>(<\/span>langDE)<\/span>;<\/span><\/div>\n<\/li>\n
  6. \n
     if<\/span>(<\/span>basicUseTouch)<\/span>{<\/span>  <\/div>\n<\/li>\n
  7. \n
          langDE.<\/span>addEventListener<\/span>(<\/span>TouchEvent.<\/span>TOUCH_TAP,<\/span> selectLang_Touch)<\/span>;<\/span><\/div>\n<\/li>\n
  8. \n
     }<\/span> else<\/span> {<\/span>    <\/div>\n<\/li>\n
  9. \n
          langDE.<\/span>addEventListener<\/span>(<\/span>MouseEvent<\/span>.<\/span>CLICK<\/span>,<\/span> selectLang_Mouse)<\/span>;<\/span><\/div>\n<\/li>\n
  10. \n
     }<\/span><\/div>\n<\/li>\n
  11. \n
     <\/div>\n<\/li>\n<\/ol>\n<\/div>\n

     
    \nIn this code sample the deposited, animated German flag from the library is called and added on the stage. The variable ‘basicUseTouch’ differentiates beween mouse and touch listeners.
    \n 
    \nThe library used in this project was only used to collect the graphics of the game in a central square. In addition, it contains the font “Helvetica” which is manly used in the game.<\/p>\n

     
    \n 
    \n <\/p>\n

    Upcoming blog entries
    \nMaking The Game \u2013 Teil 13: The Sound Management
    \nMaking The Game \u2013 Teil 14: Knowledge base and question selection \/ Working with XML
    \nMaking The Game \u2013 Part 15: Game stages
    \nMaking The Game \u2013 Part 16: Mini-Games
    \nMaking The Game \u2013 Part 17: Evaluation and deployment of the application
    \nMaking The Game \u2013 Part 18: Concept for school use and outlook<\/p>\n

     
    \n 
    \n <\/p>\n","protected":false},"excerpt":{"rendered":"

    Since graphical objects, such as the buttons on the menus and background images, are used multiple times and in different areas in the program a central location that provides the graphics is essential. The so-called library can be created in Flash decoupled from the actual project and edited independently of the program. Libraries in Flash are marked ba the extension *.swc. These also include, in addition to graphics, functions which are already compiled. By providing compiled objects the calculation. In practice the separation of code and graphical elements are used to that graphic designers and programmers can work simultaneously on a project. Once the graphics are changed they can be […]<\/p>\n","protected":false},"author":1,"featured_media":967,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,7],"tags":[15,16,30,64,67,77,104,105,117,145,182,186,190,193,239],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/posts\/953"}],"collection":[{"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/comments?post=953"}],"version-history":[{"count":1,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/posts\/953\/revisions"}],"predecessor-version":[{"id":1237,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/posts\/953\/revisions\/1237"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/media\/967"}],"wp:attachment":[{"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/media?parent=953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/categories?post=953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/tags?post=953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}