余杭网站设计建设:30个惊人的WebGL示例和演示

2019.01.15

538

余杭网站设计建设

WebGL(WebGraphicsLibrary)是几年前发布的。它使用HTML 5画布元素动态生成图形的能力使网页设计师和开发人员能够轻松地创建平滑的2D和3D效果。下面是一些WebGL示例和演示,您应该看看。WebGL是OpenGL的一个分支,它基于OpenGL嵌入式系统(ES)。它是一个JavaScriptAPI,用于在兼容HTML 5画布的Web浏览器中绘制2D和3D图形,而无需使用插件。


这个JavascriptAPI由非盈利技术Khronos集团管理,并与Mozilla基金会合作。自2009年初以来,他余杭网站设计建设们开发了原型并部署了此类技术。

WebGL还在增长,尽管大多数现代浏览器都支持它,但它也可能需要在旧的浏览器上工作。在本文中,我经历了很多WebGL的示例和演示,这些示例和演示可以提高您对这种新技术的理解。

Aquarium

molgrabbe

由格雷格曼和人类引擎创造。水族馆几乎完全以时钟为基础运行。这意味着,如果相机和每条鱼的时钟是同步的,那么它们在机器上的位置是相同的。在网络模式下,每台机器通过定期询问服务器当前时间来保持时钟同步。

3黑梦

Chrysaora

Cube

rome

一款受谷歌地图技术启发的WebGL创新游戏。它由你在谷歌地图和模拟迷宫游戏中看到的元素组成,再加上神奇的控件,可以打破一种体验。

Flight of the Navigator

ctrl

一个非交互式音乐视频呈现在实时JavaScript和WebGL与Flickr和Twitter的集成,由Mozilla音频API团队开发。

Angry Birds

rubies红宝石( ruby的名词复数 )

一个由Rovio创建的愤怒的小鸟的网络版本。这是一个低分辨率(SD)版本,基于余杭网站设计建设非硬件加速2D帆布游戏.

Chemdoodle

books

Chemdoodle是一种科学的可视化技术,它可以让你从许多药物中挑选一种,在兼容的浏览器上看到其化学结构的三维显示,这是由iChemLabs开发的。

Chrysaora

WebGL-地球

一个动态水母WebGL演示构建的弗拉基米尔vukićević的mjs矩阵库。它展示了模拟骨架,部分服务器端模拟和同步WebSocket和摄像机面对粒子系统和体积光效应。

WebGL书架

愤怒的小鸟

谷歌图书的新华丽界面风格以螺旋线为主。在螺旋式的循环中,书籍是按主题分类的。点击任何一本书,你就会看到谷歌图书中的条目。

只是个折扣器

fireworks

只是一个参考是乐队,拱门火的音乐视频,是与谷歌合作。使用您的鼠标,您可以余杭网站设计建设调整各种实时过滤器和效果.此WebGL将需要一个摄像头或简单的鼠标。

“新世界”

一种开源软件,可以在网络浏览器中探索、缩放和“播放”3D地球仪。该项目是通过网络开发者社区的支持和合作来维持的。

atin缎,缎子

alteredqualia

3 Dtin是一种易于使用的工具,使用自然的面向体素的3D像素方法创建形状,并将您的项目导出到3D打印服务中。

生物数字人类

Collectibles

生物数字人体是一个虚拟的3D人体,在一个基于网络的交互式平台上,它为人们带来了数千种医学上精确的解剖对象和健康状况。

WebGL魔方

余杭网站设计建设:30个惊人的WebGL示例和演示

一个魔方小程序从Java到WebGL由WernerRandelshofer开发。部分代码来自WebGL演示存储库。此WebGL中使用的代码由苹果公司(AppleInc.)版权所有。并由谷歌公司使用,并在他们的许可下使用。

atin缎,缎子

由DanielPatterson使用Google的代码开发。它使您可以玩周围的颜色的视频,如对比度和色调。

quake

Ctrl[P]锥度

