小弟最近想学习下制作网页中带旋转放缩功能的3D模型浏览器,但又不想用Flash实现。查阅了些资料对HTML5很感兴趣,无奈之前没有怎么接触过网页制作,不太了解HTML和HTML5这方面的知识,希望高人能指点一下大致步骤,能给我推荐一些相关的教程是最好啦!!感谢各位了!!从我今天了解到的资料看,貌似需要用到HTML5的Canvas + WebGL,又看到网上说要把3DMAX的模型文件导入网页需要用类似什么three.js的引擎文件,但是无奈不知道这些引擎在哪下载又要怎么使用,3DMAX导出的.obj模型文件也不清楚要如何嵌入网页中,请各位高手指点一个给个比较系统的教程网站吧,实在是在网上找不太到额,十分感谢!

解决方案 »

  1.   

    找一个学Maya设计的朋友,可以使用Unity3D技术。
      

  2.   

    暂时估计找不到额。。主要就是想请问下我下了一个three.js引擎的压缩包,也下载了blender,但是随便在3DMAX里面建模之后导出了obj文件就不知道咋用于HTML5里面了。。我在网上看到一个类似的3D VIEWER,但是看他的源代码不知道是怎么导入模型文件的,代码里有
            var avatar = new JSC3D.Mesh;
    avatar.name = 'lili';
    avatar.vertexBuffer = [-0.0055,-0.6549,0.0981,
            avatar.indexBuffer = [0,1,2,-1,2,
            avatar.texCoordBuffer = [0.625, 0.0039, 
            avatar.texCoordIndexBuffer = [0,1,2,
    这样的代码,貌似是obj文件的内容,但是我自己的OBJ里面没有indexbuffer这些东西只有vertices,vertex normals,texture coords这些,不知道是到底要怎么使用难道要导入模型都是把这些坐标全部输入?也搞不懂那个three.js引擎要怎么用,解压后很多文件夹 T-T
      

  3.   

    做的怎么样了?我也在研究这个,如何把.obj的3D模型在web中显示。你说的那些代码是包含三维图像顶点坐标、法线、纹理坐标、纹理坐标索引等,我也没弄很清楚,对3D图像的信息不熟悉。你说的这个例子的代码我见过,是先根据数组里边的信息建出3d模型,然后在利用相关的图片包含的信息给这个模型添加颜色什么的!对吧!
      

  4.   

    你下了three.js没有,如果有的话,你可以看一下example里面的load这几个例子
      

  5.   

    我的回答可以解决你部分问题,但是要实现鼠标缩放 旋转 放大等等还需自己去实现。
    https://github.com/Ovilia/ThreeExample.js