x3d
小新快跑123
这个作者很懒,什么都没留下…
展开
-
x3d:了解x3dom
x3dom是类似于threejs的存在,threejs能有非常炫酷的效果,但x3dom更加适用cad领域(因为其特有的格式x3d已经被html5所接受),虽然该框架不够流行,但在cad领域是比较合适的框架 官网: https://www.x3dom.org/ ...原创 2019-03-26 16:29:47 · 2160 阅读 · 0 评论 -
x3dom:11.平面绘图
参考:https://www.x3dom.org/x3dom/example/x3dom_geoPrimitives2D.xhtml原创 2019-03-26 20:44:35 · 298 阅读 · 0 评论 -
x3dom:10.模型上贴字
其实就是在上面贴图就好了。(为每一个面贴图) 效果图: <!DOCTYPE html > <html > <head> <meta http-equiv="X-UA-Compatible" content="chrome=1" /> <meta http-equiv="Content-Type" content="te...原创 2019-03-26 20:32:35 · 251 阅读 · 0 评论 -
x3dom:9.为物体添加纹理
参考网页:https://www.x3dom.org/x3dom/example/x3dom_texture.xhtml 核心代码: <ImageTexture url='"texture/lorsch/7718008.jpg"'/> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:...原创 2019-03-26 20:06:50 · 495 阅读 · 0 评论 -
x3dom:7.观察范围限制
参考网页:https://www.x3dom.org/x3dom/example/x3dom_turntable.html 源码: <!DOCTYPE html> <html style='width:100%; height:100%; border:0; margin:0; padding:0;'> <head> <meta http-e...原创 2019-03-26 19:58:26 · 307 阅读 · 0 评论 -
x3dom:7.跟随选中(并显示标签)
参考网页: https://www.x3dom.org/x3dom/example/x3dom_uiEvents.html原创 2019-03-26 19:46:10 · 342 阅读 · 0 评论 -
x3dom有趣的例子:游戏动画运动
网页链接:https://www.x3dom.org/x3dom/example/x3dom_wowExport.xhtml 效果一览原创 2019-03-26 19:37:46 · 337 阅读 · 0 评论 -
x3dom:6.建立坐标系及坐标网格
实体坐标系(加x,y,z标志) <X3D> <Scene> <Transform id="CoordinateAxes"> <shape> <appearance> <material diffuseColor='1 1 0.9'></material>...原创 2019-03-26 19:23:04 · 711 阅读 · 0 评论 -
x3dom:5.移动实体(在坐标系里位置变化)
参考的案例: https://www.x3dom.org/x3dom/example/MovingObjectsWithDOMEvents.html 源码: <!DOCTYPE html> <html style='width:100%; height:100%; border:0; margin:0; padding:0;'> <head> ...原创 2019-03-26 19:06:44 · 556 阅读 · 0 评论 -
x3dom:4.材质效果和阴影效果
阴影效果: <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <title>X3DOM Shadow Example</title> <script type='text/javascript' src='https:/...原创 2019-03-26 18:46:48 · 349 阅读 · 0 评论 -
x3dom:3.剖视实体(裁切面)
实例网页: https://examples.x3dom.org/clipPlane/clipplane.html?spm=a2c4e.11153940.blogcont329973.5.3a4a6461ofF4Du原创 2019-03-26 17:36:44 · 674 阅读 · 0 评论 -
x3dom:2.鼠标互动事件(鼠标略过高亮;鼠标点击换色)
很多时候,我们需要对模型元素(点线面实体)进行互动,例如装配体中的零件(实体)被选中,比如单纯的零件模型选中点线面原创 2019-03-26 17:05:41 · 641 阅读 · 3 评论 -
x3dom:1.导入模型并显示
html支持直接使用javascrip的代码,以及x3d的代码,其中导入x3d模型将会非常easy <Inline nameSpaceName="axes1" mapDEFToID="true" url="axesSmall.x3d" /> nameSpaceName 代表的为这个模型起的名字 url表示导入的x3d模型从哪里来 先上效果图: 源代码: <html>...原创 2019-03-26 16:50:02 · 1464 阅读 · 3 评论 -
x3dom:12.三维实体基本元素:绘制点线面
此章节与第二节呼应 x3dom:2.鼠标互动事件(鼠标略过高亮;鼠标点击换色)原创 2019-04-01 14:49:46 · 550 阅读 · 0 评论