This is a web technology demo that uses HTML5, CSS3, Javascript, PHP and a MYSQL database to display and alter the appearance of a 3D model. The ThreeJS javascript library is used for the 3D WebGL display. The color picker is a slightly modified version of that created by John Dyer. The hex color value from the database is converted to rgb values with a function provided by c.bavota The 3D model is in Collada format and is read in using the threejs collada loader.
click below to select colors and images
A modern HTML5 browser is needed to view this page. Windows XP computers will need to use a third party browser like Firefox or Chrome.
Links for the third party code appear below:
The image administation pages are used to upload images and alter them so that they are compatible with the threejs library and fit well on the cup. gif, jpg and png images are supported. Anyone is allowed to modify the images and colors marked as "guest access". The full administration pages have edit buttons for all images and colors, can set an item as guest accessible, add new items and delete items.
Click the controls above to alter the color and image of the cup. Below that use the administration pages to upload an image or change a color.