Loading

graphic violence

Rosalie Chan

This is a live streamed presentation. You will automatically follow the presenter and see the slide they're currently on.

3D Graphics in Journalism

may include some graphic violence

How are 3D graphics used?

  • maps
  • infographics
  • animations
  • videos
  • etc.

Motion Graphics

  • http://video.nationalgeographic.com/video/news/7-billion/ngm-7billion-typical
  • http://www.nytimes.com/newsgraphics/2014/sochi-olympics/luge.html
  • http://www.nytimes.com/interactive/2015/10/23/world/americas/hurricane-patricia.html

What do these graphics add to the story?

How were these graphics made?

  • Example: Olympics story used videos and a photoshop script to create motion graphics
  • Other tools and libraries: jQuery, underscore, jPlayer, HTML5 video, jQuery Reel, and jQuery address

WebGL

  • A JavaScript API for rendering 2D and 3D graphics
  • Can be used with HTML5 and Canvas
  • Also used in games
  • https://www.chromeexperiments.com/webgl

How do I learn about graphics?

Start with the basics

Then work with motion

http://www.html5canvastutorials.com/tutorials/html5-canvas-bursting-particle-effect/

Useful Links

  • Canvas
    • http://www.html5canvastutorials.com/
    • http://www.html5rocks.com/en/features/graphics
    • http://www.sitepoint.com/html5-canvas-tutorial-introduction/
    • http://creativejs.com/2011/08/31-days-of-canvas-tutorials/
  • WebGL
    • https://www.chromeexperiments.com/webgl
    • https://webglfundamentals.org/

Fin

Made with Slides.com