S U I C A
Creation of educational interactive computer animation
Module I. Base technologies
Introduction to the course – content, technologies, expectations, requirements, evaluation.
HTML5 – what, why and how, text formatting, base tags, links, tables.
CSS rules – cascading styles, rules, selectors.
CSS styles – colours, sizes, fonts, styling texts, blocks, borders.
DOM – programming access to elements in an HTML page, finding elements, changing properties, processing events.
Module II. Graphical objects
Graphics and geometry – types of dimensions. Cartesian, polar and spherical coordinate systems. Basic problems, cases and solutions.
Library Suica – Introduction to WebGL and Suica. Creating a graphical window and setting its background colour. Using RGB colours. Visualizing the coordinate system and activating automatic orbiting.
Point and lines – Vector and functions for vectors. Graphical objects point, line, ray and segment. Properties and examples.
Squares and cubes – Squares, rectangles, cubes and cuboids. General properties and example programs. Orientation in space, properties spin, focus and origin.
Circles and spheres – circle, ellipse, sphere and spheroid - properties and examples. Cylinder, cone, cylindroid, conoid, prism and pyramid - properties and examples.
User objects – objects and styles, ways of creating objects, anonymous and named objects. Functions custom and sameAs. Group objects. Clipping planes.
Module III. Animation and interactivity
Animation – general principles. Motion along a straight line and a segment. Motion with velocity vector and with linear combination.
Circular motion – motion on a circle, ellipse and arc. Motion on the surface of a cylinder, sphere and ... cube.
Interactivity – working with the mouse. Mouse events. Interactive drawing. Interactive sketching.
View point – elements and their role. Motion of the view point. Following a moving object.
Dragging objects – following an object. Hard and soft link. Object selection. Implementation of drag-and-drop. Interactive scene rotation and scaling.
Bound drag and drop – dragging object with restricted positions. Dragging on a line, segment, circle. Dragging non-coordinate values.
Module IV. User interface
Entering data. Text fields. Interactive controls. Checkboxes. Radiobuttons. Password fields. Selecting colours, dates and ranges.
Representing geometrical objects: coordinate systems with grids, segments with end points, vectors with arrows, sphere, cylinder, cone, torus.
Introduction to textures. Loading textures. Seamless textures. Using textures. Multiple texture. Other properties.
Multiple graphical elements. Text over graphics. Full-screen graphics. Background music and sound effects. Selected topics.
Users with special needs. Criteria for software development. Accessibility. Motor, vision, audio and learning problems.
Evaluation. Project. Criteria. Frequently made errors.
Module V. Educational software
Example project "Right triangle". Project demonstration. Comments on project design and implementation. Covering evaluation criteria.
Example project "Ballistic canon". Project demonstration. Comments on project design and implementation. Covering evaluation criteria.
Example project "DNA games". Project demonstration. Comments on project design and implementation. Covering evaluation criteria.