Presentation week 2

206 views

Published on

cube 2

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
206
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Presentation week 2

  1. 1. Digital CubeOscar, Leigh, Tylen, Bambi, Rebecca
  2. 2. Interactive Digital Cube First design concepts: The ideas of producing a cube with a rope or pulling device to enable interaction. Also enabling rotation by adding arrows to prompt the user to turn the cube. This would be created using HTML5 & CSS3.
  3. 3. Other ideas included the concept of a4D maze of which you had to rotatethe cube in order to reach the ending.
  4. 4. Adding ‘Interactions with JavaScriptJavaScript is a great utility (as a programming language, of course) on the webfor creating dynamic content as well as animating content. During thedevelopment, I decided to take a CSS3-made cube made by RichBradshaw, recoded the parts and added interactivity to the faces of the cubewhich will act as interactive panels.
  5. 5. The HTML5 Canvas ElementOne of the main criteria for creating the Digital Cubewas being able to rub it, I had the idea of using the<canvas> element in HTML5.The <canvas> element is like a drawing whiteboard, youget to draw on it, but we wanted to simulate rubbing sowe used the <canvas> element to create rub marks onthe cube.As soon as you stop rubbing, those marks disappear.

×