Internet Technologies & Languages

Reference Material

Comprehensive resources covering web technologies, HTML Canvas programming, interactive animations, and practical applications of modern web development techniques.
<html> <body> <canvas> </canvas> </body> </html> Interactive Dynamic

Course Materials

Core Module

HTML Canvas

Comprehensive introduction to HTML Canvas API for creating dynamic graphics, animations, and interactive visualizations. Designed for 3rd year ETI and IRC students.

View Course
Hands-On

Practical Exercises

Hands-on exercises and programming challenges to reinforce HTML Canvas concepts through practical implementation.

View Exercises

Interactive Examples

Fundamentals

Lines, Arcs & Curves

Fundamental drawing primitives demonstrating how to create basic shapes and curves using Canvas API.

Explore Example
Composition

House Drawing

Complex composition example showing how to combine multiple shapes to create structured illustrations.

View Example
Advanced

Image Manipulation

Advanced techniques for loading, processing, and manipulating images within Canvas context.

Explore Example
Interactive

User Interaction

Interactive color manipulation demonstrating event handling and user input in Canvas applications.

Try Interactive Demo

Animations

Motion

Arc Animation

Dynamic arc rendering with smooth animation techniques using requestAnimationFrame.

View Animation
Curves

Quadratic Curve

Animated quadratic Bézier curves demonstrating control point manipulation.

View Animation
Advanced Curves

Bézier Curve

Complex cubic Bézier curves with multiple control points for smooth, flowing animations.

View Animation

Game Development

Interactive Game

Tic-Tac-Toe

Complete game implementation combining Canvas graphics, event handling, game logic, and state management. A practical demonstration of applying web technologies to create interactive applications.

Play Game