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

一段关于webGL的代码

HTML 
阅读更多
最近刚发现这个，但是挺好奇的！贴给大家看看！

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">

var canvas = document.getElementById("canvas");
var gl = canvas.getContext('webgl');
canvas.width = newWidth;
canvas.height = newHeight;
gl.viewport(0, 0, canvas.width, canvas.height);

</script>
</head>

<body>
<canvas id="canvas"  style="width:50%; height:50%; background:#0F0;"/>
</body>
</html>
0
顶
1
踩
分享到：
| o3d 创建一个平面
评论
发表评论

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

相关推荐

    WebGL 开发介绍.zip

    WebGL是一种基于OpenGL标准的JavaScript API，用于在任何兼容的Web浏览器中进行2D和3D图形渲染。它使得开发者可以在无需插件的情况下，在网页上实现高性能的图形处理，为互联网用户提供了丰富的交互式视觉体验。 一...

    webgl编程小例子

    WebGL是一种基于OpenGL标准的JavaScript API，用于在任何兼容的Web浏览器中进行二维和三维图形渲染，无需插件。这个“webgl编程小例子”涵盖了WebGL的核心概念和技术，是学习WebGL编程的一个良好起点。 首先，我们...

    WebGL-Programming-Guide-master.zip

    2. 阅读源代码，理解每段代码的功能和实现方式。 3. 在本地环境中运行示例，观察结果并与书中理论知识结合理解。 4. 修改和扩展示例，尝试实现自己的3D场景和效果。 5. 结合其他在线资源，如MDN Web Docs和Stack ...

    WebGL编程指南(含源码).pdf

    WebGL是一种基于OpenGL标准的JavaScript API，用于在任何兼容的Web浏览器中实现硬件加速的2D和3D图形渲染。这个“WebGL编程指南(含源码).pdf”显然是为那些希望学习或深入理解WebGL技术的人准备的，它包含了源代码...

    Unity打包Webgl端进行 全屏幕自适应

    一、Unity WebGL打包设置 在Unity编辑器中，首先需要对项目进行打包设置。选择`File` -&gt; `Build Settings`，在弹出的窗口中选择`WebGL`平台，然后点击`Switch Platform`切换到WebGL。接着，点击`Player Settings`，...

    Professional WebGL Programming

    - 绘制三角形：通过编写一个简单程序绘制一个三角形，来了解WebGL的基础代码结构。 - WebGL编程风格：讲述了如何编写符合WebGL标准的代码，并介绍了编码中的最佳实践。 - 调试WebGL应用程序：提供了调试WebGL应用...

    Webgl编程指南书上例子.zip

    WebGL（Web Graphics Library）是一种基于OpenGL标准的JavaScript API，用于在任何兼容的现代网页浏览器中进行三维图形...在学习过程中，理解每一步的目的和工作原理，结合实际代码分析，将有助于深化对WebGL的理解。

    WebGL连载教程三：H5项目ts源码

    在本教程中，我们将深入探讨WebGL，这是一个用于在任何兼容的Web浏览器中渲染交互式2D和3D图形的JavaScript API。WebGL基于OpenGL ES 2.0规范，允许开发者在网页上直接进行硬件加速的图形编程。在这个“WebGL连载...

    WebGL学习笔记（一）.rar

    - **性能优化**：WebGL渲染可能会消耗大量GPU资源，需要合理管理内存和优化代码。 - **跨平台兼容性**：不同浏览器和设备对WebGL的支持程度不一，需要考虑兼容性问题。 - **应用场景**：WebGL广泛应用于虚拟现实...

    webgl学习笔记初学记录00

    WebGL是一种基于OpenGL标准的JavaScript API，用于在Web浏览器中实现硬件加速的2D和3D图形渲染。它是WebGL学习笔记的重点，特别是在初学者阶段。WebGL的核心是光栅化引擎，它能够根据程序员编写的代码在GPU上绘制点...

    webgl公用函数库(cuon-matrix.js,cuon-utils.js,webgl-debug.js,webgl-utils.js)

    此外，它还可以启用额外的验证，帮助开发者找出可能导致性能问题或图形错误的代码段。 4. webgl-utils.js：这个库主要关注WebGL上下文的获取、着色器的编译和链接，以及资源的管理。在WebGL中，创建有效的着色器...

    three webgl 在已有材质才上增加扩散效果

    这段代码中，我们定义了三个uniforms（全局变量）：`time`用于存储动画时间，`amplitude`表示波浪的振幅，`speed`控制波浪的移动速度。然后，在`diffusionCode`中，我们根据这些参数计算出每个顶点的位移，使模型...

    Beginning WebGL for HTML5 source code

    《 Beginning WebGL for HTML5 Source Code 》是一本旨在引导初学者进入WebGL世界的专业书籍，其提供的源代码涵盖了从基础到进阶的各种示例。WebGL是一种基于OpenGL标准的JavaScript API，它允许开发者在HTML5的...

    WebGL基于Canvas噪音线条特效特效代码

    在提供的压缩包文件中，"使用帮助.txt"可能是详细的操作指南，指导用户如何导入和使用这段特效代码。"谷普下载.url"和"说明.url"可能是指向更多资源或说明文档的链接。而"jiaoben6693"可能是一个源代码文件，其中...

    HTML5 WebGL实现超逼真的天气预报网页雷雨动效源码.zip

    WebGL（Web Graphics Library）作为HTML5的一个重要组成部分，是基于OpenGL标准的JavaScript ...通过解析和研究这段源码，可以提升对WebGL及3D编程的理解，并能将其应用到自己的项目中，创造出更多富有创意的网页效果。

    效果超棒的Webgl模型-人体牙齿

    5. 编写WebGL代码：使用Three.js等库将模型整合到网页中，编写JavaScript代码控制模型的显示和交互。 在压缩包内的“人体牙齿”文件可能是包含了模型数据的JSON文件、纹理图像和其他资源。为了在网页中使用，我们...

    WEBGL教程-OpenGL-3D

    WebGL是一种JavaScript API，用于渲染交互式的3D图像，无需任何插件。本文将详细介绍如何在不同的浏览器中启用WebGL，并简要探讨一些基本概念和技术细节。 #### 浏览器支持与配置 由于WebGL当时还处于实验阶段，...

    Wk6 WebGL.pdf

    不正确的使用可能导致性能瓶颈或潜在的安全漏洞，因此在编写WebGL代码时，理解内存管理、错误处理和优化原则至关重要。 总的来说，WebGL结合了OpenGL的图形处理能力和JavaScript的易用性，为Web开发带来了3D图形的...

    WebGL编程指南 - 含源码

    这个“WebGL编程指南 - 含源码”的资源旨在帮助开发者深入理解WebGL的工作原理，并通过实际的源代码示例来提升技能。 WebGL基于OpenGL ES 2.0标准，它允许JavaScript直接与GPU进行通信，从而在网页上实现高性能的...

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