网页3D编辑器Stone案例：对象点击交互事件处理

如何在普通网页中处理Stone 3D场景中模型点击交互事件。

stone, example

《aframe.js 3d拼图代码详解》作品已被踏得网收录！

第三方库
作品简介 2005
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

HTML

<html>

<head>
    <title>网页3D编辑器Stone案例：对象点击交互事件处理</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <script src="https://techbrood.com/stone/tds_rt.js?1.2.1"></script>
    <style>
        body {
            background-color: #222222;
            margin: 0;
        }
        #stone_div {
            width: 100%;
            height: 100vh;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            text-align: center;
        }
    </style>
</head>

<body>
    <div id="stone_div">
        
    </div>
    <script type="text/javascript">
        window.onload = (event) => {
            TDS_RT.init('https://techbrood.com/stone/demo/event_demo.tsp?1.0', 'stone_div');
        };

var cont = document.getElementById('stone_div')
        cont.addEventListener("tds_ev_entity_pointerdown", function(event) {
            alert('your have clicked object: ' + event.detail.object);
        });
    </script>
    <script src="//wow.techbrood.com/libs/prefixfree.min.js"></script>
    <script src="//wow.techbrood.com/libs/modernizr.js"></script>
</body>

</html>

如何在普通网页中处理Stone 3D场景中模型点击交互事件。

stone, example

编辑器支持Emmet

快捷键

如何在普通网页中处理Stone 3D场景中模型点击交互事件。

stone, example

网页3D编辑器Stone案例1：地球和月亮

网页3D编辑器Stone案例7：吊灯灯泡发光特效

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：