- 博客(41)
- 资源 (2)
- 收藏
- 关注
原创 Gogent怎样在win8下设置Metro
Metro Apps是运行在被隔离的AppContainers环境中,该环境阻止了网络流量发送到本机,即Loopback。想必大家都发现了win8的metro app不能使用代理,如果挂了ie代理,metro版的ie就不能上网了。Metro应用默认情况下是不允许代理的,禁止访问127.0.0.1。如果大家想在Metro IE10登陆 twitter 和 facebook 这是个问题。其实windo
2015-05-10 11:55:31
1313
原创 一则貌似不好,又很有潜力的消息
CNET科技资讯网5月10日国际报道 Google已片面废止一个浏览器外挂计划O3D,转而全力投入由Mozilla起头的3D网络绘图技术WebGL。 这个行动可望简化将硬件加速3D绘图带入网络的工作,让网络成为电玩游戏等应用的基础。然而,这也代表O3D技术将退回到纸上谈兵的规划阶段。 但O3D的整体概念(一个比WebGL所提之3D基本要素更高层次的界面),不会就此消失。Google
2010-05-14 09:40:00
994
5
原创 o3d基本程序框架-(转 这个比我写的全面)
O3d 是一套开源的javascript API, 用来制作在浏览器中运行的3D 游戏,当然也可以用来展示商家的产品,做一些3D 模型。这系列教程会用一个个例子来展示如何写一个o3d 程序,展示o3d 所能够做的应用。 巧妇难为无米之炊,首先当然需要一些基本的东西,像o3d 插件,这个可以在google code 中获取,给个链接http://code.google.com/in
2010-04-03 22:26:00
1353
原创 o3d_shapes (转)
这一章介绍怎么用顶点数组创建一个3D 模型,如何创建一个shape 对象,缓冲(buffers) ,域(fields) 等等。 由于要定义这个3D 模型的每个顶点,然后存入顶点数组,所以这章不会画出一个比较复杂的3D 模型,我们只是画一个立方体来说明如何创建一个3D 模型,如果对于一个复杂的3D 模型还是一个个顶点画的话,只能说太牛逼了,那时候就要用到3dmax ,maya 等软
2010-04-03 22:25:00
721
原创 o3d模型变换 (转)
这一章比较简单,主要讲如何移动和旋转3D 空间中的物体,主要用到transform 对象其中的一些函数,在介绍这些函数之前,先介绍世界坐标系和局部坐标系。世界坐标系顾名思义就是以整个世界为坐标系,而局部坐标系则是以要变换的物体为中心的坐标系,其中物体绘制时各个顶点的坐标都是以这个局部坐标系为参照的,而进行移动变换时,则是以世界坐标系为参照,然后移动这个局部坐标系。进行旋转时也是绕着局部坐标系转的。
2010-04-03 22:23:00
1470
原创 o3d纹理映射(转)
这一章讲纹理,纹理,不能顾名思义了,其实就是一张图片,我们要做的就是把这张图片贴到模型上面,从而让模型一下子生动起来,说得有文采点就是栩栩如生,这个过程就叫纹理映射(也可以叫贴图)。纹理映射有时候能产生非常神奇的效果,比如说凹凸贴图,和凹凸贴图衍生出来的法线贴图,能够让只有几百个几千个多边形的模型产生几万个,几十万个多边形的模型的效果。 接下来就要介绍怎么创建一个纹理
2010-04-03 22:21:00
1013
原创 o3d中正反两个面都可以看见贴图
为了优化资源使用,在渲染时默认只能看见一个面,要正反两个面的话,只需加入如下代码即可g_viewInfo.performanceState.getStateParam(CullMode).value = g_o3d.State.CULL_NONE;g_viewInfo.zOrderedState.getStateParam(CullMode).value = g_o3d.State.C
2010-04-03 22:20:00
1530
转载 o3d 例子-跳动的篮球
此例子主要讲解三个部分 1. 贴图文件获取 贴图文件的装载采用 io 库实现,调用方法为 o3djs.io.loadTexture,此方法需要一个回调函数, 贴图(texture)作为回调函数的一个参数返回 2. 生成贴图材质 生成贴图材质有多种方法,本例中我们采用和例1一样的材质生成方法, 调用 o3djs.material.
2009-12-18 13:26:00
1105
原创 O3D 例2- 立方体的移动、缩放和旋转
通过transform 对象 实现 物体的移动、旋转和缩放 主要实现函数为 transform 的 translate方法、rotate方法和scale方法 和例子1的主要区别为 添加了 1. moveto 函数,实现移动 2. rotate 函数,实现旋转 3. scale 函数,实现缩放 edited by fieldyang--> 第二个例子-立方体的移动、缩
2009-12-18 13:25:00
1480
3
转载 O3D 编程起步
1. 下载 o3djs js库 ,下载地址为 http://o3d.googlecode.com/svn/trunk/samples/o3djs/,请下载所有的js库并放入一个文件夹中,文件夹名可任意,但建议命名为 o3djs 。2. 引入base.js , 网页和文件夹同级。3. 在 内加入 ,其中div 标签 id 必须以o3d开头,width 和 height 是标签的宽
2009-12-18 13:23:00
1563
1
转载 O3D 学习—如何复制一个Transform的模型
在三维布局中,我们经常需要把一个模型摆放多次,o3d模型加载函数(当然也可以用loader)为o3djs.scene.loadScene (clien,pack,parent,url,void callback)其中 parent 为一个transform如果 浏览器启用了cookie,可以在本地加载已下载过的模型(aaa.o3dtgz),但是,如果关闭了cooki
2009-12-18 13:20:00
1204
转载 IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结
测试代码时,发现不少IE可以运行的ajax,但在FF中报错。 IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结如下: 1.兼容firefox的 outerHTML,FF中没有outerHtml的方法。 if (window.HTMLElement) { HTMLElement.prototype.__defineSette
2009-09-13 15:32:00
659
原创 o3d中对人体模特的不同部分单独贴图的实现方法
Shader Test<!-- html, body { height: 100%; margin: 0; padding: 0; border: none; }--> html, body { height: 100%; margin: 0; padding: 0; bord
2009-09-11 18:34:00
1675
1
原创 Shadow Mapping in O3D
Shadow Mapping in O3D 给一个场景增加投影,可以极大程度改善3d的幻觉效果。Shadow mapping作为一种算法给许多硬件加速投影技术提供了基础。它通过两个通道渲染场景。1.从光的视角渲染场景来生成一个画面外的灰度图像,称作Shadow map(见下图)。每个像素的灰色投影代表了光和渲染点的距离。原则上,如果一个
2009-09-08 14:55:00
1006
原创 Shadow Mapping in O3D
Shadow Mapping in O3D 给一个场景增加投影,可以极大程度改善3d的幻觉效果。Shadow mapping作为一种算法给许多硬件加速投影技术提供了基础。它通过两个通道渲染场景。1.从光的视角渲染场景来生成一个画面外的灰度图像,称作Shadow map(见下图)。每个像素的灰色投影代表了光和渲染点的距离。原则上,如果一个
2009-09-08 14:55:00
946
转载 Google将在Chrome内建硬件3D加速功能
为了显示Chrome浏览器的优势,Google开始将支持硬件3D加速的O3D插件引入到Chrome中来。“O3D团队正在努力将O3D集成到Chromium(开源版的Chrome)中去,我们基本已经完成重要的第一步了”,程序员Greg Spencer周三在一个邮件列表的公告中提到:“我将会制作一个编译时需要O3D的Chromium Windows版本”。 在Go
2009-09-08 09:10:00
1151
原创 第4.2章 材质贴图2—立方体贴图例子逐步解释
第1步:定义纹理坐标 下面的步骤操作和代码指定纹理坐标,将其添加到一个数组,并添加到数组的缓冲区。该setVertexStream ( )函数指定如何读取缓冲区,并设置了一个顶点缓冲流。 指定(u,v)纹理坐标为每个顶点,并将其添加到一个数组( texCoordsArray ):var texCoordsArray = [ 0, 0, 1,
2009-09-07 17:09:00
1453
原创 第4.1章 材质贴图1
导言 本章介绍了如何创建纹理采样器并应用于3D图形贴图。最简单的形式,纹理是图像(二维数组的像素信息)是适用于表面的三维形状。图像可以使用tga,jpeg , png ,或DDS的格式。使用一个纹理采样器,需要先设置的一些状态参数,以说明如何适用纹理的形状。 立方体贴图的例子展示了创建六个面并对每个面进行贴图的过程。 关于纹理 O3D使用字符代表横向
2009-09-06 19:39:00
1753
转载 O3D技术简介(二)
导入内容 调用O3D库可以直接在应用程序上绘制基本形状(如点,线,三角形,三角面,三角柱形(triangle fan??)) 。如下所示O3D提供的示例显示如何从一个COLLADA文件导入内容,COLLADA转换器从3D内容创建应用程序导入内容,如Autodesk 3ds Max, Maya和Google SketchUp。 如上图所示, 最初的从3ds
2009-09-01 15:59:00
1602
4
原创 使用O3D javascript API构建一个O3D应用
在HTML中导入所需要的js包。O3D Example <!--//o3d js// --> O3D Example 一个复杂的3D应用包含场景、摄像机、3D几何体、灯管和材质等。o3djs.require(o3djs.util);o3djs.require(o3djs.rendergraph
2009-09-01 15:44:00
1479
1
原创 O3D的优点和几个基本概念
O3d 使用一个程序可控的图形管道模型而不是一个固定功能的管道。这个程序可控的管道使用shader语言,依据hlsl和Cg,使你可以通过vertex shaders和pixel shaders来直接对cpu编程。在程序可控CPUs出现以前,图形程序员被限制在固定功能的图形处理流水线中。计算transformations,lighting,texture coordinates和其他环境
2009-08-31 18:48:00
1412
原创 O3D API (1)
1、 o3djs.rendergraph.createBasicView(!o3d.Packpack !o3d.TransformtreeRoot !o3d.RenderNodeopt_parent !o3djs.math.Vector4opt_clearCol
2009-08-28 16:55:00
1023
1
转载 CSS的限制
使用“完整”的CSS的缺点包括: 浏览器支持的不一致性 浏览器的漏洞或缺乏支持的CSS功能,导致不同的浏览器显示出不同的CSS版面编排。例如在微软Internet Explorer6.0的旧版本 ,执行了许多自己的CSS2.0属性,曲解了很多重要的属性,例如:width,height,和float。许多所谓的CSS人员,必须在最热门的或常用的浏览器中达到一致的版面编排。在不同的浏览器中,要达
2009-08-22 11:16:00
723
转载 DIV+css的结构
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、hspace、align="left"
2009-08-22 11:14:00
628
1
转载 DIV+css的结构
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、hspace、align="left"
2009-08-22 11:11:00
782
转载 详细讲解CSS规范化命名的三种通用命名规则
骆驼式命名法: 正如它的名称所表示的那样,是指混合使用大小写字母来构成变量和函数的名字。例如,下面是分别用骆驼式命名法和下划线法命名的同一个函数: printEmployeePaychecks(); print_employee_paychecks(); 第一个函数名使用了骆驼式命名法,函数名中的每一个逻辑断点都有一个大写字母来标记;第二个函数名使用了下划线法,函数名中
2009-08-22 11:10:00
762
转载 CSS Hack 汇总快查
屏蔽IE浏览器(也就是IE下不显示)*:lang(zh) select {font:12px !important;} /*FF,OP可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。仅
2009-08-22 11:09:00
564
转载 CSS设计网页的经验
相信对大家是有一些帮助与启发的。有些习惯显得尤为重要,今天与您分享六个CSS习惯。因为习惯其实是会变的,所以只能写“最近”的。这些习惯都跟技术无关,如果不遵守,也不会出错。但是我觉得良好的习惯会体现一个人的素质。 一、用class_name方式写类名。 以前喜欢用class-name写,不过好像两样也没什么差别。但我比较反对用className写类名,因为始终对浏览器大小写敏感的问题抱
2009-08-22 11:04:00
517
转载 CSS语法(二)
6. 样式表的层叠性 层叠性就是继承性,样式表的继承规则是外部的元素样式会保留下来继承给这个元素所包含的其他元素。事实上,所有在元素中嵌套的元素都会继承外层元素指定的属性值,有时会把很多层嵌套的样式叠加在一起,除非另外更改。例如在DIV标记中嵌套P标记: div { color: red; font-size:9pt} …… 这个段落的文字为红色9号字
2009-08-22 10:52:00
557
转载 Javascript在html加载时的执行顺序
一、在HTML中嵌入Javasript的方法直接在Javascript代码放在标记对和之间 由标记的src属性制定外部的js文件 放在事件处理程序中,比如:点击我 作为URL的主体,这个URL使用特殊的Javascript:协议,比如:点击我 利用javascript本身的document.write()方法写入新的javascript代码 利用Ajax异步获取javascript代码,然后
2009-08-18 21:48:00
3909
原创 第3章—形状和模型
3D几何学中用顶点组成复杂的模型,o3d也不例外。本章介绍怎样定义几何图形的arrays(数组), buffers(缓冲), fields(域)及 streams(流)。 1、图形和基元(点、线、面) 三维图形是许多基元的集合,基元包含了组成图形的集合元素及其它的定点数据等信息。顶点数据保存在普通的JavaScript数组里,这些数组被添加到o3d缓冲(bu
2009-08-18 19:58:00
997
原创 Web开发调试工具
Firebug是一个插件,能够调试所有网站语言,如Html、Css、javascript等。虽然52CSS.com以前向大家介绍过很多工具,但还是强烈向大家推荐FireBug! Firebug集HTML查看和编辑、Javascript控制台、网络状况监视于一体,可以说是开发人员必备扩展之一。Firebug从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。 Fi
2009-08-18 10:42:00
824
2
转载 CSS的语法
如何将样式表加入到网页: 链入外部样式表文件 (Linking to a Style Sheet) 你可以先建立外部样式表文件(.css),然后使用HTML的link对象。示例如下: 文档标题 而在XML中,你应该如下例所示在声明区中加入: 定义内部样式块对象 (Embedding a Style Block)
2009-08-18 10:20:00
512
转载 使用CSS+DIV的优点
什么是Cascading Style Sheets(层叠样式表) * CSS是Cascading Style Sheets(层叠样式表)的简称. * CSS语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行(属于浏览器解释型语言). * 在标准网页设计中CSS负责网页内容(XHTML)的表现. * CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件
2009-08-18 09:57:00
894
转载 3D绘图过程及原理简介
Standard Primitives(标准几何体) 在创建命令面板的Geometry(几何体)对象类型中有如下几个次级分类项目: · Standard Primitives(标准几何体):相对简单的几何体,如立方体、球体和锥体等。· Extended Primitives(扩展几何体):相对复杂的几何体,如倒角柱体和纺锤体等。· Compound Objects(合成物体):通过合成
2009-08-16 18:47:00
6055
转载 SVN使用方法
SVN使用: 1. 首先是安装TortoiseSVN这个Win下的客户端(当然用subversion自己的svn这个客户端也可以完成所有操作,理论上)。这个客户端是集成到Explore里的,所以没有什么独立的窗体,所有操作右键菜单来完成。 2. svn使用基本流程: 下面说的命令都与TortoiseSVN菜单上的名称一致。 a. 初次(initial)取出(checkout)repos,建立本地工
2009-08-16 13:23:00
2150
原创 第1章—O3D程序框架
一、要创建一个o3d项目需要做的基本工作 1、生成o3d对象 2、给全局变量赋值并且初始化API库 3、生成pack包,用于管理所有产生的o3d对象 4、生成渲染图形 5、建立上绘图环境(透视网格和视图转换) 6、生成效果,并加载渲染信息 7、生成素材和形状,设置素材列表及其他素材参数
2009-08-16 10:58:00
1886
1
原创 怎样将3dmax模型转换为*.o3dtgz
要用o3d API在场景中导入3dmax建的模型,需要将模型转换为*.o3dtgz文件。转化之后的文件才可以被o3d读取,否则不能加载到场景中。转换之后,利用javascript场景加载函数o3djs.scene.loadScene()加载转换之后的.o3dtgz文件,就可将模型加载到场景中。下面我们就说一下怎样利用3dmax2008导出 COLLADA 文件,即*.dae文件,并将.d
2009-08-15 17:51:00
5245
17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人