DesignWIKI

Fil Salustri's Design Site

User Tools

Site Tools


mec222:brief_history_of_computer_graphics

A Brief History of Computer Graphics

1941

  • Although the punched card was first used in 1801 to control textile looms, they were first used as an input medium for “computing machines” in 1941. Special typewriter-like devices were used to punch holes through sheets of think paper. These sheets could then be read (usually by optically based machines) by computers. They were the first input device to load programs into computers.

punchedcard.jpg

  • Salustri used punched cards in 1980 in his first-year Introduction to Computing course at the University of Toronto.

1950

  • Ben Laposky created the first graphic images, an Oscilloscope, generated by an electronic (analog) machine. The image was produced by manipulating electronic beams and recording them onto high-speed film.

1951

  • The Whirlwind computer at the Massachusetts Institute of Technology was the first computer with a video display of real time data.

1951_whirlwind.jpg

1955

1955_sagelightpen.jpg lightpen.jpg

1960

  • Although known since the 1940's, the first serious work on finite element methods of analysis is now published. FEA allows us to test products virtually and produce results that are as accurate as physical tests - at far less cost and time. The results of such an analysis was, back then, hundreds of pages of numbers that humans had to interpret. These days, thanks to computer graphics, we can literally see what would happen to our products in real-time.

A modern FEA of a bicycle frame.

1961

  • Fil Salustri was born.
  • The first video game, SpaceWar, ran using an oscilloscope as a display.
  • Oscilloscopes are vector displays.
  • Ivan Sutherland writes the first computer drawing program - SketchPad - which included things like pop-up menus.
  • To generate one GFLOPS1) of processing power with 1961 technology, you would need to spend over $8 trillion (in 2013-adjusted US dollars).

1961_spacewar.jpg sutherlandsketchpad.jpg

1963

1963_mouse.jpg

1965

  • Jack Bresenham invents the “ideal” line-drawing algorithm.
  • NASTRAN FEA software released.

1970

  • Size of CAD market estimated at $25 million.
  • ANSYS founded.

1972

upload.wikimedia.org_wikipedia_commons_a_ae_emi1010.jpg

1975

  • K. Vesprille's PhD dissertation “Computer-Aided Design Applications of the B-Spline Approximation Form” develops the mathematical representation of arbitrary curves suitable for computation.

1977

  • The Apple II is the first graphics personal computer.
  • Star Wars is released; its only computer effects were vector-based, and then filmed.
  • CADAM, the first commercial 2D CAD package, is released.
  • McDonnell Douglas buys United Computing, forming Unigraphics.

application.denofgeek.com_images_m_sw_quad0.jpg

1978

1979

  • Size of CAD market estimated at $1 billion.

1981

1982

  • The Commodore 64 personal computer used raster graphics so that regular televisions could be display devices.
  • TRON is the first movie to make extensive use of computer graphics.
  • AutoCAD 1.0 is released - it uses wireframe representation only.
  • SDRC I-deas CAD package released.
  • Voelcker introduces the notion of a voxel.
  • The Apple Lisa was a fantastic computer that failed. The Lisa was first introduced at a cost of $9,995 US ($20,893 in 2007 dollars). It was one of the first commercial personal computers to have a GUI and a mouse. It used a Motorola 68000 CPU at a 5 MHz clock rate and had 512 KB or 1 MB RAM. This made it a quantum leap in technology.
    • But it was so innovative that it was wrong2). It simulated hardware in software, so it's very powerful CPU seemed slow to users. Also, there was no real software for it - it was in some ways too powerful. And it was certainly too expensive.

www.larwe.com_museum_img_c64system.jpg seandodson.files.wordpress.com_2008_07_tron_lightcycles.jpg upload.wikimedia.org_wikipedia_commons_b_b6_apple_lisa.jpg

1984

  • To generate one GFLOPS of processing power, you would need to spend over $30 million in 2013-adjusted US dollars. (Compare that to the 1961 data.)
  • The original Macintosh was in many ways a “stripped down” Lisa. It had 20% of the base memory of the Lisa, but it ran faster because it used conventional hardware configurations. In the design of the Macintosh, Apple recognized that computational power was only one of many aspects of computer use by humans and that if they wanted a good design, they would have to satisfy human nature.
    • The Macintosh set a new standard for computer design, and for design in general. This went to the point of establishing Apple as the “anti-IBM” (these days, the anti-PC) with a television advertisement originally aired during Superbowl XVIII3).

1985

  • Pixar releases Luxo, Jr.
  • Voxel technology is embedded in most medical imaging software.

regmedia.co.uk_2004_09_29_chest_image.jpg

1987

  • VGA graphics standard introduced. Pro/Engineer launched as first pure UNIX CAD software. Everyone laughed. 18 months later, all major CAD vendors were developing CAD for UNIX.

