Dual-Mode User Interfaces for Web Based Interactive 3D Virtual Environments Using Three.js']js

被引:2
|
作者
Stanton, Matthew [1 ]
Hartley, Thomas [1 ,2 ]
Loizides, Fernando [1 ,2 ]
Worrallo, Adam [1 ,2 ]
机构
[1] Univ Wolverhampton, Maths & Comp Sci Dept, Wolverhampton, W Midlands, England
[2] Univ Wolverhampton, Emerging Interact Technol Lab, Wolverhampton, W Midlands, England
关键词
Dual-Mode user interfaces; 3D web; Three.[!text type='js']js[!/text;
D O I
10.1007/978-3-319-68059-0_47
中图分类号
TP18 [人工智能理论];
学科分类号
081104 ; 0812 ; 0835 ; 1405 ;
摘要
3D objects are now being embedded within HTML pages without the need for additional software, such as browser plug-ins. However, 2D and 3D web content are still typically treated as separate entities with limited interaction. Our research presents a working prototype implementation of a dual-mode user interface for interactive 3D environments. The developed interface allows the user to instantly switch between a traditional hypertext interface and an immersive 3D environment that incorporates 2D HTML elements. The results from an initial user study show that 2D and dual-mode interfaces allow for quicker retrieval
引用
收藏
页码:441 / 444
页数:4
相关论文
共 50 条
  • [1] 3D Modeling and WebVR Implementation using Azure Kinect, Open3D, and Three.js']js
    Yun, Won Joon
    Kim, Joongheon
    [J]. 11TH INTERNATIONAL CONFERENCE ON ICT CONVERGENCE: DATA, NETWORK, AND AI IN THE AGE OF UNTACT (ICTC 2020), 2020, : 240 - 243
  • [2] Investigating Web3D topics on StackOverflow: a preliminary study of WebGL and Three.js']js
    Almansoury, Farag
    Kpodjedo, Segla
    El Boussaidi, Ghizlane
    [J]. PROCEEDINGS OF THE 25TH ACM CONFERENCE ON 3D WEB TECHNOLOGY, WEB3D 2020, 2020,
  • [3] Morph Targets for 3D Facial Animation with Webcam Using Facemesh, Jeeliz-transfer APIs and Three.js']js
    Sinthanayothin, Chanjira
    Bholsithi, Wisarut
    Wongwaen, Nonlapas
    [J]. THIRTEENTH INTERNATIONAL CONFERENCE ON DIGITAL IMAGE PROCESSING (ICDIP 2021), 2021, 11878
  • [4] 基于Three.js的3D磁盘阵列设计
    高齐琦
    江婷
    田世隆
    林嘉琦
    [J]. 计算机系统应用, 2018, 27 (11) : 241 - 246
  • [5] 基于Three.js的3D机场态势系统设计
    糜小兵
    孟献轲
    [J]. 舰船电子工程, 2020, 40 (08) : 111 - 113
  • [6] On the design of a Dual-Mode User Interface for accessing 3D content on the World Wide Web
    Jankowski, Jacek
    Decker, Stefan
    [J]. INTERNATIONAL JOURNAL OF HUMAN-COMPUTER STUDIES, 2013, 71 (7-8) : 838 - 857
  • [7] 基于Three.js的虚拟模型3D交互展示研究及实现
    苏龙生
    邓斯尧
    周佳莹
    古天驰
    顾树烁
    黄志明
    李晓东
    [J]. 科技创新与应用, 2024, 14 (01) : 43 - 46
  • [8] 基于Three.js 3D引擎的三维网页实现与加密
    王腾飞
    刘俊男
    周更新
    [J]. 企业技术开发, 2014, 33 (02) : 79 - 80
  • [9] User interfaces based on 3D avatars for interactive television
    Ugarte, Alex
    García, Igor
    Ortiz, Amalia
    Oyarzun, David
    [J]. INTERACTIVE TV: A SHARED EXPERIENCE, PROCEEDING, 2007, 4471 : 107 - 115
  • [10] 基于Three.JS的外业检测人员3D可视化监测系统
    肖洪
    [J]. 物联网技术., 2024, 14 (12) - 31+34