Interactive Graphics
Page 2
Gallery: Famous Paintings
Swipe left and right to view the art gallery with gleaming polished hardwood floors and paintings by famous artists on the walls.
Swipe Left & Right
Swipe to View
The gallery was originally prepared for the
Famous Artists
3D games.
Find paintings by famous artists.
Find paintings by title.
Use the search icon
above, to find and play the free game.
Gallery Preparation
The art gallery was modeled and rendered with 3ds Max. Public domain paintings, by great artists, were modified for display in the gallery.
Gallery Implementation
This gallery displays with simple two dimensional sprite sheets,
JavaScript and HTML5. The Famous Artists
game
loads the same model in three dimensions with WebGL.
Interactive Graphics
Interactive graphics respond to touch, mouse or tap motion.
2.5D Models
Many examples demonstrate 2.5D
models.
The graphics appear three dimensional.
You can swipe to rotate or view the graphics,
yet they're actually two
dimensional sprite sheets.
Two dimensional sprite sheets render with JavaScript and the HTML5 2D canvas.
HTML5 Graphics Interaction
Image maps and scaleable image maps, react to areas within an image. Picture tags allow developers and designers to display different versions of an image based on screen size or orientation.
JavaScript Interaction
JavaScript includes a long list of event listeners. Window and element event listeners respond to touch movement, taps, mouse movement, window resize events, clipboard, keyboard and form events.
CSS Graphics Interaction
With CSS3 designers can animate properties including location, scale, color and opacity.