WebGL
关注
分享
扫一扫
文章平均质量分 67
WebGL_
这个作者很懒，什么都没留下…
展开
-
WebGL教程
<br />欢迎来到WebGL教程第三课。这次我们将学习如何移动物体。本课基于NeHe OpenGL教程的第4课。<br /><br />如果你的浏览器已经支持WebGL，请点击此处，你将看到本课WebGL的现场版；如果不支持，你从此处可以获取一个支持WebGL的浏览器。<br /><br /><br /><br /><br /><br />一点提示：这些课程是面向那些具有一定编程知识但没有实际3D图形开发经验的开发人员的；其目的是让你对代码层上发生了什么事 有很好的理解，以便你能尽可 能快地创建出自己的3翻译 2011-05-11 16:27:00 · 3237 阅读 · 0 评论 -
【PV3D】分割COLLADA模型的动画数据
<br /> 用papervision3D载入的 COLLADA 模型中如果包含有动画信息 ， 那么调用DAE对象的 play 方法就可以播放该动画。 默认的情况下每次调用会将COLLADA中的动画从头到尾播放一次。 这样一来会发生的问题是： 一个模型往往需要几种分开的动画数据，比方说一个战士角色就需要奔跑、攻击、防御等动作。而这些动作是不需要连续播放的。 模型设计人员会将各种动作连续地保存在一个动画中，也就是说如果从头到尾地播放动画，就会顺次地将各种动作进行一次。转载 2011-05-31 17:28:00 · 1688 阅读 · 0 评论 -
3D格式，难得的文章
<br /><br /><br />导入对话框选择格式，你会看到众多导入的格式。3ds max支持众多的文件格式导入方法。<br />导入支持的格式有：<br /><br />Autodesk (FBX) ：（常用）<br />FBX 是 Autodesk MotionBuilder 固有的文件格式，该系统用于创建、编辑和混合运动捕捉和关键帧动画。它也是用于与 Autodesk Revit Architecture 共享数据的文件格式。您可以使用 3ds Max 导入导出此格式的文件。Maya、Softim转载 2011-05-31 16:55:00 · 4754 阅读 · 1 评论 -
加载进来的dae,获取到的内部对象的三维坐标，以及旋转原则同3ds max内部的坐标和旋转。
<br />对象在3ds max里，把它的pivot三维坐标x,y,z方向改成和3ds max世界坐标系方向相同。（x 向右,y 向前, z 向上 3ds max前视图）可以把若干对象在3ds max内组合(Group)。pv3d和3ds max内部的坐标系和pv3d 的不同，pv3d的z轴相对x,y平面向里，而3ds max的z轴相对x,y平面向外。dae对象内部的坐标系还是和3ds max内部坐标系一致（x 向右,y 向前, z 向上 3ds max前视图）。而dae外部是pv3d的坐标系，转载 2011-05-31 17:03:00 · 2344 阅读 · 0 评论 -
可编程数据流模式
<br /><br />本节讲述可用于可编程数据流模型的着色器。顶点颜色着色器单纹理着色器多重纹理着色器<br />数据流的使用<br />Microsoft® DirectX® 8.0引入了数据流的概念，用来把数据绑定到着色器使用的输入寄存器。一个数据流是一个成员数据的数组，每个成员由一个或多个元素构成，这些元素代表单个实体，如位置、法向、颜色等等。数据流使图形芯片能并行地从多个顶点缓存执行直接内存访问（DMA）操作，同时也降低了多重纹理的开销。可以这样理解数据流：一个顶点由n个数据流组成。一个数据流由m转载 2011-05-31 17:44:00 · 1093 阅读 · 0 评论 -
Learning WebGL第一课（日语）
Learning WebGL翻訳 > The Lessons > Lesson 0:始めにオリジナル(英語)はこちらから。 もし翻訳後の文章に間違いや気になる点など有りましたら、お気軽にこのページの下のコメント欄に書き込んでください。 できる限り対応します。レッスン １>> 注）この資料は、オリジナルが投稿されてから何度もアッ翻译 2011-06-07 18:08:00 · 1331 阅读 · 0 评论 -
一段关于webGL的代码
<br /><br /><!DOCTYPE html> <br /><html> <br /><head> <br /><script type="text/javascript"> <br /><br />var canvas = document.getElementById("canvas"); <br />var gl = canvas.getContext('webgl'); <br />canvas.width = newWidth; <br />canvas.height = newHeigh原创 2011-04-26 15:17:00 · 1165 阅读 · 0 评论 -
3D引擎CopperLicht
<br /><br />WebGL是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。 <b原创 2011-05-04 11:17:00 · 3557 阅读 · 0 评论 -
2011年5月24日WebGL伦敦聚会
<br /><br />Learning WebGL 成了每个学习webgl初学者的平台，他为初学者奠定了一定的开发步骤，一步一步的深入到WebGL的开发中。<br />5月24日下午6点学习webgl将会在伦敦举行一个简短的聚会，这将又是WebGL的一个小突破，这至少说明了WebGL还在前进着。让我们期待聚会的结果吧！原创 2011-05-04 11:33:00 · 978 阅读 · 0 评论 -
learing WebGL lesson 2 WebGL教程
欢迎来到我的第二课WebGL教程！这个时间我们来学习怎样向场景里面添加颜色。它是以Nehe的OpenGL教程第三课为基础的。这儿是这节课的代码在支持WebGL的浏览器运行看起来的效果：一个小的忠告：这些教程所针对的人群是具有一定的编程知识，但是没有真正的3D图形编程经验；目的是使你入门并且知道这些代码是怎样运行的，以至于你能够尽快开始制作自己的3D网页。如果你还没有学习第一课，在你学习这一课之前最好去学习一下第一课——这里我将只解释这节课与上节课不同的代码。依然，在这节教程中可能有bugs和错误的地方。如果翻译 2011-05-04 14:12:00 · 1446 阅读 · 0 评论 -
初学WebGL
<br /> 最近研究WebGL有一段时间了，所以做了个小结。最近也看到了不少关于webgl的文章和学习资料，但是很遗憾的是都是初级水平，没有一个深入了解的，也看到了一些比较深入的，只是都是英文的需要翻译。头疼！！！<br /> 当然初步总结先给大家晒晒WebGL的引擎，可能不全，但是绝对够多了！<br /> WebGL <br />http://www.khronos.org/webgl/wiki/Main_Page <br />http://www.khronos.or原创 2011-05-04 11:14:00 · 1755 阅读 · 0 评论 -
c3dl教程第一课：课后练习，分析
<br />佐笾已逝<br />2011-5-23<br /> <br />1：需要你在网页加载c3dl的类库： <script type="application/javascript" src="../../c3dl/c3dapi.js" ></script><br />2：添加一个canvas的渲染标签：<canvas id="tutorial" style="border: 2px solid blue" width="500" height="500"></canvas><br />3：创建js文原创 2011-05-23 13:59:00 · 2073 阅读 · 0 评论 -
c3dl资源分享
<br /> <br />佐笾已逝<br />2011-5-23<br /> <br /> <br />c3dl官网http://www.c3dl.org/<br /> <br /> <br />视频：http://www.c3dl.org/index.php/videos/<br /> <br /> <br />实例：http://www.c3dl.org/index.php/webgl-demos/<br /> <br />实例1：Asteroids-3D<br /> <br />实例2：RTS原型 R原创 2011-05-23 11:15:00 · 1640 阅读 · 0 评论 -
开始学习c3dl(Canvas 3D JS Libary)
<br />从今天开始关注c3dl了，是因为有一些应用需要做写简单的事情，所以使用简单的引擎，其实这么多3D引擎到底到最后能够被选中的有哪几个呢，其实没有人知道，但是我个人认为什么引擎能实现你想要的效果你就用什么，不必要非使用一个引擎，也许用多了你会取长补短。<br /> <br />这一节主要是认识一下什么是c3dl引擎，我也是初步学习，所以希望大家可以多多的提意见，谢谢！<br /> <br />Canvas 3D JS Libary(C3DL)是一种JavaScript库,它可以使人们更容易使用Web原创 2011-05-23 11:06:00 · 4431 阅读 · 1 评论 -
webGL教程4：实现三维效果
<br />欢迎来到WebGL教学系列的第四课。这次我们来显示一些3D物体。本课是基于NeHe OpenGL教学系列的第五课。<br /><br /><br /><br />如果你的浏览器已经支持WebGL，请点击此处，你将看到本课WebGL的现场版；如果不支持，你从此处可以获取一个支持WebGL的浏览器。<br /><br />本课代码与前一课代码的不同之处完全集中于initBuffers和drawScene这两个函数。如果你现在滚动到drawScene函数，你将在第一行的地方看到细微的改变：保留场景中两翻译 2011-05-11 16:28:00 · 2725 阅读 · 0 评论 -
WebGL必须要面对和克服的困难
<br /><br />WebGL必须要面对和克服的困难：<br />因为OpenGL ES 2.0并没有被大多数的硬件平台所支持，所以将会导致很多设备无法运行WebGL。因为OpenGL ES 2.0对JavaScript的依赖程度达到了100%，其利用JavaScript来处理应用程序的场景绘图，例如：1）计算场景中子父物体间的矩阵运算。2）Culling Calculating（计算不需要绘制的内容）。3）分类计算，用于处理透明对象等。4）计算场景所包含的所有动画数据。这些应用会因为JavaScrip转载 2011-05-11 16:29:00 · 2068 阅读 · 0 评论 -
WebGL的引擎
<br />WebGL的框架 WebGL http://www.khronos.org/webgl/wiki/Main_Page http://www.khronos.org C3DL ，一个JavaScript库，将使它更容易编写应用程序使用Canvas的三维立体（现在的WebGL） http://www.c3dl.org/ Copperlicht http://www.ambiera.com/copperlicht/ EnergizeGL 使用语言的灵感来自 加工 和类似原创 2011-05-11 16:34:00 · 3418 阅读 · 0 评论 -
webgl教程韩语版（第二课）
<br /><br />두번째 WebGL 레슨에오신것을환영합니다. 레슨 1에서만든삼각형과사각형에색상을추가하는방법에대하여알아보겠습니다. 이번학습역시 NeHe OpenGL 세번째튜토리얼을바탕으로하고있습니다. <br /><br />다음은학습할예제를 WebGL 지원브라우저에서실행하여얻어낸결과물의그림입니다.<br /><br />WebGL을지원하는브라우저를사용중이라면 여기를클릭하여실재로작동하는 WebGL 버전을확인할수있습니다. 만약지원하지않는브라우저를사용중이라면 레슨原创 2011-05-18 13:28:00 · 1078 阅读 · 0 评论 -
webgl教程韩语版（第三课）
<br /><br />세번째 WebGL 레슨에오신것을환영합니다. 레슨 2에이어이번레슨에서는객체가회전운동을할수있도록합니다. 이번학습은 NeHe OpenGL의네번째튜토리얼을바탕으로합니다.<br /><br />다음동영상은이번레슨에서얻어지는결과물입니다.<br /><br />WebGL을지원하는브라우저를사용중이라면 여기를클릭하여실재로작동하는 WebGL 버전을확인할수있습니다. 만약지원하지않는브라우저를사용중이라면 레슨 0을참고하여설치하세요. <br /><br />지금부原创 2011-05-18 13:31:00 · 1546 阅读 · 0 评论 -
如何学习Three.JS 3D引擎
<br /><br />佐笾已逝<br />2011/5/11<br />Three.js<br />学习ThreeJS<br />我已经用Three.js做了些小实验，这是一个比较伟大的引擎，你只需要为浏览器的不支持而头疼。你可以用它来创建摄像机(cameras)，对象,(objects), 光照(lights), 材质(materials) 等等。你还可以选择渲染器，Three.js提供了多种渲染方式，如果你想让你的网页支持HTML5你也可以选择使用canvas来渲染，也可以使用WebGL或者SVG来进原创 2011-05-16 16:33:00 · 17987 阅读 · 5 评论 -
webgl教程韩语版（第一课）
<br /><br />첫번째 WebGL 레슨에오신것을환영합니다. 이학습은게임개발자를위한 3D 그래픽학습수단으로인기가높은 NeHe OpenGL 두번째튜토리얼을바탕으로하고있습니다. 고작삼각형과사각형이라니, 어찌보면흥미가떨어질만한주제일지도모르겠지만, 이단원은 WebGL을배우는기초의중요한도입부입니다. 이레슨을이해할수있다면나머지레슨역시쉽게배울것입니다.<br /><br /><br /><br /><br /><br />WebGL을지원하는브라우저를사용중이라면 여기를클릭하原创 2011-05-18 13:24:00 · 1101 阅读 · 0 评论 -
Three.js API文档
<br /> THREE.Animation<br />Constructor( root, data, interpolationType, JITCompile )<br />Methodsplay ( loop <Boolean>, startTimeMS <Number> )pause ()stop ()update ( deltaTimeMS <Number> ) THREE.AnimationHandler<br />Methodsupdate ( deltaTimeMS <Number> )转载 2011-05-18 13:35:00 · 7321 阅读 · 0 评论 -
webgl教程韩语版（第一课）
<br /><br />첫번째 WebGL 레슨에오신것을환영합니다. 이학습은게임개발자를위한 3D 그래픽학습수단으로인기가높은 NeHe OpenGL 두번째튜토리얼을바탕으로하고있습니다. 고작삼각형과사각형이라니, 어찌보면흥미가떨어질만한주제일지도모르겠지만, 이단원은 WebGL을배우는기초의중요한도입부입니다. 이레슨을이해할수있다면나머지레슨역시쉽게배울것입니다.<br /><br /><br /><br /><br /><br />WebGL을지원하는브라우저를사용중이라면 여기를클릭하原创 2011-05-18 13:23:00 · 1617 阅读 · 0 评论 -
什么是WebGL
<br /><br />WebGL是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。<br原创 2011-05-23 10:34:00 · 2088 阅读 · 0 评论 -
LearingWebGL Lesson one WebGL教程
欢迎来到我的第一个WebGL教程！这节教程是以NeHe的OpenGL教程第二课为基础的（译者注：这里有网上找到的NeHe的OpenGL中文教程），NeHe的OpenGL教程是学习3D图形游戏编程很流行的一个教程。这节课向你解释怎样在页面上绘制一个三边形和一个四边形。也许这本身不是那么令人兴奋，但这是对WebGL基础的一个很好的介绍：如果你知道它是这样工作，剩下的会是十分相似……这儿是这节课的代码在支持WebGL的浏览器运行看起来的效果：一个小的忠告：这些教程所针对的人群是具有一定的编程知识，但是没有真正的3翻译 2011-05-04 14:08:00 · 2012 阅读 · 0 评论