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
graphic violence
By Rosalie Chan
graphic violence
- 613