`
wjlgryx
  • 浏览: 303432 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

webGL o3d与c3dl的比较(转发)

阅读更多
学习WebGL,在此之前也研究了一下google的O3D,后来发现google已经废止O3D 的开发,转向WebGL的开发。因此转向学习WebGL

     WebGL其实是基于HTML5的canvas标签进行画图,顺道学习一下HTML5的一些新特性

<video> 标签定义视频,比如电影片段或其他视频流
<audio> 标签定义声音,比如音乐或其他音频流
<canvas> 标签定义图形,比如图表和其他图像
      当然学习WebGL,少不了一些3D图形基础,一些建模工具等。



      WebGL有很多封装好的框架,可以参看如下:

      C3DL,EnergizeGL,GLGE,o3d等

      C3DL和O3D是我接触过的基础,下面是我自己的看法

      O3D:Google给它的定位是WebGL的基础核心JS库,学习有一定的难度,不过例子很多,也有简单的教程,个人觉得它的

             API比较难查阅。

      C3DL:一个比较轻量的JS库,API比较容易查阅,不过就是例子不多、教程也有限



      最后选定C3DL这个框架、感觉应该比较容易学。



     由于HTML5标准刚出不久,因此目前流行的浏览器都不支持,只能找一些测试版的浏览器

     火狐的4.X版本,还有就是谷歌的chrome,我用chrome 10.0版本.

      学习的计划,应该是先学习WebGL的基础,然后再学习C3DL框架



     下面是一些技术资料,很遗憾没有找到中文资料,只能经验+词霸,哎!---

http://learningwebgl.com/blog/  :一个学习WebGL的网站,里面有教程等,用来画图的API
http://learningwebgl.com/blog/?page_id=1217 :一个WebGL的教程
http://www.c3dl.org/ :C3DL官网,里面有教程、API等
http://code.google.com/p/o3d/ :O3D WEBGL版官网
http://code.google.com/intl/zh-CN/apis/o3d/docs/devguideintro.html :O3D核心、有教程、例子、API等
http://energize.cc/ :energize
http://www.glge.org/ :GLGE
分享到:
评论

相关推荐

    O3D 物体 编辑器

    4. **拖动与旋转**:在Firefox浏览器中,O3D编辑器实现了3D物体的动态交互。用户可以通过鼠标或触摸设备来拖动物体,改变其在屏幕上的位置。同时,可以进行旋转操作,通过鼠标右键拖动或使用键盘快捷键,围绕物体的...

    WEBGL_webgl_

    在WebGL中,我们主要通过JavaScript与GPU(图形处理器)进行通信,创建和操纵复杂的几何形状,应用纹理,光照,以及实现动画效果。它无需插件,完全融入到HTML5的Canvas元素中,使得网页可以直接展示丰富的视觉体验...

    Unity通用WebGL模板Universal WebGL Template 1.2.1

    Unity通用WebGL模板Universal WebGL Template 1.2.1是一个专为开发WebGL游戏或应用程序设计的工具。Unity是一款强大的跨平台游戏引擎,它允许开发者创建高质量的3D和2D游戏,并将其发布到多种设备上,包括浏览器。...

    谷歌O3D的javascript源码

    O3D库通过JavaScript将3D图形与用户交互结合起来,允许开发者用脚本控制3D场景。 2. **WebGL**:虽然O3D并不是WebGL,但两者都是用于浏览器的3D图形渲染技术。WebGL是基于OpenGL标准的JavaScript API,允许在浏览器...

    O3D 实例 研究中

    1. **硬件加速**:O3D 利用 WebGL 实现了硬件加速,提高了三维图形的性能。 2. **丰富的图形功能**:支持多边形建模、光照、纹理映射、动画等复杂图形效果。 3. **交互性**:用户可以通过鼠标和键盘与三维场景进行...

    unity打包成webgl与vue交互demo

    这个“unity打包成webgl与vue交互demo”项目提供了一个很好的示例,让我们来详细探讨一下其中涉及的关键知识点。 首先,Unity支持导出为WebGL格式,这使得Unity内容可以直接在现代浏览器中运行,无需任何插件。在...

    webGL编程示例源码

    《WebGL编程指南》的主要篇幅讲解了WebGL 原生API 和三维图形学的基础知识,包括渲染管线、着色器、矩阵变换、着色器编程语言(GLSL ES)等等,也讲解了使用WebGL 渲染三维场景的一般技巧,如光照、阴影、雾化等等。...

    WebGL技术初步评估

    WebGL的普及也得益于中间件生态系统的成熟,开发者可以使用如C3DL、CopperLicht、Three.js等工具库,简化开发流程,提高开发效率。这些工具库提供了丰富的功能,帮助开发者快速构建复杂的3D场景和应用。 然而,...

    WebGL 开发介绍.zip

    五、WebGL的挑战与限制 1. 兼容性问题:并非所有浏览器都支持WebGL,需要检查用户设备的兼容性。 2. 性能优化:3D渲染可能导致性能瓶颈,需要合理优化代码和使用硬件加速。 3. 安全性:WebGL的直接图形访问可能带来...

    UnityWebGl与Web前端通信,互通消息

    Unity与WebGl通信工具脚本 测试Demo 教程https://blog.csdn.net/boyZhenGui/article/details/114374111?spm=1001.2014.3001.5501

    Unity webGL透明背景Demo

    Unity WebGL 是一种强大的技术,它允许开发者使用Unity游戏引擎创建的3D和2D内容在网页上运行,无需任何插件。在这个“Unity WebGL透明背景Demo”中,我们看到一个专注于实现Unity WebGL项目的透明背景的示例。这个...

    Unity3D如何导出为webGL--教程.zip

    WebGL是一种基于OpenGL标准的JavaScript API,它允许在任何兼容的现代浏览器中实现硬件加速的3D图形渲染,无需任何插件。本教程将详细讲解如何使用Unity3D将项目导出为WebGL格式,以便在网页上运行。 1. **Unity3D...

    WebGL是一种3D绘图标准,可被用于创建具有复杂3D结构的网站页面

    随着WebGL的逐渐成熟,一系列框架应运而生,它们涵盖了不同的关注领域和方法论,如SpiderGL、GLGE、X3DOM、EnergizeGL、SceneJS、O3D、WebGLU、C3DL和CubicVR等。这些框架的出现,极大地方便了开发者,使他们能够更...

    webgl修改启动界面UniveWeTemp.zip

    在本文中,我们将深入探讨如何利用这些内容来定制Unity WebGL的启动Logo,以及与之相关的Unity技术。 1. **Unity WebGL启动界面** Unity WebGL的启动界面通常包括Unity的标志和加载进度条,这是默认设置。但开发者...

    Unity-webgl视频流测试程序

    Unity WebGL是Unity游戏引擎的一个重要特性,它允许开发者将3D和2D游戏以及交互式内容无缝地部署到Web浏览器中,无需插件。这个"Unity WebGL视频流测试程序"是为了检验Unity WebGL项目是否能够有效地处理视频流内容...

    WEBGL1.0中文版

    WebGL与OpenGLES 2.0的区别**:比较了WebGL与OpenGLES 2.0之间的差异,如缓存对象绑定、顶点属性数据跨度等方面的不同之处。 #### 四、具体技术细节 - **环境创建**:通过HTML5中的`&lt;canvas&gt;`元素创建一个绘图...

    unity3d webgl播放视频 自用备份

    总结来说,"unity3d webgl播放视频 自用备份"项目涉及了Unity3D的WebGL导出、视频资源的处理、Unity的Video Player组件的使用、JavaScript与Unity的交互、浏览器兼容性测试以及性能优化等多个方面。理解并掌握这些...

    webgl-debug.js

    1. 错误检测与报告:WebGL在遇到错误时不会抛出异常,而是通过返回null或无效值来指示问题。"webgl-debug.js"可以捕获这些错误并提供详细的错误信息,帮助开发者快速定位问题。 2. 检查上下文:这个库可以检查WebGL...

    webgl文档以及工具

    9. **WebGL与Three.js**:Three.js是一个基于WebGL的JavaScript库,它简化了WebGL的使用,提供了丰富的3D对象、动画、相机控制等功能,让3D开发变得更加简单。 10. **学习路径**:掌握WebGL通常需要学习基本的3D...

Global site tag (gtag.js) - Google Analytics