3d网络游戏大型游戏有哪些？
1：剑网三剑网三说是目前市面上最火爆的，玩的人最多的角色扮演类3D网游应该也不为过。历经多次的玩法更新和画质的提升，各方面已经几近达到了完美的程度。虽说西山居的客户端一贯的臃肿，优化一贯的渣，不过在游戏精良的程度上不服气是不行的。2：剑灵剑灵可以说是打击感最强，画质最好的一款网游没有之一。在当初内侧激活码就炒到上千，就可以看得出这款游戏在当初人气又多高。虽说经历了腾讯的魔改之后，游戏的人气下降的厉害，但是对于颜值党来说，依然是一款不可多得的好游戏。3：逆水寒作为一款在玩家骂声中成长的网游，逆水寒经历了无数次的人气起落。在曾经如果说肝和氪的网游，第一个联想到的就是这款游戏。不过随着策划的变更和游戏内的几次玩法更新，游戏终于走上了正轨，成了名副其实的最受欢迎游戏。4：一梦江湖原名楚留香的一梦江湖，现在仍然是3DMMORPG的代表之作，估计在腾讯的天刀手游上线之前，这款手游应该还是会在第一的位置坐的很稳。游戏无论是超高清的画面，还是多样化的玩法，在各方面都做的非常出色，以至于只要提到3D手游，第一个想到的就是本作。5：梦幻西游3D梦幻西游3D刚刚进行不限号测试，网易的突破似创新，让梦幻系列的这个IP向着不同的方向迈进了一大步。虽然MMO版的梦幻西游刚开始玩起来并不是很适应，在玩法上也是中规中矩，不过只要玩下去就会发现，这依然是我们熟悉的梦幻，并没有改变。
3d游戏有哪些
魔兽世界、天涯明月刀、九阴真经、剑网三、诛仙三、龙之谷。1、魔兽世界是全球知名的网络游戏公司暴雪娱乐开发的一款大型多人在线角色扮演游戏，这款网游也是一款风靡全球的网游。2、天涯明月刀是腾讯北极光工作室开发的一款武侠题材的大型多人在线角色扮演3D游戏，天涯明月刀是一款电脑端游戏。3、九阴真经是一款由蜗牛数字开发的手游，这款手游以武侠为题材，整个的故事和画面都非常的出彩，能让玩家代入进这个武侠世界。4、剑网三是一款电脑端3D游戏，发行商为金山软件西山居。剑网三以中国武侠为题材，超炫酷的画质和场景让玩家感觉到真的是进入了一个中国传统武侠世界。5、诛仙三是一款发行便风靡全国的电脑客户端游戏，发行方为北京完美时空网络技术有限公司。诛仙三在发行后不仅得到了玩家的喜爱，也得到了很多业内人士的称赞。6、龙之谷是一款动作冒险类的手游，是由上海盛大网络发展有限公司和上海欢乐互娱网络科技有限公司这两大游戏公司共同出品的。
HTML5如何在网页中实现3D效果
CSS3除了为开发者提供二维变形之外，还将动画从二维平面推动到了三维立体状态，能够实现真正的三维特效。三维变形和二维变形一样，均使用的是transform属性。想要触发三维变形有两种方式：一种方式是通过语法告知浏览器“请采用三维方式进行变形处理”，另一种方式是直接使用CSS3三维变形的语法。触发方法1：告知浏览器变形方式-webkit-transform-style:preserve-3d;Tips：IE不支持三维变形，在移动端，绝大多数的浏览器均为WebKit内核，因此，在此句代码之前需要书写-webkit-的前缀内核。Tips：不要为body元素设置-webkit- transform-style: preserve 3d,否则会对position:fixed定位的元素造成布局影响。在开发当中，如果当前元素属于body的子级元素，又希望应用三维变形，则在body和当前元素之间多嵌套一层结构，并为这层元素应用三维变形即可。触发方法2：直接使用CSS3变形语法 言成科技/title> .box1 { width: 150px; height: 150px; border: 2px solid blue; } .box1 div { height: 150px; background: rgba(0, 0, 0, 0.5); -webkit-transform: translate3d(30px, 60px, 20px) rotateX(30deg); transform: translate3d(30px, 60px, 20px) rotateX(30deg); } 具体三维变形的具体属性详见《CSS3-3D相关知识详解—视角以及变形方向》3D效果制作需求制作一个立方体，并进行旋转代码实例 言成科技 .main-bac { -webkit-perspective:1500; } /*设定透视距离*/ .main{ width:200px; height:200px; margin: 0 auto; position:relative; -webkit-transform-style:preserve-3d; -webkit-transition:-webkit-transform 2s ease 0s;/*过渡时间*/ } /*基本样式*/ .main p{ position: absolute; margin: 0; padding: 0; width: 200px; height: 200px; text-align: center; line-height: 200px; font-size: 26px; opacity:0.5; } /*将第一个元素Z轴向前移动100px，形成第一个面（正面）*/ .main p:nth-of-type(1) { background-color:red; -webkit-transform:translateZ(100px); } /*将第一个元素Z轴向前移动100px，绕x轴旋转90度形成上面的面*/ .main p:nth-of-type(2) { background-color:orange; -webkit-transform:rotateX(90deg) translateZ(100px); } /*将第一个元素Z轴向前移动100px，绕x轴旋转-90度形成下边的面*/ .main p:nth-of-type(3) { background-color:yellow; -webkit-transform:rotateX(-90deg) translateZ(100px); } /*将第一个元素Z轴向前移动100px，绕y轴旋转90度形成右侧的面*/ .main p:nth-of-type(4) { background-color:green; -webkit-transform:rotateY(90deg) translateZ(100px); } /*将第一个元素Z轴向前移动100px，绕y轴旋转-90度形成左侧的面*/ .main p:nth-of-type(5) { background-color:#b435bf; -webkit-transform:rotateY(-90deg) translateZ(100px); } /*将第一个元素Z轴向前移动100px，绕y轴旋转180度形成后面（背面）*/ .main p:nth-of-type(6) { background-color:blue; -webkit-transform:rotateY(180deg) translateZ(100px); } /*鼠标移入时绕Y轴旋转180度，绕Z轴旋转180度*/ .main:hover {-webkit-transform:rotateY(180deg) rotateZ(180deg); } 言成科技
3D立方体
HTML5学堂
3D立方体
码匠
JavaScript 代码解析当鼠标移入的时候，立方体逐渐的发生旋转（非突变），围绕X轴旋转45度的同时，围绕Y轴旋转45度。当鼠标移出立方体时，立方体恢复到初始状态。在最开始状态时，并没有采用无限远的视角，设置一定的视角，让刚开始时直视立方体时，不会觉得是一个平面。3D效果制作-目标效果图以上资料来源：《HTML5布局之路》
怎样在网页中展示3d模型？
如果要仔细回答的话，估计得需要很多篇论文来详细解说才行了。
按照制作路线简单说一下：
1、把3D模型准备好，需符合webgl上实时渲染规则（模型面数、材质模式、贴图规范、灯光及相机调整）
2、网页的UI设计稿到位
3、程序人员开始编写网页代码
4、网页开发完成提测
5、测试通过之后正式发布
以上就是大体的在网页上呈现实时渲染的3D模型（可360度旋转、缩放查看模型），是不是觉得有些脑袋大，需要3D美术、UI设计、程序开发、测试人员等通力配合才行，而且所耗时间也不少。
其实现在国内外已经有在线工具网站可以直接让3D美术快速完成一个模型在网页上的渲染呈现而且不需要UI和程序人员介入，免费使用的比如：sketchfab、Google poly、playcanvas、动动三维、腾讯磨坊等等
