几年前,Java应用程序(小程序和JOGL的组合) − 被用于通过解决在GPU(图形处理单元)来处理网络上的三维图形。作为小程序需要一个JVM运行,它变得很难依靠Java小程序。几年后,人们就开始停止使用Java小程序了。

由Adobe (Flash, AIR)的Stage3D API提供了GPU硬件加速架构。使用这些技术,程序员可以对Web浏览器以及对iOS和Android平台上开发2D和3D功能的应用程序。由于Flash是专有软件,它不是用来作为网络标准。

OpenGL

OpenGL(开放式图形库)是跨语言,对于2D和3D图形的跨平台API。它是命令的集合。OpenGL4.5是OpenGL的最新版本。下表列出了一组相关的OpenGL技术。

API
采用的技术
OpenGL ES 它是从库中的2D和3D图形在嵌入式系统上 - 包括控制台,手机,电器,和车辆。OpenGL ES3.1是它的最新版本。它是由Khronos Group维护,官方网站:www.khronos.org
JOGL 这是Java对OpenGL结合。 JOGL4.5是其最新的版本,它是由 jogamp.org维护
WebGL 这是JavaScript和OpenGL结合。 WebGL 1.0是其最新的版本,其 khronos group 由维护
OpenGLSL OpenGL着色语言。它是一种编程语言,目前需要在OpenGL2.0及更高版本。它是OpenGL4.4核心规范的一部分。它是专为嵌入式系统,如手机和平板电脑量身定制的API。
注 - 在WebGL我们使用GLSL来写着色器。

WebGL是什么东西?

WebGL(Web图形库)是Web上的3D图形的新标准,它是专用于绘制2D图形和交互式3D图形的目的。它是从OpenGL ES 2.0库,用于手机和其他移动设备的低级3D的API衍生。 WebGL提供ES2.0(嵌入式系统)类似的功能并在现代3D图形硬件上表现优异。

它可以与HTML5使用一个JavaScript的API。 HTML5有几个功能,支持3D图形,如2D画布,WebGL,SVG,CSS3D变换和SMIL。
WebGL代码编写在HTML5的标签内。它是一种规范,允许互联网浏览器使用的计算机访问图形处理单元(GPU)。

谁开发WebGL?

一个名叫Vladimir Vukicevic 的美国塞尔维亚软件工程师做了基础工作,并领导创建WebGL。
  • 2007年,Vladimir开始致力于为HTML文档Canvas元素定义OpenGL原型。
  • 2011年3月,克罗诺斯集团(Kronos Group)创建WebGL。

支持的浏览器

下表显示了支持WebGL的浏览器的列表 -
浏览器名称
版本 支持
Internet Explorer(IE) 11及以上
完全支持
Google Chrome 39及以上
完全支持
Safari 8
完全支持
Firefox 36及以上 部分支持
Opera 27及以上 部分支持

移动浏览器

浏览器名称 版本 支持
Chrome for Android 42 部分支持
Android browser 40 部分支持
IOS Safari 8.3 完全支持
Opera Mini 8 不支持
Blackberry Browser 10 完全支持
IE mobile 10 部分支持

WebGL的优势

下面是使用WebGL的优势 -
  • JavaScript编程 − WebGL的应用程序是用JavaScript编写的。使用这些应用程序,你可以直接用HTML文档的其他元素来进行交互。也可以使用其他JavaScript库(如JQuery)和HTML技术,以丰富WebGL应用程序。

  • 越来越多的移动浏览器支持 − WebGL的还支持移动浏览器,如:iOS的Safari浏览器,Android浏览器和Chrome的Android。

  • 开源 − WebGL是一个开源的工具。您可以访问库中的源代码,并了解它是如何工作以及它是如何开发的。

  • 无需编译 − JavaScript是一种半编程和半HTML组件。为了执行这个脚本,没有必要对文件进行编译。相反,您可以直接打开使用任何浏览器的文件,并马上可以查看结果。因为WebGL应用程序是使用JavaScript开发的,所以没有必要编译WebGL应用程序。

  • 自动内存管理 − JavaScript支持自动内存管理。没有必要对存储器手工分配。 WebGL继承了JavaScript的这个特性。

  • Easy to set up − 由于WebGL是整合在HTML 5中,所以没有必要做额外的设置。要编写一个WebGL的应用程序,所需要的是一个文本编辑器和网络浏览器。

开发环境设置

没有必要为WebGL设置一个不同的环境。支持WebGL浏览器有自己的内置设置的WebGL。

本文属作者原创,转载请注明出处:易百教程 » WebGL教程

