webgl 游戏_30个令人惊叹的WebGL示例和演示
WebGl仍在增长,尽管大多数现代浏览器都支持它,但它也可能需要在旧的浏览器上工作。在本文中,我遇到了很多WebGL的示例和演示,它们可以增进您对这项新技术的理解。
因此,请坐下来放松身心,使用最新的浏览器,并查看这些令人惊叹的WebGL演示。
水族馆
由Greggman和Human Engines创建。水族馆几乎完全基于时钟运行。这意味着,如果它们的时钟同步,则摄像机和每条鱼的位置在机器上都相同。在联网模式下,每台计算机都会通过定期向服务器询问当前时间来使其时钟保持同步。
3黑梦
克里斯·米尔(Chris Milk)创作的半互动电影。它是使用Google开发的技术创建的。它可与Chrome配合使用,混合2D和3D计算机图形,并展示Danger Mouse和Daniel Luppi与Norah Jones和Jack White一起演唱的歌曲“ Black”。
立方体
一款受Google地图技术启发的WebGL创新游戏。它包含您在Google地图和模拟迷宫游戏中看到的元素,以及可以破坏体验的出色控件。
导航仪的飞行
由Mozilla音频API团队开发的,具有Flickr和Twitter集成的实时JavaScript和WebGL呈现的非交互式音乐视频。
愤怒的小鸟
Rovio创建的Web版本的《愤怒的小鸟》。它是基于非硬件加速2D画布游戏的低分辨率(SD)版本。
化学涂鸦
Chemdoodle是一种科学的可视化工具,可让您从多种药物中选择一种,并在iChemLabs开发的兼容浏览器上查看其化学结构的3D显示。
金藻
使用VladimirVukićević的mjs矩阵库构建的动态水母WebGL演示。它展示了模拟的骨架,服务器端的部分模拟以及与WebSocket和面向粒子系统和体积光效果的相机的同步。
WebGL书柜
Google图书的新浮夸界面采用了螺旋形样式。在螺旋内,书籍按主题分类。单击任何书籍,将带您进入Google图书中的条目。
只是反射器
与Google合作的Arcade Fire的音乐视频只是一个Reflektor。使用鼠标,您可以调整各种实时滤镜和效果。此WebGL将需要一个网络摄像头或只需要您的鼠标。
WebGL地球
一种开源软件,可在Web浏览器中使用3D地球进行探索,缩放和“播放”。该项目通过Web开发人员社区的支持与合作而得以持续。
3Dtin
3Dtin是一种易于使用的工具,可使用面向自然体素的3D像素方法创建形状,并具有在3D打印服务中导出项目的功能。
生物数字化人类
BioDigital Human是一个虚拟3D身体,它在基于Web的交互式平台中使数千种医学上准确的解剖对象和健康状况栩栩如生。
WebGL Rubik的多维数据集
Werner Randelshofer开发了从Java到WebGL的Rubik's Cube小程序。部分代码来自WebGL演示存储库。此WebGL中使用的代码由Apple Inc.和Google Inc.拥有版权,并在其许可下使用。
VideoFX
由Daniel Patterson使用Google的代码开发。它使您可以播放视频的颜色,例如对比度和色调。
格力
这是一个JavaScript库,由Paul Brunt开发并用作制作WebGL的框架,旨在简化WebGL的使用,从而无需下载插件即可使用硬件加速的2D / 3D应用程序。
Ctrl + [P] aper
数字工作室Grouek设计了这个Web GL网站,任何人都可以通过3个简单的步骤来创建纸质玩具。完成后,按照说明打印PDF,剪切,折叠和粘贴。在您想象不到的时间内,一个美丽,独特,自制的纸制玩具将自豪地站在您的桌面上。
节日留言
由@thespite和@mrdoob开发。首先,您需要输入地址,然后再继续。输入后,您将看到一个漂亮的3D场景,上面有节日问候,您可以在其中移动很长的距离来查看整个3D模型。
新贵
Nouvelle Vague基于Twitter提供了诗意的交互式3D WebGL实时体验。在一个极简和陌生的世界中。正在使用从场景边界到中心的不同飞行对象进行推文。
材料:汽车
使用此WebGL,您可以选择在浏览器中查看Bugatti Veyron,Lamborghini Gallardo,Ferrari F50和Chevrolet Camaro的3D外观。搭便车,欣赏美景。猜猜是什么,您甚至可以选择它们的颜色。
收藏品画家
Collectibles Painter是基于WebGL的可收藏人物设计器,可让您使用油漆,贴花和材料来创建自己的个人玩具收藏品。然后,您可以与朋友分享自己喜欢的作品。从10种不同的肤色,脸型,发型等中进行选择。图形效果包括:
- 环境照明
- 单遍着色器效果
- 使用PCF过滤的柔和阴影
- 贴图的基于纹理的投影。
雷神之锤3
它是由布兰登·琼斯(Brandon Jones)开发的,是一款令人印象深刻的WebGL游戏演示,其中包含音乐。您可以使用键盘和鼠标进行播放。
WebGL图像过滤器
Evan Wondrasek的WebGL图形编辑器应用程序,具有流畅,快速的界面。您可以像在Photoshop中看到的那样,使用滤镜效果,例如亮度和对比度。
来自尘土
WebGL游戏最初于几年前在某些传统游戏平台上发布。育碧已将此游戏移植到WebGL。它包含有趣和惊人的效果和控件。
Acko.net
当用户向下滚动时,WebGL在标头上提供带有基本设置的3D徽标。它提供了将WebGL用作网站或软件应用程序的实用补充的可能性。
WebGL地形
使用3D单纯形噪声的具有动态过程地形的WebGL演示。它以ro.me中的鸟为特色,背景声音由Kevin Maclead制作。
rid歌
该WebGL演示通过WebGL和WebAudio在3D魔术体素世界中提供了真正的Web Hi-Fi爵士乐体验。使用WASD键(箭头键的最常见配置)进行导航。使用控制面板重新混合爵士乐队。它是由Goo Technologies开发的。
烟花
使用Jaakko Rinta-Filippula开发的WebGL和Web Audio API进行的简单烟花表演。
WebGL水
埃文·华莱士(Evan Wallace)的一项实验,该实验以水池中球的互动场景为特征,该场景具有灰迹反射和折射,分析性环境光遮挡,焦散和柔和阴影。
WebGL地形编辑器
由罗布·查德威克(Rob Chadwick)创建的WebGL Terrain Editor是一款令人惊叹的WebGL,其内置的技术功能可让您实时制作自己的景观。它具有一些令人惊叹的效果,例如光线跟踪的柔和阴影和体积阴影。
你好赛车手
由HelloEnjoy创建的WebGL是一种交互式3D玩具车,您可以在屏幕上四处行驶。您可以倾斜以转向,触摸向右以加速并向左触摸以反向。如果迷路,请向右或向左滑动以重新启动。
包起来
WebGL提供了出色的3D Javascript显示;但是,其中一些需要现代GPU才能运行,而功能强大的GPU。也有一些警告表明WebGL包含多个可能的安全问题,这些问题可能导致代码的随机执行甚至跨域攻击。
Mozilla和Google提出了许多加强安全性的建议,这可能有助于该技术的未来发展。
https://1stwebdesigner.com/webgl-examples-and-demos/
webgl 游戏_30个令人惊叹的WebGL示例和演示相关推荐
- webgl1到webgl2_30个令人惊叹的WebGL实验!
看哪,一个具有美好前景的好工具即将出现在您的眼前. 快速,流畅. 它可以渲染3D,并通过集成进行动画处理,猜猜它是什么? HTML5 ? CSS3 ? 不,它称为WebGL,是一个软件库,可扩展Jav ...
- webgl 游戏_如何选择 WebGL 框架和引擎?
数据可视化Sugar-百度智能云cloud.baidu.com Sugar 是我们从零开始开发的 BI 产品,可以不用写 SQL 制作报表及大屏页面,上半年我们发布了三维场景功能,可以放到大屏中展现 ...
- 使用Metal打造令人惊叹的游戏效果
苹果最新推出的Metal框架支持GPU硬件加速.高级3D图形渲染以及大数据并行运算.且提供了先进而精简的API来确保框架的细粒度(fine-grain),并且在组织架构.程序处理.图形呈现.运算指令以 ...
- 尝试搭建webgl游戏引擎-创建正方体
上一篇尝试搭建webgl游戏引擎-文字的创建 简单记录了一下文字和图片的创建. 顶点疑惑 文章写的道理非常的简单,但是实际开发的时候,还是有一些细节和API的要学习的. 其中有一点,我之前一直没有弄懂 ...
- 使用Unity 5和JavaScript创建WebGL游戏
Nilson Jacques Collins , Marc Towler和Matt Burnett对本文进行了同行评审. 感谢所有SitePoint的同行评审人员使SitePoint内容达到最佳状态! ...
- 尝试搭建webgl游戏引擎-起头
为了满足自己的好奇心 准备自己尝试搭一个小的webgl网页游戏引擎 然后 记录自己开发的进程和遇到的问题 立个flag.用自己的引擎开发一款<跳一跳> 进度效果展示 目前包含了 初阶web ...
- 分享8款令人惊叹的HTML5 Canvas动画特效
HTML5的确可以制作出非常绚丽的网页动画效果,尤其是利用HTML5 Canvas特性和HTML5 3D特性,我们更加可以欣赏到超酷的动画特效.今天我从html5tricks网站上整理了8款令人惊叹的 ...
- (转)20个令人惊叹的深度学习应用
写文章 20个令人惊叹的深度学习应用(欢迎补充):Demo+Paper+Code 量子位 1 个月前 唐旭 发自 RUC 量子位 报道 | 公众号 QbitAI 从计算机视觉到自然语言处理,在过去的几 ...
- 10 个令人惊叹的3D 图形网站,绝对会激发你的创作灵感
英文 | https://medium.com/orpetron/top-10-websites-with-awesome-3d-graphics-that-will-definitely-inspi ...
最新文章
- python实现字典遍历稳定有序使用collection包OrderedDict
- Winform程序窗体间的跳转
- I2C_ADDRS(addr, addrs...)理解
- Python的Tkinter点击按钮触发事件
- boost::mp11::mp_nth_element相关用法的测试程序
- 常见维修电路板技术汇总
- Serverless 落地实践
- 唤醒幻数据包禁用会怎么样_如何利用splashtop实现远程开机、远程唤醒电脑
- Latex appendix 生成附录A和B
- php 置cookie,另:(Cookie.php)cookie操作
- git优点缺点(简单介绍)
- 【资产管理】2020年海外头部资管机构经营特点及启示
- mysql取值范围1-10_mysql各种数据类型取值范围
- mmd动作:Bad End Night
- linux识别riser卡,一种应用在GPU服务器中可灵活配置的Riser卡的制作方法
- 19所高校进入A类!泰晤士计算机专业大学评级公布!
- 应对个人信息保护法律合规,妥善管理个人隐私数据
- Wiradius计费系统功能说明
- C. Pythagorean Triples
- SQL Server 2012 SP1 补丁发布