Graphics Power

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    3 Groups

    Graphics Power - Presentation Transcript

    1. Graphics Power Demonstration Program by Alex Shaw III, Techronology October 23, 2009 Personal Reference
    2. The Idea
      • Create a program that demonstrates the graphical and animation features of Visual Basic for DOS
        • Main items to include in the program
          • Graphical title screen
          • Main menu in text mode
            • User will be able to revert back to menu
          • Introduce program
          • Graphics demonstration
          • Sample mini-programs
        • Display user-friendly interface
        • Allow user to control navigation
    3. Program Summary
      • The Graphics Power demonstration program was designed in 1996 in Visual Basic for DOS
      • Do not let the year fool you; earlier programs provide the foundation of what we use today
      • Many of the elements in this program were created by hand and transformed to digital format using programming techniques, algorithms, and functions
      • The main part of this program contains at least 1,095 lines of code
    4. Summary
      • A youngster
      • In 1996, I was somewhat a youngster; not even twenty-three
      • This program displays some of the skills I obtained at that time, ever since I started programming at thirteen
      • Programming
      • Ironically, some seasoned veterans I talk to today did not know there was a Visual Basic for DOS
      • I will provide some insight on how the techniques used in this program are applied to today's applications
    5. Title Screen Believe it or not, all the elements on the title screen were created on graph paper first Using colored pencils, you can distinguish between the various transitions The graphics are transformed to screen with the DRAW command; a long process Although I cannot remember completely, the background boxes are loaded into memory first and the letters are an overlay... ...Or vice versa
    6. Main Menu This menu was created in the menu builder in VB for DOS Well, it enabled you to utilize mouse functionality in DOS, which was difficult to program standalone Everything else had to be programmed, including the centering of boxes, which is a technique still used today Also, the border lines are part of the extended ASCII code
    7. Introduction to this Program
    8. Introduction—Page One It is always important to maintain a neat format The introduction is more like a data element; well, each line is a separate data element that I loaded with a looping structure We are still in text mode
    9. Introduction—Page Two
    10. Graphics Demonstration
    11. Graphics Demonstration Menu Now we get to the graphics area This menu was created in graphics mode; hires, I think In BASIC, we had different screen modes, which offered varying column sizes and screen resolutions By the way, a similar centering technique is used to center the boxes in graphics mode Basically, instead of dealing with characters per row, you are dealing with pixels per row
    12. Pixel Demonstration Randomize function for the Pixel command Basically, you are taking random coordinates within a coordinate system on screen and applying a pixel to those coordinates
    13. Line Demo Randomize function for the line command The line command had a starting point (x1,y1) and an ending point (x2, y2) For people who took coordinate geometry or higher level mathematics, these are just coordinates
    14. Box Demo Randomize function for the Line command with the Box option To create a box in Basic, you would still apply the four coordinates with the Line statement, but you would also apply the 'b' parameter to indicate a box Well, I think it is 'b'
    15. Box-Fill Demo Randomize function for the Line command with the Box and Fill option The 'bf' option accomplishes this task, I think
    16. Circle Demo Randomize function for the Circle command
    17. Circle-Fill Demo Randomize function for the Circle command with the fill option
    18. Arc Demo Randomize function for the Circle command with the arc option The arc option is actually another mathematical concept If I remember, the arc has a start and end point and is based in radians Even if you hate math, you should check out radian measure and the circle command Just imagine, one line of code could create a pac-man
    19. Get/Put Demo Although the previous demos simulated animation, it left residuals on the screen Use the Get and Put commands to create animation You capture a rectangular area using Get and then you can apply anywhere else on the screen using Put If I can recall, you also need to use Get for an empty space to remove the last image
    20. Draw Demo I definitely need to look at the code for this one, but most likely, I am using the Draw command along with some looping structure
    21. Line Tile Patterns Demo Check out these line patterns They are similar to the ones you use in today's word processing and presentation programs
    22. Paint Tile Patterns Demo This is another instance where I had to use graphing paper to sketch a pattern The tricky part is making sure you create a pattern that repeats evenly Use the Paint command to apply your patterns as a fill Fortunately, you do not have to worry about creating patterns by hand anymore unless you are a graphic designer
    23. Palette Chart Demo Look at all these colors I think there should be about 256 available colors in this resolution In addition, it was possible swap colors Come to think about it, these are good game design colors
    24. Sample Programs
    25. Sample Programs Menu Another graphical menu From looking at it, I can see, I did random pixels first and a box with a tiling pattern The rest is just text; however, the menu title is some sort of overlay I probably used a function that addresses the memory to get the overlay effect
    26. Sunshine This is truly nice also Even better is that I probably did not use a lot of code to produce this effect
    27. Color Ellipses Looping function which cycles through different colors as each ellipse is drawn
    28. Color Circles I think I have nested loops for this program
    29. Circling in Orbit Yes, yet another mathematical situation applied to graphics I forgot how I did this, but it rotates a ball around the sun; well, another ball I did this program a few years after Trigonometry, so it is possible I used some of those techniques
    30. Hat-Main Animation This is a good example of how easy the game pac-man could be done I should not use the word easy, but this program simulates a hat-man chomping across the screen
    31. Triangle in Space Another animation program Animation is so important today; and believe it or not, even more important yesterday This one involves a triangle lost in space; and as I get and put positions, the triangle randomly rotates The triangle does not jump though; it kind of floats
    32. Flying Saucer Get the trend? I loved animation back then The flying saucer was created in a different resolution to maximize colors Again, I hand-drew it first and used Get and Put for animation The saucer flies across the screen and goes up or down at the same time The fire also comes on and off randomly
    33. Splash Screen
    34. Clown Face Unfortunately, I did not draw this clown This was a lesson or test in imaging loading I think this image is saved as a file and I utilize the Bload command to bring it to screen
    35. Exit this Program
    36. Do You Really Want to Leave? Back to text Simple Yes/No prompt
    37. Exit Message
    38. The Technical Part Code Listing
    39.  
    40.  
    41.  
    42.  
    43.  
    44.  
    45.  
    46.  
    47.  
    48.  
    49.  
    50.  
    51.  
    52.  
    53.  
    54.  
    55.  
    56.  
    57.  
    58.  
    59.  
    60.  
    SlideShare Zeitgeist 2009

    + Techronology Inc.Techronology Inc. Nominate

    custom

    179 views, 0 favs, 0 embeds more stats

    Demonstrates the graphical and animation features o more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 179
      • 179 on SlideShare
      • 0 from embeds
    • Comments 0
    • Favorites 0
    • Downloads 0
    Most viewed embeds

    more

    All embeds

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories