x3dom:2.鼠标互动事件（鼠标略过高亮；鼠标点击换色）

最新推荐文章于 2024-03-14 11:43:40 发布

小新快跑123

最新推荐文章于 2024-03-14 11:43:40 发布

阅读量595

点赞数

本文链接：https://blog.csdn.net/weixin_42755384/article/details/88824778

版权

x3d 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

很多时候，我们需要对模型元素（点线面实体）进行互动，例如装配体中的零件（实体）被选中，比如单纯的零件模型选中点线面，比如掠过点线面上应该有的高亮效果

效果图：
在这里插入图片描述

function highlight(the_shape) // 掠过部分高亮显示
    {
        // restore color for previous selected shape
        if(drag_state==false) {

            if (current_mat)
            {
                current_mat.diffuseColor = selected_target_color;
            }
            // store the shape for future process
            current_selected_shape = the_shape;
            console.log(the_shape);
            // store color, to be restored later
            appear = current_selected_shape.getElementsByTagName("Appearance")[0];
            mat = appear.getElementsByTagName("Material")[0];
            current_mat = mat;
            console.log(mat);
            selected_target_color = mat.diffuseColor;
            mat.emissiveColor = "0, 0, 1";
            //console.log(the_shape.getElementsByTagName("Appearance"));//.getAttribute('diffuseColor'));
        }
    }

        function facenormal(the_shape) // 掠出部分回归正常
    {
        // restore color for previous selected shape
        if(drag_state==false)
        {
            if (current_mat) {
                current_mat.diffuseColor = selected_target_color;
            }
            // store the shape for future process
            current_selected_shape = the_shape;
            console.log(the_shape);
            // store color, to be restored later
            appear = current_selected_shape.getElementsByTagName("Appearance")[0];
            mat = appear.getElementsByTagName("Material")[0];
            current_mat = mat;
            console.log(mat);
            selected_target_color = mat.diffuseColor;
            mat.emissiveColor="1 0 1";
            //console.log(the_shape.getElementsByTagName("Appearance"));//.getAttribute('diffuseColor'));
        }
    }
    function linenormal(the_shape) // 掠出部分回归正常
    {
        // restore color for previous selected shape
        if(drag_state==false)
        {
            if (current_mat) {
                current_mat.diffuseColor = selected_target_color;
            }
            // store the shape for future process
            current_selected_shape = the_shape;
            console.log(the_shape);
            // store color, to be restored later
            appear = current_selected_shape.getElementsByTagName("Appearance")[0];
            mat = appear.getElementsByTagName("Material")[0];
            current_mat = mat;
            console.log(mat);
            selected_target_color = mat.diffuseColor;
            mat.emissiveColor="1 0 0" ;
            //console.log(the_shape.getElementsByTagName("Appearance"));//.getAttribute('diffuseColor'));
        }
    }

