Host Institution: School of Science and Technology at Bangkok University , Thailand.


From early stages of infancy, human education includes learning about objects with a hands-on approach. In order to understand a real world object, we may simply hold it in our hands to get a sense of its size, weight, shape and texture. Haptic (tactile) interfaces allow us to touch and interact with virtual objects simulated on a computer as if they were real. The advent of haptic technology has made tactile hardware interfaces widely affordable and available. 3D display technology has reached mass consumption and the need for 3D content on the Web is imminent. Multimodal environments where visual and haptic stimuli are merged, convey information efficiently since the user experiences the environment through multiple sensory channels. This project introduced the faculty members, graduate/undergraduate students and researchers at Bangkok University to the area of advanced Human Computer Interaction (HCI) using Web3D and Haptics, through a series of lectures delivered by Dr. Felix Hamza-Lup as well as through personal interactions with the faculty and students. The main objectives of this Fulbright project are:

  • Establishing basic knowledge in 3D Web programming (X3D) and haptics by understanding the main theoretical paradigms and their applications
  • Interaction among the specialist and faculty members at Bangkok University with expertise in common areas of interest
  • Enhancing the on-going research in multimedia and computer graphics to expand in different and novel directions, spanning novel interdisciplinary research
  • Motivating the undergraduate and graduate students at the School of Science and Technology through exposure to state-of-the-art research in HCI
  • Opening the door for future collaborative research projects among the host and US institutes in VR, 3D imaging, haptics and multimedia in general.

COURSE: Web-based 3D Visual and Haptic User Interfaces

Course notes:
  1. Introduction
  2. Human Visual System [Download]
  3. Display Systems, Associated Paradigms [Download]
  4. Introduction to X3D, The X3D Scene Graph [Download]
  5. X3D: Geometry, Grouping and Navigation [Download]
  6. X3D: Texture, Material, Light Models [Download]
  7. X3D: Animation Paradigms: Interpolation, Routes [Download]
  8. The Human Tactile System [Download]
  9. Tactile Display Systems and Haptics Paradigms [Download]
  10. Haptic Rendering, Haptic Effects, Haptic Textures [Download]
  11. Designing Haptic Interactions [Download]
  12. H3D: Basic Force Models [Download]
  13. Simulation Validation [Soon]
  14. Students Projects and Discussions
Software (APIs,Tools) and X3D Resources
    X3D Book :
  1. X3D for web authors, D.Burtzman & L.Daly
  2. Web3D Coding:
  3. Nodepad++ [Download]
  4. Notepad++ X3D Syntax Plug-in [Download]
  5. X3D Authoring Tools;
  6. Authoring Tool: Content Studio [Download]
  7. Authoring Tool: X3D-Edit [Download]
  8. X3D Plug-ins:
  9. BitManagement X3D Player [Download]
  10. Instant Reality Player [Download]
  11. X3DOM with HTML5 [See]
  12. Related Conference:
Web3D - Code Examples
  1. See basic examples [Here]
  2. Cartesian Coordinate System [Here]
  3. ViewFrustum [Here]
  4. Transformations [Here]
  5. Grouping [Here]
  6. Anchor Nodes [Here]
  7. Billboards [Here]
  8. Texture Mapping [Here]
  9. Complex Geometry [Here]
  10. Basic Animation [Here]
  11. Color Animation [Here]
  12. Surface Normal Change Effects [Here]
  13. Scripting and Animation [Here]
  14. Complex X3D: [City Model]
Haptics - Resources & Code
  1. H3D API [Download]
  2. Open Haptics [See]
  3. Python
  4. - Tutorial [See]
    - IF... ELSE statements [See]
    - Classes [See]
  5. H3D: Deformable Surface [See]
  6. Basic Forces
  7. - H3D: Spring Model [See]
  8. Complex Deformable Models
  9. - H3D: Clay Deformable Model [See]
  10. GeoMagic [See]
  11. Falcon Novint [See]
  12. Falcon XIO [See]

Students Projects - Basic Objects
Benjamas - Mickey Mouse Chonlatan - Little Bird Komson - IceCream Cone 1 Sirilak - IceCream Cone 2
Subhavich - Saturn Supakorn - Castle Vichapol - Rocket ...

Students Projects - Light sources and Index Faceset
Benjamas - Transparency Chonlatan - Labyrinth Chonlatid - House Sakdipat - Pentagon
Sirapat - House Supakorn - Pyramid Vichapol - Sun? ...

Sessions photos ...