818阅读 | 0评论
你的回应
  • iyoyaqacuk

    2019-04-21 01:42:41 iyoyaqacuk

    Such qhe.mutq.osbaike.net.exr.ki solute [URL=http://jokesaz.com/amoxicillin/]generic amoxicillin 500 mg[/URL] [URL=http://sammycommunitytransport.org/brand-viagra/]brand viagra no prescription[/URL] [URL=http://impactdriverexpert.com/cialis-professional/]cialis professional online[/URL] [URL=http://palcouponcodes.com/valtrex/]cheapest valtrex[/URL] [URL=http://christmastreesnearme.net/cheap-viagra/]cheep viagra[/URL] merit amoxil brand viagra generic

  • ovasimiyau

    2019-04-15 13:44:22 ovasimiyau

    Those gwo.ejdf.osbaike.net.skw.pf cross-regeneration [URL=http://kafelnikov.net/ventolin/]ventolin online[/URL] [URL=http://sammycommunitytransport.org/imitrex/]order imitrex online rx pharmaceutical[/URL] [URL=http://albfoundation.org/careprost/]cheap careprost[/URL] [URL=http://americanartgalleryandgifts.com/prednisone/]prednisone[/URL] [URL=http://metropolitanbaptistchurch.org/vidalista/]vidalista[/URL] [URL=http://cbfsupply.com/cialis-5-mg-best-price-usa/]buying cialis online[/URL] [URL=http://nitromtb.org/revia/]discount revia[/URL] [URL=http://metropolitanbaptistch

  • asugawavud

    2019-04-14 16:02:08 asugawavud

    Remission kiz.qqyt.osbaike.net.obr.bc add appendicectomy, nephrocalcinosis; [URL=http://aakritiartsonline.com/cialis-20-mg/]generic cialis at walmart[/URL] [URL=http://gaiaenergysystems.com/levitra-20mg/]levitra 20mg[/URL] [URL=http://theswordguy.com/levitra/]generic levitra[/URL] [URL=http://stringerstheory.net/cialis/]order cialis online[/URL] [URL=http://gaiaenergysystems.com/buy-prednisone/]prednisone with no prescription[/URL] [URL=http://stringerstheory.net/amoxicillin/]buy amoxicillin[/URL] [URL=http://cbfsupply.com/pharmacy/]canadian pharmacy[/URL] canadi

  • uzocotomveki

    2019-04-08 10:55:50 uzocotomveki

    Here gfr.rkjb.osbaike.net.ksx.bw mine, [URL=http://bayridersgroup.com/prednisone/]prednisone without dr prescription[/URL] [URL=http://kafelnikov.net/prednisone-without-dr-prescription/]prednisone[/URL] [URL=http://gccroboticschallenge.com/doxycycline/]doxycycline[/URL] [URL=http://aawaaart.com/kamagra/]kamagra oral jelly canada[/URL] [URL=http://kafelnikov.net/accutane/]accutane[/URL] [URL=http://gccroboticschallenge.com/buy-kamagra-online/]buy cheap kamagra from india[/URL] pre-renal liposomes wheelchair buy prednisone withou

  • etumivamoq

    2019-03-18 12:54:41 etumivamoq

    Heavy mli.mhmp.osbaike.net.stk.vl blows set [URL=http://websolutionsdone.com/propecia/]propecia[/URL] online propecia http://websolutionsdone.com/propecia/#buy-propecia-online buy propecia online propecia [URL=http://websolutionsdone.com/viagra/]viagra for sale[/URL] viagra uk http://websolutionsdone.com/viagra/#viagra-online viagra [URL=http://openastorenow.com/personal-loan/]personal loans austin tx[/URL] personal loan interest rates in usa http://openastorenow.com/personal-loan/#personal-loan personal loan [URL=http://refrigeratordealers.com/amoxicillin/]500 mg amoxicillin[/URL] amoxil http://refrigeratordealers.com/amoxicillin/#www.amoxicillin500mg.org amoxicillin online [URL=http://refrigeratordealers.com/prednisone/]prednisone[/URL] buy prednisone online http://refrigeratordealers.com/prednisone/#buy-prednisone-online prednisone order [URL=http://anger-management-action.com/payday-loans-irving-tx/]direct online lenders[/URL] payday loans http://anger-management-action.com/payday-loans-irving-tx/#loan-to-pay-off-payday-loans payday loans [URL=http://umichicago.com/short-cash-loans/]cash loans columbus ohio[/URL] cash loans http://umichicago.com/short-cash-loans/#short-cash-loans short cash loans [URL=http://palawan-resorts.com/canadian-pharmacy-online/]canada pharmacy online no script[/URL] pharmacy http:

  • aqimedigiton

    2019-02-25 16:25:39 aqimedigiton

    She zyi.gwmw.osbaike.net.ham.nf stomach; [URL=http://davincipictures.com/retin-a/]buy retin a online[/URL] tretinoin cream 0.1 http://davincipictures.com/retin-a/#where-to-buy-tretinoin-gel retin a cream [URL=http://davincipictures.com/prednisone/]buy prednisone[/URL] buy prednisone without prescription http://davincipictures.com/prednisone/#buy-prednisone prednisone without dr prescription usa [URL=http://davincipictures.com/doxycycline/]doxycycline[/URL]

  • eqotvazexk

    2019-02-19 22:22:25 eqotvazexk

    The wor.jgbv.osbaike.net.myi.os describe pulsatile; dehydrated [URL=http://michiganvacantproperty.org/buy-propecia/]propecia pills[/URL] online propecia http://michiganvacantproperty.org/buy-propecia/#propecia-online-pharmacy propecia pills [URL=http://scoverage.org/celebrex-200-mg/]celebrex[/URL] celebrex 200 mg http://scoverage.org/celebrex-200-mg/#celebrex celebrex generic [URL=http://biblebaptistny.org/nolvadex/]nolvadex in uk[/URL]

  • sedpakewenoba

    2019-02-14 09:42:42 sedpakewenoba

    Later, cle.ycpb.osbaike.net.tfa.hu pre-operatively plus training [URL=http://secretsofthearchmages.net/ventolin/]ventolin[/URL] buy ventolin http://secretsofthearchmages.net/ventolin/ ventolin [URL=http://otrmatters.com/levitra-20mg/]wife levitra[/URL] levitra 20mg http://otrmatters.com/levitra-20mg/ pharmacy prices for levitra [URL=http://kelipaan.com/flagyl/]metronidazole 500 mg antibiotic[/URL] flagyl http://kelipaan.com/flagyl/ buy metronidazole online [URL=http://gocyclingcolombia.com/generic-levitra-vardenafil-20mg/]levitra 20mg[/URL] generic levitra vardenafil 20mg http://gocyclingcolombia.com/generic-levitra-vardenafil-20mg/ levitraonline [URL=http://playinguphockey.com/generic-levitra/]levitra 20 mg[/URL] generic levitra http://playinguphockey.com/generic-levitra/ levitra 20mg vardenafil 20mg [URL=http://webodtechnologies.com/cialis-online/]cialis online[/URL] tadalafil 20mg lowest price http://webodtechnologies.com/cialis-online/ cialis [URL=http://gocyclingcolombia.com/levitra-20-mg/]levitra[/URL] levitra http://gocyclingcolombia.com/levitra-20-mg/ levitra 20 mg [URL=http://webodtechnologies.com/generic-levitra-20mg/]best price levitra 20 mg[/URL] levitra http://webodtechnologies.com/generic-levitra-20mg/ best price levitra 20 mg [URL=http://a1sewcraft.com/walmart-

  • opapijaxigut

    2019-02-13 16:19:45 opapijaxigut

    Background div.dpvo.osbaike.net.hul.ok compensates goes [URL=http://iranascience.com/viagra-generic/]viagra generic[/URL] generic viagra 50mg http://iranascience.com/viagra-generic/ buy viagra online [URL=http://playinguphockey.com/zoloft/]zoloft no prescription[/URL] zoloft no prescription http://playinguphockey.com/zoloft/ zoloft medicine [URL=http://cveto4ki.com/inderal/]inderal[/URL] buy inderal online http://cveto

  • ecebuce

    2019-02-10 18:17:58 ecebuce

    The jmd.skpb.osbaike.net.kob.nm shown aspergillosis [URL=http://gocyclingcolombia.com/cipro/]cipro[/URL] cipro http://gocyclingcolombia.com/cipro/ buy ciprofloxacin 500 mg [URL=http://healinghorsessanctuary.com/levitra/]generic levitra online[/URL] levitra generic 20 mg http://healinghorsessanctuary.com/levitra/ levitra generic lowest prices [URL=http://webodtechnologies.com/retin-a-cream/]retin a cream[/URL] renova cheap http://webodtechnologies.com/retin-a-cream/ retin a online [URL=http://webodtechnologies.com/buy-viagra/]viagra canada[/URL] viagra online canada http://webodtechnologies.com/buy-viagra/ low price viagra 100mg [URL=http://fitnesscabbage.com/generica-cialis/]cialis black[/URL] generica cialis http://fitnesscabbage.com/generica-cialis/ generica cialis [URL=http://dockpartsusa.com/zoloft-online/]buy zoloft[/URL] buy sertraline http://dockpartsusa.com/zoloft-online/ zoloft [URL=http://techiehubs.com/viagra-generic/]buy generic viagra[/URL] viagra generic http://techiehubs.com/viagra-generic/ viagra [URL=http://a1sewcraft.com/furosemide-without-prescription/]diuretic and lasix[/URL] lasix overdose http://a1sewcraft.com/furosemide-without-prescription/ furosemide cat [URL=http://nothingbuthoops.net/viagra/]viagra[/URL]

1 23
联系我们