摘要: 上面说主要是通过矩阵来实现平面图形的平移、旋转、缩放,到最后完全可以用4*4矩阵实现所有的动作,接下来是对矩阵进行封装,其WebGL的流程和上面大部分相同,定义可以在webGL和javascript间传值的变量获取canvas 获取上下文 初始化webGL并传入参数接下来是获取定义的变量的存储位置 阅读全文
posted @ 2016-09-08 23:06 已注册用户名 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 通过WebGL实现是要先在WebGL内赋值,但是不实用,现是通过定义attribute和uniform存储限定符来将javascript中的数据传到webGL中,大致的流程是: 1、在js中定义存储限定符 2、在js中获取canvas 在js中获取隐藏浏览器兼容性的上下文环境 3、将定义的带有存储限 阅读全文
posted @ 2016-09-07 22:36 已注册用户名 阅读(203) 评论(0) 推荐(0) 编辑
摘要: (一) 首先,关于cad软件,通过命令EATTEXT可以得到3D模型的数据,并导出到txt等文件中。 然后,jsp页面实现了文件的上传,也就是说用户可以把自己设计的3D图形上传到我们的服务器中然后进行处理。 <%@ page contentType="text/html; charset=GBK" 阅读全文
posted @ 2016-09-06 23:13 已注册用户名 阅读(456) 评论(0) 推荐(0) 编辑
摘要: WebGL也是用来做3D的,WebGL(全写Web Graphics Library)是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬 阅读全文
posted @ 2016-09-05 22:42 已注册用户名 阅读(178) 评论(0) 推荐(0) 编辑
摘要: CSS3中的transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 基本语法:transform: none|transform-functions; 通过 rotateX() 方法,元素围绕其 X 轴以给定的度数进行旋转;通过 rotateY() 阅读全文
posted @ 2016-09-04 23:26 已注册用户名 阅读(107) 评论(0) 推荐(0) 编辑
摘要: 下载了可以设计生成模型的caxa软件,这个软件可以快速进行图像的绘画与制作,支持全参数化的工程建模方式,安装成功并运行。 可以制作成如下这样的: 另外,css3有些特殊的元素选择器这和jquery相似。效果图如下: 黑色的小球是旋转3D效果不是特别明显,主要是学习的是对每个小球的控制,上代码。 <! 阅读全文
posted @ 2016-09-03 22:31 已注册用户名 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 昨天说了解通过控制变量的参数实现一些基本的空间视觉效果,今天通过自己对例子中参数设置的变化更进一步的理解其属性代表的含义。例如,通过改变旋转的时间来实现物体旋转的速度,造成不一样的效果。 通过这些参数的变化深入体会,对CSS3有了进一步的理解。 阅读全文
posted @ 2016-09-02 21:41 已注册用户名 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 针对要解决的使网页上能够通过我们要做的插件实现3D展示问题,我们小组进行了分工,具体分工如下: 姜中希:网页上基本图形的3D展示比如正方体、球体; 王昭博:3D图形绘制软件的简单使用以及生成文件数据的分析; 周盼超:读取3D图形绘制软件生成文件的数据到网页中并还原出来; 孟祥娟:博客、文档的编写,项 阅读全文
posted @ 2016-09-01 21:59 已注册用户名 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 作品概述 现今,互联网上已不是单一静止的世界,动态HTML、flash动画、流式音视频,使整个互连网呈现生机盎然。动感的页面较之静态页面更能吸引更多的浏览者。三维的引入,必将造成新一轮的视觉冲击,使网页的访问量提升。娱乐站点可以在页面上建立三维虚拟主持这样的角色来吸引浏览者。 传统的网页只能通过文字 阅读全文
posted @ 2016-08-31 10:43 已注册用户名 阅读(1117) 评论(0) 推荐(0) 编辑