A. 如何在webgl制作的三维图形中，加入超链接，点击三维模型中的一部，弹出DIV框！谢谢！
//这个方法将使用XMLHTTPRequest对象来进行AJAX的异步数据交互
var xmlHttpRequest;
//用户名校验的方法
function verify() {
var success = createXMLHTTPRequest();
if (!success) {
return;
}
var userName = document.getElementById("userName").value;//获取用户名字
//2.注册回调函数
//注册回调函数时，之需要函数名，不要加括号
//我们需要将函数名注册，如果加上括号，就会把函数的返回值注册上，这是错误的
xmlHttpRequest.onreadystatechange = callback;
//3。设置连接信息
//第一个参数表示http的请求方式，支持所有http的请求方式，主要使用get和post
//第二个参数表示请求的url地址，get方式请求的参数也在url中
//第三个参数表示采用异步还是同步方式交互，true表示异步
//记住在url后面加上时间戳
//xmlHttpRequest.open("GET", "OriginalityAjaxAction?username=" + userName, true);
//POST方式请求的代码
xmlHttpRequest.open("POST", "OriginalityAjaxAction", true);
//POST方式需要自己设置http的请求头
xmlHttpRequest.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
//POST方式发送数据
xmlHttpRequest.send("username=" + userName);
//4.发送数据，开始和服务器端进行交互
//同步方式下，send这句话会在服务器段数据回来后才执行完
//异步方式下，send这句话会立即完成执行
//xmlHttpRequest.send(null);
}
//回调函数
function callback() {
//alert(xmlHttpRequest.readyState);
//5。接收响应数据
//判断对象的状态是交互完成
if (xmlHttpRequest.readyState == 4) {
//判断http的交互是否成功
if (xmlHttpRequest.status == 200) {
//获取服务器器端返回的数据
//获取服务器段输出的纯文本数据
var responseText = xmlHttpRequest.responseText;
//将数据显示在页面上
//通过dom的方式找到div标签所对应的元素节点
var divNode = document.getElementById("result");
//设置元素节点中的html内容
divNode.innerHTML = responseText;
} else {
alert("出错了！！！");
}
}
}
//创建XMLHTTPRequest对象来进行AJAX的异步数据交互
function createXMLHTTPRequest() {
//1.创建XMLHttpRequest对象
//这是XMLHttpReuquest对象无部使用中最复杂的一步
//需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码
if (window.XMLHttpRequest) {
//针对FireFox，Mozillar，Opera，Safari，IE7，IE8
xmlHttpRequest = new XMLHttpRequest();
//针对某些特定版本的mozillar浏览器的BUG进行修正
if (xmlHttpRequest.overrideMimeType) {
xmlHttpRequest.overrideMimeType("text/xml");
}
} else if (window.ActiveXObject) {
//针对IE6，IE5.5，IE5
//两个可以用于创建XMLHTTPRequest对象的控件名称，保存在一个js的数组中
//排在前面的版本较新
var activexName = [ "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
for ( var i = 0; i < activexName.length; i++) {
try {
//取出一个控件名进行创建，如果创建成功就终止循环
//如果创建失败，回抛出异常，然后可以继续循环，继续尝试创建
xmlHttpRequest = new ActiveXObject(activexName[i]);
break;
} catch (e) {
}
}
}
//确认XMLHTtpRequest对象是否创建成功
if (!xmlHttpRequest) {
alert("XMLHttpRequest对象创建失败!!");
return false;
} else {
//0 - 本地响应成功
//alert(xmlhttp.readyState);
return true;
}
}
B. 怎么样在网页中插入3D模型
如何在网页里插入3D模型并进行互动展示？
其实官方已经给出了插入网页的方法但是没有具体步骤，而且软件自动生成的代码有问题，不能自适应屏幕大小。所以很多没有接触过网页设计的朋友一头雾水不会修改。
首先需要安装一个Dreamweaver软件用于修改网页代码
在模版之家下载了如下图所示的一个网站，我们的目标是把3D模型插入到红框的位置。
还可以通过手机查看也可以分享到微信朋友圈，只要支持HTML5的浏览器都能查看。。。
C. 怎么导入3d模型
对于3d模型设计，使用最多的莫过于3dmax，因而3D模型也可以说是用3Ds MAX建造的立体模型，包括各种建筑、人物、植被、机械等等，比如一个大楼的3D模型图。3D模型也包括玩具和电脑模型领域。
首先安装3D插件，在软件安装的最后一步可以指定3DMAX的安装目录，如果在安装软件时没有指定目录，可以以后在开始菜单下找到程序，再找圆方软件，再找安装Max文件导入控件，重新指定，单击浏览按钮，找到3DMAX软件的安装目录后，单击确定，再选择你安装的3DMAX软件的版本，单击设置。
单击设置后，打开3DMAX软件，再单击文件下的打开命令，打开已存在的模型的文件，或自已建新的模型文件，附好材质。
单击文件菜单下的EXPORT导出命令，在文件类型中选择3d-YF MTF格式，在出现的对话框中单击OK，再关闭3DMAXS。
打开我们的软件，画一个房间，再单击三维空间按钮，直接进入三维空间，单击文件菜单下的导入3DMAXSMTF文件，选择我们先前导出的MTF文件。
模型被导入到三维场景中，这时也可以修改模型的材质，单击其它菜单中的选物体输出VR图块，单击以导入的模型文件，如有多个组成部分，可以按住SHIFT键进行多选
本回答由提问者推荐
D. 如何把3D物品放到web上展示
估计没戏。
成熟的3d设计基本上是3dmax，这个东西我看到的都是放到.net上，才能让用户自由查看。
E. 如何导入3d模型
你可以先去【绘学霸】网站找“3d建模”板块的【免费】视频教程-【点击进入】完整入门到精通视频教程列表： www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=307&zdhhr-11y17r-508054637
想要系统的学习可以考虑报一个网络直播课，推荐CGWANG的网络课。老师讲得细，上完还可以回看，还有同类型录播课可以免费学（赠送终身VIP）。
自制能力相对较弱的话，建议还是去好点的培训机构，实力和规模在国内排名前几的大机构，推荐行业龙头：王氏教育。
王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】： www.huixueba.com.cn/school/3dmodel?type=2&zdhhr-11y17r-508054637
在“3d建模”领域的培训机构里，【王氏教育】是国内的老大，且没有加盟分校，都是总部直营的连锁校区。跟很多其它同类型大机构不一样的是：王氏教育每个校区都是实体面授，老师是手把手教，而且有专门的班主任从早盯到晚，爆肝式的学习模式，提升会很快，特别适合基础差的学生。
大家可以先把【绘学霸】APP下载到自己手机，方便碎片时间学习——绘学霸APP下载： www.huixueba.com.cn/Scripts/download.html
F. 如何制作一个Web3D交互网站
一、Web 3D交互网站的制作方法
Web 3D其实就是网页三维，一般可以通过webgl、threejs、openGL等技术搭建底层3D引擎，将3D模型文件在网页端展示出来。
二、Web 3D交互网站的制作过程
制作一个Web 3D页面需要由3D建模人员和3D开发人员相互配合实现的。3D建模人员按照要求来建模，导出FBX文件给到开发人员，开发人员按照交互需求、表现效果以及接口数据要求等进行3D开发，最终实现网页端的三维展示效果。
G. 如何3d模型在web网页显示展示用什么技术
用threejs很容易做到，加载模型到网页上显示出来。要想添加点击效果，再加些代码来判断点击到哪个模型，要弹窗什么东西。
Threejs是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。
不过，这款引擎还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏）three.js的代码托管在github上面。
3d模型就是三维的、立体的模型，D是英文Dimensions的缩写。
3D模型也可以说是用三维软件建造的立体模型，包括各种建筑、人物、植被、机械等等，比如一个大楼的3D模型图。3D模型也包括玩具和电脑模型领域。
3D模型也分为：人物，交通运输，建筑装饰，家具电器，机械，动物、怪物、植物，服装，饰品，日常用品，乐器，艺术品等等。
譬如，欧式家具3D模型沙发座椅、床、餐椅、居室灯具、衣柜、电器等。欧式3D模型在室内设计表现风格中常用到，一般常用3D模型欧式沙发类，见图1-欧式沙发3D模型。
发展历史：
互联网的形态一直以来都是2D模式的，但是随着3D技术的不断进步，在未来的5年时间里，将会有越来越多的互联网应用以3D的方式呈现给用户，包括网络视讯、电子阅读、网络游戏、虚拟社区、电子商务、远程教育等等。甚至对于旅游业。
3D互联网也能够起到推动的作用，一些世界名胜、雕塑、古董将在互联网上以3D的形式来让用户体验，这种体验的真实震撼程度要远超的2D环境下的模型。
H. 怎样添加3D模型
对于3d模型设计，使用最多的莫过于3dmax，因而3D模型也可以说是用3DsMAX建造的立体模型，包括各种建筑、人物、植被、机械等等，比如一个大楼的3D模型图。3D模型也包括玩具和电脑模型领域。首先安装3D插件，在安装的最后一步可以指定3DMAX的安装目录，如果在安装时没有指定目录，可以以后在开始菜单下找到程序，再找圆方，再找安装Max文件导入控件，重新指定，单击浏览按钮，找到3DMAX的安装目录后，单击确定，再选择你安装的3DMAX的版本，单击设置。单击设置后，打开3DMAX，再单击文件下的打开命令，打开已存在的模型的文件，或自已建新的模型文件，附好材质。单击文件菜单下的EXPORT导出命令，在文件类型中选择3d-YFMTF格式，在出现的对话框中单击OK，再关闭3DMAXS。打开我们的，画一个房间，再单击三维空间按钮，直接进入三维空间，单击文件菜单下的导入3DMAXSMTF文件，选择我们先前导出的MTF文件。模型被导入到三维场景中，这时也可以修改模型的材质，单击其它菜单中的选物体输出VR图块，单击以导入的模型文件，如有多个组成部分，可以按住SHIFT键进行多选
I. html5怎样引入三维模型，创建360度旋转浏览
html5中引入3d模型的方法是借助第三方PlayCanvas插件来完成的。
比如可以用以下方法实现图片的360度旋转：
代码示例：
var render, loop, t, dt, //定义变量
DEG2RAD = Math.PI / 180, //角度转弧度
cvs = document.querySelector('canvas'), //创建canvas
ctx = cvs.getContext('2d'),//绘制2d图形上下文
teddy = new Image(), //创建图像
heart = new Image(), //创建图像中心
angle = 0,//初始化角度为0
reqAnimFrame =
window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.msRequestAnimationFrame ||
window.oRequestAnimationFrame;
//创建动画帧
cvs.width = 400;
cvs.height = 200;
teddy.src = 'xxx.jpg';
heart.src = 'yyy.jpg';
//开始渲染
render = function (timestamp) {
dt = timestamp - t;
t = timestamp;
// cavas设置为白色
ctx.fillStyle = "rgb(255,255,255)";
ctx.fillRect(0, 0, cvs.width, cvs.height);
// 绘制中心
ctx.drawImage(heart, -20, -120);
// 绘制teddy
ctx.save();
ctx.translate(cvs.width/2, cvs.height/2); // 移动鼠标到画布中心
ctx.rotate(DEG2RAD * angle); // 旋转画布
ctx.drawImage(teddy, -teddy.width/2, -teddy.height/2); // 绘制中心图片
angle += dt / 16.67 * 6; // increment angle ~ 360 deg/sec
ctx.restore();
};
loop = function (timestamp) {
reqAnimFrame(loop);
render(timestamp);
};
t = Date.now();
loop(t);