Bug Report

Write your comments here:

Play with Animals


A collaborative 3D web streaming application is presented for preschool children's education which combines HTML5, X3D, X3DOM, and WebSockets technologies. An instructor can arrange small real or virtual classes and have control the main 3D scenery.
This can provide a positive and encouraging environment for toddlers to interact with a computer while they recognize and play with 3D animated models of animals. Both 3D visualizations and gaming might be the most attractive way to stimulate learning by children. The application we have developed uses the state of the art web technologies to provide an easy-to-use collaborative and educational environment.
The architecture of 3D web-application involves a WebSockets server that connects the participants in a 3D world. An HTML5 client requests an X3D file from a web server and using X3DOM, the 3D world is displayed on a canvas element in a web page. Furthermore, any event from the original 3D world such as rotation, update, and etc. is transferred via websockets to the clients. Moreover, the clients can interact with the 3D world by rotating or adding 3D objects. A 3D application can run not only on any operating system, but also on any device with an HTML5-compliant browser.
In addition, a Host application is used by an instructor to display 3D animals on the client-peers. On the other hand, the children have the option to add new 3D animals, rotate them and send messages to the Host when recognizing the animals placed in the screen by the Host.
Finally, the service logic is responsible for implementing the communication between Host and Client peers. It receives the messages which are sent by the Host peer over the active WebSocket and delivers them to the connected client peers over the corresponding WebSocket.

Technologies which are used:


HTML5 is a markup language used for structuring and presenting content for the World Wide Web and a core technology of the Internet.Features such as audio, video, canvas are designed to make it easy to include and handle multimedia and graphical content on the web without the use of plugins.


WebSocket is a web technology providing full-duplex communication channels over a TCP connection. It is a next generation client-to-server bidirectional communication technology for web applications which operates over a single socket. WebSockets are designed to be implemented in web browsers and web servers.


The combination between WebGL and JavaScript has led to the development of X3DOM, an open-source framework, which allows us to work with 3D content without the use of plugins.