在x3dom中挑選示例

有沒有人有關於挑選x3dom對象的簡單示例。在x3dom的主頁中給出了兩個樣本，但它們對於理解它們是複雜的。如果有人能夠爲我提供更簡單的例子，我會非常感激。提前感謝你。在x3dom中挑選示例

2012-12-21 user1879084

不知道到底是什麼你的意思是通過挑選

這裏是改變顏色，基於鼠標點擊鼠標懸停和鼠標移開

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
<link rel="stylesheet" type="text/css" href="http://x3dom.org/x3dom/example/x3dom.css"> </link> 
<script type="text/javascript" src = "http://x3dom.org/x3dom/example/x3dom.js"></script> 
</head> 
<body> 

<X3D width="500px" height="400px" showLog='true' showStat="true"> 
<Scene DEF='scene' > 
<Shape > 
<Box onclick="toggleRendering();" onmouseover="toggleRendering2();" onmouseout="toggleRendering3();" />   
<Appearance><Material diffuseColor='0 1 0' /></Appearance> 
</Shape> 
</Scene> 
</X3D> 


<script> 

var flag = true; 

function toggleRendering() 
{ 
flag = !flag; 

var mat = document.getElementsByTagName("Material"); 
var aMat = mat[0]; 

if (flag) aMat.diffuseColor = "1 0 0"; 
else aMat.diffuseColor = "0 0 1"; 

return false; 
} 

function toggleRendering2() 
{ 
var mat = document.getElementsByTagName("Material"); 
var aMat = mat[0]; 

aMat.diffuseColor = "1 1 1"; 

return false; 
} 


function toggleRendering3() 
{ 
var mat = document.getElementsByTagName("Material"); 
var aMat = mat[0]; 

aMat.diffuseColor = "0 0 0"; 

return false; 
} 
</script> 

</body> 
</html>

來源

2012-12-22 12:24:32 drfrog

謝謝你我的意思是一樣的reply.What採樣頁面在示例http://www.x3dom.org/x3dom/example/x3dom_carousel.xhtml中給出了一個。在單擊時顯示鏈接到x3dom對象的屬性或數據庫。該示例在我的電腦中似乎不起作用。鼠標移動時顏色沒有變化。這可能是什麼原因？再一次感謝你。 – user1879084

首先我會建議使用firefox或chrome來調試你的x3dom。都有很大的調試插件來幫助您診斷問題。基本上，旋轉木馬的例子是每個球體/行星上都有一個onclick。 onclick會觸發showvalue函數，該函數會將url加載到右側的div元素中。只要看看源代碼就可以瞭解那裏的邏輯 – drfrog

在x3dom中挑選示例

回答

相關問題