A Framework for Interactive Web-Based Learning Materials Facilitating Competition and Collaboration through Gamification

This paper presents a framework for developing and sharing interactive web-based learning materials that incorporate gamification elements such as competition and collaboration. The system is designed to facilitate the integration of gamification into existing educational content by providing mechanisms for real-time interaction among learners. In particular, we implemented a WebSocket-based communication layer that enables Processing.js programs to exchange information across clients. This allows educators and learners to easily create, share, and extend interactive materials that promote engagement and motivation. The framework aims to support active learning by encouraging learners to compete, cooperate, and reflect on their performance while interacting with web-based educational content.