cube

DigitalStudioGrouek设计了这个WebGL网站,允许任何人在3个简单的步骤中创建一个纸玩具。一旦你完成,打印PDF,剪切,折叠和胶水按照说明。在比你想象的更短的时间里,一个美丽的,独特的,自我创造的纸玩具将自豪地站在你的桌面上。

假日信息

aquarium

由“Sespite”和“mrdoob”开发。它将首先要求你写上你的地址,然后再继续。一旦进入,你会看到一个美丽的3D场景,上面有节日问候,你可以用鼠标移动很长的时间来查看整个3D模型。

nouvelle vague

余杭网站设计建设:30个惊人的WebGL示例和演示

NouvelleVague提供了一种基于Twitter的诗意的、交互式的、实时的3D WebGL体验。在一个极简和奇怪的世界里。推特正在用不同的飞行物体进行,从场景的边界到中心。

材料:汽车

余杭网站设计建设:30个惊人的WebGL示例和演示

使用此WebGL,您可以选择在浏览器中查看Bugatti Veyron、Lamborghini Gallardo、法拉利F50和雪佛兰Camaro的3D外观。选择你的坐骑,欣赏风景。你猜怎么着,你甚至可以选择他们的颜色。

收藏品画家

迪里乌姆之歌

收藏品画家是一个基于WebGL的收藏品图形设计师,允许您创建自己的个人玩具收集与油漆,贴花,和材料。然后你可以和你的朋友分享你最喜欢的作品。从10种不同的肤色、脸型、发型等中选择。图形效果包括:

  • 环境照明
  • 单遍着色器效果
  • 基于PCF滤波的软阴影
  • 贴图的纹理投影。

发抖,颤抖 3

biodigital

由布兰登琼斯开发,这是一个令人印象深刻的WebGL游戏演示与音乐。你可以用键盘和鼠标来玩它。

acko

一个WebGL图形编辑器应用程序EvanWondrasek与一个平滑和快速的界面。你可以玩过滤效果,如亮度和对比度,类似于你在Photoshop中看到的特征。

沙尘

余杭网站设计建设:30个惊人的WebGL示例和演示

WebGL游戏最初是几年前在一些传统游戏平台上发布的。Ubisoft已经将这个游戏移植到WebGL。它包含有趣和惊人的效果和控制。

Acko.net

WebGL-地形

WebGL,当用户向下滚动时,它在页眉上提供一个具有基本设置的余杭网站设计建设3D徽标。它提供了一种可能性,即WebGL可以作为网站或软件应用程序的实用补充。

WebGL地形

hellorace

使用三维单纯形噪声的动态过程地形WebGL演示。它的特点是鸟从ro.me和背景声音是由凯文麦克铅。

terrain

Fireworks

WebGL-水

一个简单的烟花表演使用WebGL和WebAudioAPI,由JaakkoRinta-Filippula开发。

WebGL水

埃文华莱士的实验,它的特点是一个球在池中的互动场景与回溯反射和折射,分析环境遮挡,焦散和软阴影。

WebGL地形 Editor

WebGL地形编辑器,由RobChadwick创建,是一个令人惊叹的WebGL,它的技术特性使您能够实时地绘制您自己的风景。它的特点是一些惊人的效果,如光线跟踪软和体积阴影。

HelloRace

一个WebGL创建的HelloEnjoy,是一个交互式的3D玩具车,你可以驾驶你的屏幕。你可以倾斜转向,右碰加速,左转倒转。在迷路时,向右或向左滑动以重新启动。

WebGL提供了一个很好的3D Javascript显示;然而,其中一些需要一个现代的GPU才能让它运行,并且在这方面需要一个强大的GPU。还有一些警告说WebGL包含多个可能的安全问题,这些问题可能导致代码的随机执行,甚至是跨域攻击。

Mozilla和Google提出了很多加强安全性的建议,这可能有助于这项技术的未来发展。

关键词

最新案例

联系电话 400-6065-301

留言