<X3D >
	<Scene DEF='scene'>
        <NavigationInfo headlight="false" />
		<Transform DEF='Tube001' translation='0.000000 -0.500000 0.000000' scale='0.874985 1.000000 0.874985' >

		<Group>
			<Shape  onmousemove="highlight(this)" onmouseout="facenormal(this)">
				<Appearance DEF='_02_-_Default' >
				<Material  diffuseColor="1 0 0" emissiveColor="1 0 1"  >
				</Material>
				</Appearance>
				<IndexedFaceSet DEF='Tube001_0-GEOMETRY' solid='false' coordIndex='0 1 2 -1   3 4 5 -1   6 7 8 -1   9 10 11 -1   12 13 14 -1   15 16 17 -1   18 19 20 -1   21 22 23 -1   24 25 26 -1   27 28 29 -1   30 31 32 -1   33 34 35 -1   36 37 38 -1   39 40 41 -1   42 43 44 -1   45 46 47 -1   48 49 50 -1   51 52 53 -1   54 55 56 -1   57 58 59 -1   60 61 62 -1   63 64 65 -1   66 67 68 -1   69 70 71 -1   72 73 74 -1   75 76 77 -1   78 79 80 -1   81 82 83 -1   84 85 86 -1   87 88 89 -1   90 91 92 -1   93 94 95 -1   96 97 98 -1   99 100 101 -1   102 103 104 -1   105 106 107 -1   108 109 110 -1   111 112 113 -1   114 115 116 -1   117 118 119 -1   120 121 122 -1   123 124 125 -1   126 127 128 -1   129 130 131 -1   132 133 134 -1   135 136 137 -1   138 139 140 -1   141 142 143 -1   144 145 146 -1   147 148 149 -1   150 151 152 -1   153 154 155 -1   156 157 158 -1   159 160 161 -1   162 163 164 -1   165 166 167 -1   168 169 170 -1   171 172 173 -1   174 175 176 -1   177 178 179 -1   180 181 182 -1   183 184 185 -1   186 187 188 -1   189 190 191 -1   192 193 194 -1   195 196 197 -1   198 199 200 -1   201 202 203 -1   204 205 206 -1   207 208 209 -1   210 211 212 -1   213 214 215 -1   216 217 218 -1   219 220 221 -1   222 223 224 -1   225 226 227 -1   228 229 230 -1   231 232 233 -1   234 235 236 -1   237 238 239 -1   ' >
					<Coordinate point='-0.000000 0.000000 -1.150000, -0.000000 0.000000 -0.900000, 0.140791 0.000000 -0.888920, 0.140791 0.000000 -0.888920, 0.179900 0.000000 -1.135842, -0.000000 0.000000 -1.150000, 0.179900 0.000000 -1.135842, 0.140791 0.000000 -0.888920, 0.278115 0.000000 -0.855951, 0.278115 0.000000 -0.855951, 0.355370 0.000000 -1.093715, 0.179900 0.000000 -1.135842, 0.355370 0.000000 -1.093715, 0.278115 0.000000 -0.855951, 0.408591 0.000000 -0.801906, 0.408591 0.000000 -0.801906, 0.522089 0.000000 -1.024657, 0.355370 0.000000 -1.093715, 0.522089 0.000000 -1.024657, 0.408591 0.000000 -0.801906, 0.529007 0.000000 -0.728115, 0.529007 0.000000 -0.728115, 0.675953 0.000000 -0.930370, 0.522089 0.000000 -1.024657, 0.675953 0.000000 -0.930370, 0.529007 0.000000 -0.728115, 0.636396 0.000000 -0.636396, 0.636396 0.000000 -0.636396, 0.813173 0.000000 -0.813173, 0.675953 0.000000 -0.930370, 0.813173 0.000000 -0.813173, 0.636396 0.000000 -0.636396, 0.728115 0.000000 -0.529007, 0.728115 0.000000 -0.529007, 0.930370 0.000000 -0.675953, 0.813173 0.000000 -0.813173, 0.930370 0.000000 -0.675953, 0.728115 0.000000 -0.529007, 0.801906 0.000000 -0.408591, 0.801906 0.000000 -0.408591, 1.024657 0.000000 -0.522089, 0.930370 0.000000 -0.675953, 1.024657 0.000000 -0.522089, 0.801906 0.000000 -0.408591, 0.855951 0.000000 -0.278115, 0.855951 0.000000 -0.278115, 1.093715 0.000000 -0.355369, 1.024657 0.000000 -0.522089, 1.093715 0.000000 -0.355369, 0.855951 0.000000 -0.278115, 0.888920 0.000000 -0.140791, 0.888920 0.000000 -0.140791, 1.135842 0.000000 -0.179900, 1.093715 0.000000 -0.355369, 1.135842 0.000000 -0.179900, 0.888920 0.000000 -0.140791, 0.900000 0.000000 0.000000, 0.900000 0.000000 0.000000, 1.150000 0.000000 0.000000, 1.135842 0.000000 -0.179900, 1.150000 0.000000 0.000000, 0.900000 0.000000 0.000000, 0.888920 0.000000 0.140791, 0.888920 0.000000 0.140791, 1.135842 0.000000 0.179900, 1.150000 0.000000 0.000000, 1.135842 0.000000 0.179900, 0.888920 0.000000 0.140791, 0.855951 0.000000 0.278115, 0.855951 0.000000 0.278115, 1.093715 0.000000 0.355370, 1.135842 0.000000 0.179900, 1.093715 0.000000 0.355370, 0.855951 0.000000 0.278115, 0.801906 0.000000 0.408592, 0.801906 0.000000 0.408592, 1.024657 0.000000 0.522089, 1.093715 0.000000 0.355370, 1.024657 0.000000 0.522089, 0.801906 0.000000 0.408592, 0.728115 0.000000 0.529007, 0.728115 0.000000 0.529007, 0.930369 0.000000 0.675953, 1.024657 0.000000 0.522089, 0.930369 0.000000 0.675953, 0.728115 0.000000 0.529007, 0.636396 0.000000 0.636396, 0.636396 0.000000 0.636396, 0.813173 0.000000 0.813173, 0.930369 0.000000 0.675953, 0.813173 0.000000 0.813173, 0.636396 0.000000 0.636396, 0.529007 0.000000 0.728115, 0.529007 0.000000 0.728115, 0.675953 0.000000 0.930370, 0.813173 0.000000 0.813173, 0.675953 0.000000 0.930370, 0.529007 0.000000 0.728115, 0.408591 0.000000 0.801906, 0.408591 0.000000 0.801906, 0.522089 0.000000 1.024658, 0.675953 0.000000 0.930370, 0.522089 0.000000 1.024658, 0.408591 0.000000 0.801906, 0.278115 0.000000 0.855951, 0.278115 0.000000 0.855951, 0.355370 0.000000 1.093715, 0.522089 0.000000 1.024658, 0.355370 0.000000 1.093715, 0.278115 0.000000 0.855951, 0.140791 0.000000 0.888920, 0.140791 0.000000 0.888920, 0.179900 0.000000 1.135842, 0.355370 0.000000 1.093715, 0.179900 0.000000 1.135842, 0.140791 0.000000 0.888920, -0.000000 0.000000 0.900000, -0.000000 0.000000 0.900000, -0.000000 0.000000 1.150000, 0.179900 0.000000 1.135842, -0.000000 0.000000 1.150000, -0.000000 0.000000 0.900000, -0.140791 0.000000 0.888920, -0.140791 0.000000 0.888920, -0.179900 0.000000 1.135842, -0.000000 0.000000 1.150000, -0.179900 0.000000 1.135842, -0.140791 0.000000 0.888920, -0.278116 0.000000 0.855951, -0.278116 0.000000 0.855951, -0.355370 0.000000 1.093715, -0.179900 0.000000 1.135842, -0.355370 0.000000 1.093715, -0.278116 0.000000 0.855951, -0.408592 0.000000 0.801906, -0.408592 0.000000 0.801906, -0.522089 0.000000 1.024657, -0.355370 0.000000 1.093715, -0.522089 0.000000 1.024657, -0.408592 0.000000 0.801906, -0.529007 0.000000 0.728115, -0.529007 0.000000 0.728115, -0.675954 0.000000 0.930369, -0.522089 0.000000 1.024657, -0.675954 0.000000 0.930369, -0.529007 0.000000 0.728115, -0.636396 0.000000 0.636396, -0.636396 0.000000 0.636396, -0.813173 0.000000 0.813172, -0.675954 0.000000 0.930369, -0.813173 0.000000 0.813172, -0.636396 0.000000 0.636396, -0.728116 0.000000 0.529006, -0.728116 0.000000 0.529006, -0.930370 0.000000 0.675953, -0.813173 0.000000 0.813172, -0.930370 0.000000 0.675953, -0.728116 0.000000 0.529006, -0.801906 0.000000 0.408591, -0.801906 0.000000 0.408591, -1.024658 0.000000 0.522088, -0.930370 0.000000 0.675953, -1.024658 0.000000 0.522088, -0.801906 0.000000 0.408591, -0.855951 0.000000 0.278115, -0.855951 0.000000 0.278115, -1.093715 0.000000 0.355369, -1.024658 0.000000 0.522088, -1.093715 0.000000 0.355369, -0.855951 0.000000 0.278115, -0.888920 0.000000 0.140790, -0.888920 0.000000 0.140790, -1.135842 0.000000 0.179899, -1.093715 0.000000 0.355369, -1.135842 0.000000 0.179899, -0.888920 0.000000 0.140790, -0.900000 0.000000 -0.000001, -0.900000 0.000000 -0.000001, -1.150000 0.000000 -0.000001, -1.135842 0.000000 0.179899, -1.150000 0.000000 -0.000001, -0.900000 0.000000 -0.000001, -0.888919 0.000000 -0.140792, -0.888919 0.000000 -0.140792, -1.135841 0.000000 -0.179901, -1.150000 0.000000 -0.000001, -1.135841 0.000000 -0.179901, -0.888919 0.000000 -0.140792, -0.855951 0.000000 -0.278116, -0.855951 0.000000 -0.278116, -1.093715 0.000000 -0.355371, -1.135841 0.000000 -0.179901, -1.093715 0.000000 -0.355371, -0.855951 0.000000 -0.278116, -0.801906 0.000000 -0.408592, -0.801906 0.000000 -0.408592, -1.024657 0.000000 -0.522090, -1.093715 0.000000 -0.355371, -1.024657 0.000000 -0.522090, -0.801906 0.000000 -0.408592, -0.728115 0.000000 -0.529007, -0.728115 0.000000 -0.529007, -0.930369 0.000000 -0.675954, -1.024657 0.000000 -0.522090, -0.930369 0.000000 -0.675954, -0.728115 0.000000 -0.529007, -0.636395 0.000000 -0.636397, -0.636395 0.000000 -0.636397, -0.813172 0.000000 -0.813174, -0.930369 0.000000 -0.675954, -0.813172 0.000000 -0.813174, -0.636395 0.000000 -0.636397, -0.529006 0.000000 -0.728116, -0.529006 0.000000 -0.728116, -0.675952 0.000000 -0.930370, -0.813172 0.000000 -0.813174, -0.675952 0.000000 -0.930370, -0.529006 0.000000 -0.728116, -0.408590 0.000000 -0.801906, -0.408590 0.000000 -0.801906, -0.522088 0.000000 -1.024658, -0.675952 0.000000 -0.930370, -0.522088 0.000000 -1.024658, -0.408590 0.000000 -0.801906, -0.278114 0.000000 -0.855951, -0.278114 0.000000 -0.855951, -0.355368 0.000000 -1.093715, -0.522088 0.000000 -1.024658, -0.355368 0.000000 -1.093715, -0.278114 0.000000 -0.855951, -0.140790 0.000000 -0.888920, -0.140790 0.000000 -0.888920, -0.179898 0.000000 -1.135842, -0.355368 0.000000 -1.093715, -0.179898 0.000000 -1.135842, -0.140790 0.000000 -0.888920, -0.000000 0.000000 -0.900000, -0.000000 0.000000 -0.900000, -0.000000 0.000000 -1.150000, -0.179898 0.000000 -1.135842'/>
					<Normal vector='0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000, 0.000000 1.000000 0.000000'/>
				</IndexedFaceSet>
			</Shape>

			<Shape DEF="edg57" onmousemove="highlight(this)" onmouseout="linenormal(this)">
			<Appearance><Material  emissiveColor="1 0 0" /></Appearance>
			<LineSet vertexCount='2'><Coordinate point='0 0 1 2 6 16 '/></LineSet>
		</Shape>

		</Group>

		</Transform>
	</Scene>
</X3D>