1988

  • CATIA selected as CAD package for Boeing 777 leading to a $1 billion revenue for Dassault.

1989

  • SVGA graphics standard introduced.
  • The Parasolid solid model engine standard released by Unigraphics; it is licensed to nearly every other vendor.
  • Tim Berners-Lee creates the very first website ever (this is even the actual original URL). The version linked here is from 1993, as it seems older backups have gone missing. (more info)

1991

  • EDS buys Unigraphics.

1992

  • All major CAD packages run on UNIX. SMEs lead the change from mainframes to high-end UNIX workstations. IBM loses $5 billion because no one wants mainframes any more.

1993

  • UIUC releases Mosaic, the first web browser for general usage. Mosaic's “codename” was mozilla.
  • Jurassic Park was the first big-budget CGI effects movie.
  • First public call made from a cell phone.

thecia.com.au_reviews_j_images_jurassic-park-4.jpg

1994

  • Dragged kicking and screaming into the 20th Century, Autodesk finally releases a 3D version of AutoCAD.
  • Key developers of the Mosaic browser found Netscape.
  • First flight of Boeing 777, tested entirely via ANSYS.

upload.wikimedia.org_wikipedia_commons_6_65_united_airlines_b777-200_n780ua.jpg

1995

  • Toy Story, the first fully CGI movie, is released.
  • Solidworks is released.
  • MS Internet Explorer 1.0 is released.

toystoryposter.jpg

1997

  • To generate one GFLOPS of processing power, you would need to spend over $40,000 2013-adjusted US dollars.

1998

  • The Mozilla Foundation is created out of the remains of the Netscape.

2000

  • To generate one GFLOPS of processing power, you would need to spend about $1,000 2013-adjusted US dollars.
  • Sketchup, the first web-based CAD system, is released.

2001

  • Final Fantasy movie is released.
    • Rendering tears and water are now possible; the movement of hair still un-renderable.
  • EDS buys SDRC; Unigraphics and I-deas CAD packages merged to for NX.

www.evl.uic.edu_aej_527_pics_aki.jpg

2003

  • Doom3 graphics engine for games.
  • ANSYS acquires CFX - computational fluids now begins to become popular.
  • Mozilla.org is registered as a non-profit organization.

doom3.jpg

2006

  • Google acquires Sketchup.

2008

  • Mozilla.org opens an office in Toronto.

2009

  • The state of the art of computer graphics, as of 2009, is summarized in this short video.

2010

  • Computations fluids and fluid structure interactions now possible on laptop PCs.

2011

  • One GFLOPS of processing power costs about $1.80.

2012

  • Here's a summary of the state of the art in computer graphics, as of 2012, courtesy SIGGRAPH.

2013

fastestcomputer2013.jpg

  • One GFLOPS of processing power costs about $0.16. That's about 100 trillion times cheaper than in 1961 (when Fil Salustri was born).
  • It is now possible to create, on virtually any home computer, the kind of computer graphics that would have been unimaginable even just 10 years ago.

2014

  • It's getting so easy to do interesting things with cheap computers - like a typical laptop - that developers are now starting to take advantage of mistakes in rendering as the foundation of new games, like this one by Pillow Castle, called The Museum of Simulation Technology.

Also, we have gotten much better at digitizing real things and turning them into other things. Consider this clip:

Here's how it was done:

2015

  • We're now getting into a period where “big data” is being used to construct animations that show us things we could not otherwise see/appreciate, like time-lapse changes in large structures. You can see more of 2015's best graphics research here.
  • Another new trend is the use of animation in UI design on mobile computing4). For instance, here's what Google suggests in its Material Design language for web design:

2016

With enough preparation, we can now animate by mapping from a source to a target in real time. (With sometimes hilarious results.)


The last 10-15 years of CAD have mostly been about product lifecycle management which is much more than just CAD. CAD developments themselves have been relatively minor.

2018

It is now possible to do fascinating and “realistic” graphics on phones. For instance:

We can also now generate entirely CGI-based human faces in real time.

2019

Remember that bug that let you play with objects' actual sizes based on their apparent sizes on the screen (see 2014, above)? Well, an actual game came out in 2019, Superliminal, that leverages that “bug” to create a very interesting game.

1)
A gigaFLOPS - one billion floating point operations per second - is the modern standard for measuring processing speed.
2)
Note: Steven Jobs was not associated with the Lisa, rather he joined the development team of the next product.
3)
…incidentally starting the “tradition” of particularly well-done advertisements during all subsequent Superbowls.
4)
remember that your phone is a bazillion times more powerful a computer than the most powerful computer on Earth when I was born
mec222/brief_history_of_computer_graphics.txt · Last modified: 2020.03.12 13:30 (external edit)