wjlgryx
- 浏览: 307213 次
- 性别:
- 来自: 北京
-
最新评论
-
开发小菜：
支持IE9以下的吗？
HTML5+CSS3+JQuery打造自定义视频播放器 -
攻城使：
开发Html5必须得下载么，我用dw编写，把文件复制到myec ...
html5开发 myeclipse安装aptana插件 -
疾风鹰狼：
...
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码 -
sardodo：
你好，我想问下，导入例子中的.dae格式模型是可以看到旋转的小 ...
c3dl 初步认识 -
BIOHAZARDX：
下载学习，初学者膜拜一下。
html5 实现动画（三）
文章列表
HTML5之中一个很酷的新特性就是WebSockets，它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket，创建客户端并通过WebSockets协议发送和接收服务器端信息。
什么是WebSockets？
WebSockets是在一个(TCP)接口进行双向通信的技术，PUSH技术类型。同时WebSockets仍将基于W3C标准，目前为止，Chrome和Safari的最新版本浏览器已经支持WebSockets了。
WebSockets将会替代什么？
WebSockets可以替代Long Polling(PHP服务端推送技术)，这是一个有趣 ...
简介： 新的 HTML5 规范旨在帮助开发人员更轻松的编写出各类 Web 应用，以顺应当前 SaaS，云计算以及 RIA 等技术的最新趋势。在 HTML5 得以广泛推广之前，开发人员通常使用 SVG，VML 等技术进行 Web 绘图操作，但这些基于 XML 的绘图语言声明式的绘图方式并不能满足复杂绘图操作在性能上的需求，比如 Web 游戏所需要的像素级别的绘图能力。HTML5 canvas 元素的出现填补了这种不足，开发人员可以使用 JavaScript 脚本语言在 canvas 中进行一系列基于命令的图形绘制操作，本文将通过讲解如何使用 canvas 元素进行基本绘图操作，以及完成简单的动画和 ...
1. <html>
2.
3. <head>
4. <meta http-equiv="Content-Type" contentType="text/html; charset=UTF-8" %>
5. <title>Title</title>
6. <ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ">
7. var ball;
8. var mouseX = 100;
9. var mouseY = 100;
10. var ...
JSON 是什么？
JSON的全称是JavaScript Object Notation，是一种轻量级的数据交换格式。JSON与XML具有相同的特性，例如易于人编写和阅读，易于机器生成和解析。但是JSON比XML数据传输的有效性要高出很多。JSON完全独立与编程语言，使用 ...
Making an Application with O3D
Make the HTML for the webpage.
Step 1: Setup
...
<script type="text/javascript" src="../o3djs/base.js"></script>
<script type="text/javascript">
o3djs.require('o3djs.util');
o3djs.require('o3djs.math');
...
<body onloa ...
o3d API （一）
- 博客分类：
- 3D 文章
1、
o3djs.rendergraph.createBasicView( !o3d.Pack
pack
!o3d.Transform
treeRoot
!o3d.RenderNode
opt_parent
!o3djs.math.Vector4
opt_clearColor
number opt_priority
!o3djs.math.Vector4
opt_viewport )
参数:
pack 管理生成对象的Pack包.
treeRoot 视图的根节点.
opt_parent 视图的渲染节点.
...
3D几何学中用顶点组成复杂的模型，o3d也不例外。本章介绍怎样定义几何图形的arrays（数组）, buffers（缓冲）, fields（域）及 streams（流）。
________________________________________
1、图形和基元（点、线、面）
三维图形是许多基元的集合，基元包含了组成图形的集合元素及其它的定点数据等信息。顶点数据保存在普通的JavaScript数组里，这些数组被添加到o3d缓冲（buffers）中。
________________________________________
2、缓冲（buffers）
一 ...
一、要创建一个o3d项目需要做的基本工作
1、生成o3d对象
2、给全局变量赋值并且初始化API库
3、生成pack包，用于管理所有产生的o3d对象
4、生成渲染图形
5、建立上绘图环境（透视网格和 ...
这一章讲纹理，纹理，不能顾名思义了，其实就是一张图片，我们要做的就是把这张图片贴到模型上面， 从而让模型一下子生动起来，说得有文采点就是栩栩如生，这个过程就叫纹理映射（也可以叫贴图）。纹理映射有时候能产 ...
o3d 如何移动和旋转3D 空间中的物体
- 博客分类：
- 3D 文章
这一章比较简单，主要讲如何移动和旋转3D 空间中的物体，主要用到transform 对象其中的一些函数，在介绍这些函数之前，先介绍世界坐标系和局部坐标系。世界坐标系顾名思义就是以整个世界为坐标系，而局部坐标系则是以要变换的物体为中心的坐标系，其中物体绘制时各个顶点的坐标都是以这个局部坐标系为参照的，而进行移动变换时，则是以世界坐标系为参照，然后移动这个局部坐标系。进行旋转时也是绕着局部坐标系转的。
下面介绍一下几个常用的变换函数，最后再改动一下上一章的例子，加入一些变换
1.(transformObject).translate(X, // 在X 轴上移 ...
这一章介绍怎么用顶点数组创建一个3D 模型，如何创建一个shape 对象，缓冲(buffers) ，域(fields) 等等。
由于要定义这个3D 模型的每个顶点，然后存入顶点数组，所以这章不会画出一个比较复杂的3D 模型，我们只是画一个立方 ...
O3d 是一套开源的javascript API, 用来制作在浏览器中运行的3D 游戏，当然也可以用来展示商家的产品，做一些3D 模型。这系列教程会用一个个例子来展示如何写一个o3d 程序，展示o3d 所能够做的应用。
巧妇难为无米之炊，首先当然需要一些基本的东西，像o3d 插件，这个可以在google code 中获取，给个链接http://code.google.com/intl/zh-CN/apis/o3d/ ，还有O3d 的库文件，这个我是在下载的demo 中直接拷出来了（在本章最后上传的附件中）所需要的基本上就这些了，到后来要导入模型的话就再说了，至于IDE ，哪个写js 写 ...
里记录一下矩阵的基本操作和矩阵乘法的顺序问题。
1: while( msg.message!=WM_QUIT )
2: {
3: // check for messages
4: if( PeekMessage( &msg, NULL, 0U, 0U, PM_REMOVE ) )
5: {
6: TranslateMessage( &msg );
7: DispatchMessage( &msg );
8: }
9: // this is call ...
3D绘图过程及原理简介 收藏
Standard Primitives（标准几何体）
在创建命令面板的Geometry（几何体）对象类型中有如下几个次级分类项目：
• Standard Primitives（标准几何体）：相对简单的几何体，如立方体、球体和锥体等。
• Extended Primitives（扩展几何体）：相对复杂的几何体，如倒角柱体和纺锤体等。
• Compound Objects（合成物体）：通过合成方式产生物体，如连接、变形和离散等。
• Particle Systems（粒子系统）：产生微粒属性的物体，如雨、雪、喷泉和火花等。
• Patch Grids（网格面片）：以面 ...
第1步：定义纹理坐标
下面的步骤操作和代码指定纹理坐标，将其添加到一个数组，并添加到数组的缓冲区。该setVertexStream （ ）函数指定如何读取缓冲区，并设置了一个顶点缓冲流。
指定（u，v）纹理坐标为每 ...