`
xpenxpen
  • 浏览: 724946 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

WebGL初步

webgl 
阅读更多
1.概述
WebGL是一项利用JavaScript API呈现3D电脑图形的技术，有别于过往需加装浏览器插件，通过WebGL的技术，只需要编写网页代码即可实现3D图像的展示。WebGL的规格尚在发展中，由非营利的Khronos Group管理。WebGL基于OpenGL ES 2.0，提供了3D图像的程序接口。它使用HTML5 Canvas并允许利用文档对象模型接口。可利用部分Javascript实现自动存储器管理。
目前，主流浏览器都原生支持WebGL。

一些Demo
如果看不了的话，可以试一下chrome浏览器。

IE的话要IE11以上才原生支持webgl。

firefox如果看不了的话，可尝试如下2种方案：
第1种方案
输入about:support
找到这句话：”因您的显卡驱动版本已屏蔽。尝试更新您的显卡驱动至版本 8.15.10.2342 或更新的版本。“， 说明显卡驱动太旧，可尝试更新显卡驱动。

第2种方案
输入about:config
搜索webgl.force-enabled
改为webgl.force-enabled=true
这样可强制打开webgl


2.链接
初识 WebGL
three.js
three.js例子
http://www.canvasdemos.com/很多关于2d,3d的demo
网络三维

分享到：
| Java版赤色要塞源码分析
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    WebGL技术初步评估

    WebGL技术是Web开发中的一个重要里程碑，它允许开发者在浏览器中创建出丰富的3D图形，无需依赖任何第三方插件。WebGL基于OpenGL ES 2.0标准，由Khronos Group开发并维护，这是一个开放的3D图形标准，旨在为HTML5的...

    WebGL Beginner

    ### WebGL入门知识点详解 ...通过以上内容的学习，相信你已经对WebGL有了初步的认识，并具备了一定的动手实践能力。随着技术的不断进步和发展，WebGL的应用领域也在不断扩大，未来还有更多可能性等待我们去探索。

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

    WebGL的诞生并非一蹴而就，其历史可以追溯到2009年以前，当时Mozilla开始了关于Canvas 3D的初步实验。随后，在2009年的游戏开发者大会（GDC）上，Khronos集团宣布成立WebGL工作小组，成员包括Mozilla、Google、Apple...

    WebGL自修教程 V2011-10-19

    铁文翻译、编写、整理。 由于本人水平有限（英文、数学、3D、3D编程等），难免出错，请勿谩骂；欢迎指正。若错误是被首次指正，则你的大名将会出现在感谢名单中。...已初步完成：《WebGL参考手册》

    MP1_html5_游戏引擎_webgl_图形引擎_

    在"MP1_html5_游戏引擎_webgl_图形引擎_"这个项目中，"HTML5Application"可能是开发过程中创建的一个基础应用实例，它可能包含了上述组件的初步实现，用于展示2D游戏引擎的基本功能。通过学习和理解这个应用，开发者...

    bolinha-de-gorfe:我的第一个WebGL游乐场

    总的来说，"bolinha-de-gorfe:我的第一个WebGL游乐场"项目展示了作者对WebGL和JavaScript的初步掌握，通过3D图形和交互设计为用户创建了一个趣味的在线体验。这个项目涉及到的知识点包括WebGL的API使用、着色器编程...

    loadingW:将 WebGL-Fun 中的 Workiva 受欢迎图形剥离为更轻的版本以用于加载屏幕的初步工作

    装载W 来自 grantnelson-wf/webgl-fun 项目的 Workiva 徽标的轻量版本，用作加载屏幕。在命令行上入门 # Clone the repository.$ git clone git@github.com:grantnelson-wf/loadingW$ cd loadingW# Install global ...

    HooGame:我们为HookHacks2021设计的游戏。 导出到WebGL

    而"手板模型"可能是指早期的物理模型或者3D模型的初步版本，用于游戏设计和原型验证。这种模型通常在开发初期用于测试和调整游戏的视觉风格和布局。 从【标签】"C#"来看，HooGame的编程语言主要是C#，这是Unity引擎...

    3D-yogl.zip

    1. **概念设计**：首先，设计师会通过草图或简单的3D形状来初步构思模型的设计。 2. **建模**：使用专业软件如Blender、Maya、3ds Max等，通过拉伸、旋转、挤压等操作创建3D几何体。有几种建模方法，如多边形建模...

    dentalFind:第二阶段学科项目

    第二阶段学科项目表明这是一个分阶段进行的学习或实践任务，可能在前期已经完成了基础架构或者初步功能，现在正进入深化和完善的阶段，旨在提升系统的复杂性和实用性。 【标签】"JavaScript"是开放源代码的Web编程...

    VRML网页3D插件

    5. **游戏开发**：一些早期的在线游戏利用VRML创建基本的3D环境，提供初步的互动体验。 **未来的发展与WebGL** 随着WebGL技术的兴起，现代浏览器已经内置了对3D图形的支持，无需额外插件即可呈现复杂的3D内容。...

    TIL::fire:今天我学会了오늘

    总之，"TIL::fire:今天我学会了오늘"所涵盖的知识点主要是WebGL的初步理解和应用，包括其基本概念、核心流程以及在不同场景下的应用。通过深入学习和实践，你可以创建出令人惊叹的交互式3D web内容。

    基于threejs实现室内模型的动态装载源码(智慧楼宇).zip

    这种方法可以显著减少页面初始化时的负担，让用户更快地看到初步的3D场景，同时在后台继续加载其他内容，实现平滑的过渡效果。 【getModelBase】： 在压缩包中的“getModelBase”可能是用于获取基础模型或基础数据...

    rendermonkey sdk

    AMD保留了随时更改产品规格和产品描述的权利，并且明确声明，文档内容可能包含初步或者先进性质，可能在不通知的情况下更改。同时，文档中也明确了不授予任何知识产权的许可，并且AMD不承担与其产品有关的任何责任，...

    #学习资料# ThreeJS初级教程.rar

    通过这个初级教程，学习者应该能掌握ThreeJS的基础，从而能够创建自己的3D场景并进行初步的交互设计。随着对ThreeJS的深入学习，可以探索更高级的主题，如物理引擎、粒子系统和复杂的光照技术，从而在网页上构建更为...

    实现WebVR的技术探究 答辩.ppt

    5. **开发与测试**：初步的开发工作已经开始，同时进行了部分测试，以确保代码的质量和功能的正确性。 6. **论文撰写**：目前论文初稿正在编写中，需要继续补充和完善。 未来的工作计划包括： 1. **论文写作**：...

    数据可视化实战案例手册

    通过实践案例，你可以学会如何编写爬虫脚本，抓取特定网站的数据，并进行初步处理。 D3.js全称Data-Driven Documents，是一个强大的JavaScript库，专门用于创建交互式数据可视化。D3.js允许开发者直接操作DOM，结合...

    HTML5 Game Development For Dummies电子书

    4. **测试与优化**：完成初步开发后，需要对游戏进行全面的测试，包括性能测试、兼容性测试等，以确保游戏能够在不同设备和浏览器上正常运行。同时还需要对游戏进行优化，提高加载速度和用户体验。 5. **发布与...

    html5的3d展示

    1. **geshi.thumb21.0.0_out**：这可能是一个图片资源文件，可能是用于3D场景的贴图或者预览图，帮助用户在加载3D模型之前有个初步的视觉印象。在3D展示中，高质量的纹理贴图可以极大地提升视觉效果。 2. **demo....

    Firefox火狐浏览器官方53.0b5-win32版本exe安装包

    - **增强型WebGL支持**：此版本引入了对WebGL2的初步支持，允许开发者创建更复杂、更互动的3D网页内容。 - **更好的多媒体支持**：增强了HTML5视频和音频的处理能力，支持更多格式，如VP9编码的视频，提供了更好的...

Magicbox
Global site tag (gtag.js) - Google Analytics