change lanuage:

关于我们 | 联系方式 | 地址地图
法律声明 | 购物指南 | 登录邮箱

 
多屏显示卡|远程控制
  迈创Matrox多屏拼接卡
  分屏卡FirePro/FireMV
  Quadro/NVS多屏显卡
  Usb外置苹果分屏显示
  DVI/HDMI采集TV录像
  冶天一机多屏卡视频墙
  IP远程监控/大屏控制器
  迈创MPX/PPX大屏拼墙
  Nvidia surround/SLI
  多屏互动云智能机顶盒
单机多屏告示系统方案
  警务/医疗/安防监控
  餐饮/娱乐/购物/休闲
  金融/企业/服务机构
  智能交通地图GIS调度
  电视LED投影拼接大屏
  多屏软件控制分屏输出
适配器|转接线|接插件
  DisplayPort/Mini DP
  HDMI/DVI/HDBaseT
  RGBHV/BNC/VGA/TV
  LFH/DMS/KX20/VHDCI
  DiiVA/superMHL/MYDP
  USB系列Type-C
  Mini SAS/e-SATA/IDE
  桥接器连接数据线/包装
图形工作站|解码服务器
  Nvidia|Quadro
  Sky云加速/RadeonPro
  NVR监控一机双屏卡
  数字存储/Raid阵列卡
  笔记本PCIE外置显卡
Game游戏机显卡OEM
  ATI·PCI-E·1x/16x
  Nvidia·PCIE·1x显卡
  AGP显卡8x/4x
  Gemini双子星双核显卡
  DisplayPort显卡DP
IPC医疗工控机/解码卡
  单头PCI双头/四头显卡
  笔记本MXM显卡嵌入式
  AIW视频输入输出VIVO
  音视频编码解码卡
分屏|分配|切换|延长器
  VGA/DVI/HDMI分屏
  VGA/DVI/HDMI矩阵
  hdmi网传光纤DP延长
  远端控制IP-KVM切换器
  多用户拖机盒/PC共享器
声卡|转接卡|转换器
  外置USB/PCI-E声卡
  Mini PCI/PCIE/MXM
  USB/串口RS232/并口
  PCMCIA∕Express
  IDE/e-SATA/CF/SD
一机多屏电脑分屏主机
  高端定制多屏服务器
  联想3/4/6/9/12屏电脑
  惠普3/4/6/8/16屏电脑
  DELL多屏电脑
局域|无线网络产品
  无线AP|网桥|路由
  无线网卡/无线上网卡
  无线音视频传输
  无线文件打印服务器
Apple苹果MAC配件
  MAC苹果电脑显卡|ADC
  MAC/iPod/iPad/iPhone
DIY组装笔记本BTO配件
  笔记本外置显卡
3D三维视觉/3C数码
  荧光led电子手写广告板
  多屏LCD电视液晶支架
  三星DID大屏LFD显示器
  SSD固态硬盘/内存
·信广告?信自己!
 

 

冶天多屏显卡英伟达|AMD官网驱动,点对点多屏拼接+分屏显示同花顺|通达信一机多屏炒股票机电脑分屏器DP多屏宝MST HUB外置拼接盒EDID锁屏宝,4K显卡电视墙12屏/10屏/9屏/8屏/6屏拼接液晶墙设置,投影融合LED裸眼3D视频墙,,2U半高刀卡,PCIE声卡,matrox中国总代理迈创actualtools授权,USB外置显卡多头输出,拼接4屏显卡,拼接6屏显卡,拼接9屏显卡12屏拼接视频墙,16屏分屏显示,监控上墙数字矩阵,生产线数字看板,天文气象,高铁动车,指挥调度110三台合一,多媒体数字标牌,地产中介多屏信息发布软件,屏幕旋转竖屏拼接,舞台背景墙方案下载免费咨询
产品 新闻 下载
 ·公司主营 Picasa图片库 >> 
PCT一机多屏显卡分屏输出点对点拼接多屏控制分屏软件DDS:双屏卡3屏4屏6屏9屏10屏12屏显卡4K|8K视频墙,投影拼接大屏幕LED小间距电视墙桌面分割数字矩阵,期货/外汇/证券多屏炒股票机电脑,多股同列通达信分屏同花顺/文华财经/博易大师/大智慧,开机自动播放视频多路音频广告机,网页窗口一键发送分屏显示不同内容,USB显卡外置DP分屏器Displaylink官网matrox代理迈创多屏宝EDID锁屏宝.冶天显卡-想你所需……
深圳市卓星彩奕电子有限公司
实体专卖店:深圳市福田区华强北赛格上步工业区505栋508室(导航钟表市场) google地图
TEL电话:+86-0755-83205887
FAX传真:+86-0755-83665301
Postcode邮编:518028
Email:pcidv#pcidv.com
wechatwechat:duopingka  
pcidv.com/whatapp No.13332969925
skype me
QQ Me 冶天多屏显卡企业天猫店
   产品动态  
chrome浏览器相关设置问题
本文作者:卓星科电  发布时间:2011-03-04  浏览量:8   收藏 | 打印 | 关闭

检查浏览器是否开启WebGL的办法:

WebGL Report (http://webglreport.com/)如果顶部出现”✓ This browser supports WebGL 1“字样,说明浏览器已经开启了WebGL。

本文是基于Opera开发团队的一篇文章翻译修改而成的,建议第一次接触WebGL概念的朋友阅读本文,可以对WebGL技术有一个整体的了解。这不是一个WebGL教程,只相当于WebGL的百科条目(实际上目前中文维基百科和百度百科对WebGL的介绍都不够好)。

什么是WebGL?

WebGL是一套JavaScript API,允许开发者在浏览器中直接嵌入支持硬件加速的互动3D图形。下面是一个WebGL应用于网页中的视频,来源于WebGL教程的第10课,你可以看到简单的全3D的类似于Doom的游戏,而且完全是在浏览器中实现的,无需任何插件。

作为一项开放的web标准,WebGL是由Khronos Group开发的,Google、Apple、Mozilla、Opera等公司和组织都是其中的成员,即这一标准的制定者和积极倡导者。

WebGL是作为HTML5中的 标签的一个特殊的上下文(experimental-webgl)实现在浏览器中的,因此WebGL也可以与所有DOM接口完全整合到一起。WebGL API是基于OpenGL ES 2.0的,是OpenGL ES 2.0的子集,所以WebGL可以运行于许多不同的硬件设备之上,例如桌面电脑、智能手机、平板电脑和智能电视。你可以在Khronos的网站上找到WebGL的规范全文

我如何才能运行WebGL?

要运行WebGL,你必须有一个支持它的浏览器。让我们来看看在有哪些设备和平台已经支持WebGL了:

同时,你还需要一块好的显卡(GPU),并安装了最新的显卡驱动;这只是刚刚能够运行WebGL的要求,如果想要在一些复杂的应用中保证显示效果,那你需要一块更好的显卡。

在桌面平台上,如果你的显卡非常老旧,或者是板载的集成显卡,那么你需要在浏览器中强制开启WebGL支持;另外因为其他的一些原因(比如你的操作系统是Windows XP),在正常安装以上浏览器之后还是不能运行WebGL,那你最好也强制开启WebGL支持。开启方法如下:

Chrome浏览器

我们需要为Chrome加入一些启动参数,以下具体操作步骤以Windows操作系统为例,请Linux用户自行设置。

Chrome浏览器的用户请找到Chrome浏览器的快捷方式,如果没有就创建一个快捷方式(右键点击chrome.exe,选择“创建快捷方式”或者“发送到”→“桌面快捷方式”),右键点击快捷方式,选择属性。
在目标框内,双引号的后边,加入以下内容

--enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files

点击确定。

设置完成的后的快捷方式属性窗口看起来应当是这样的,请注意其中的“目标”文本框:

关闭目前开启的所有Chrome窗口,然后用此快捷方式启动Chrome浏览器。

其中

--enable-webgl

的意思是开启WebGL支持;

--ignore-gpu-blacklist

的意思是忽略GPU黑名单,也就是说有一些显卡GPU因为过于陈旧等原因,不建议运行WebGL,这个参数可以让浏览器忽略这个黑名单,强制运行WebGL;

--allow-file-access-from-files

的意思是允许从本地载入资源,如果你不是WebGL的开发者,不需要开发调试WebGL,只是想要看一下WebGL的Demo,那你可以不添加这个参数。

chrome设置开启GPU加速

Firefox浏览器

  1. Firefox的用户请在浏览器的地址栏输入“about:config”,回车
  2. 在过滤器(filter)中搜索“webgl”
  3. 将webgl.force-enabled设置为true
  4. 将webgl.disabled设置为false
  5. 在过滤器(filter)中搜索“security.fileuri.strict_origin_policy”
  6. 将security.fileuri.strict_origin_policy设置为false
  7. 关闭目前开启的所有Firefox窗口,然后重新启动Firefox。

其中前两个设置是强制开启WebGL支持,最后一个security.fileuri.strict_origin_policy的设置是允许从本地载入资源,如果你不是WebGL的开发者,不需要开发调试WebGL,只是想要看一下WebGL的Demo,那你可以不设置此项。

Safari浏览器

  • 要为 Safari 启用 WebGL,请执行以下操作:
    1. 进入“偏好设置 (Preferences)”菜单并点击高级 (Advanced)
    2. 选中复选框“在菜单栏中显示‘开发’菜单 (Show Develop menu in the menu bar)”。
    3. 从“开发 (Develop)”菜单中启用 webGL。

如何判断我目前的浏览器是否支持WebGL?

请访问http://doesmybrowsersupportwebgl.com

  • 如果显示Yay,说明你的浏览器已经支持WebGL了。
  • 如果显示Nay,说明你的浏览器目前还不能运行WebGL。

你也可以在我们网站的Demo栏目里,选择几个Demo运行一下,或者运行一些我们教程中的一些Demo。

WebGL可以用来做什么?

WebGL允许开发者在浏览器中实现实时的3D互动图形。WebGL可以应用于互动音乐电视游戏数据可视化艺术3D设计环境3D空间建模3D物体建模绘制数学函数创建物理模拟

WebGL的工作原理是什么?

因为是被设计成直接工作在显卡端的,所以WebGL比目前其他的典型的web技术都要更加复杂。总的来说,它是相当的低等级的。这也正是它为什么能够如此迅速的完成大量的计算,并实现复杂的实时3D渲染的原因。

你不需要完全理解WebGL内在的工作原理。因为有很多第三方WebGL图形库可以帮你完成一些复杂的操作。但是如果你想成为一个高级开发者,充分利用WebGL的各种高级特性,那建议你最好还是深入了解一下其中的内涵。

在WebGL中编程,通常的目标都是想要渲染某种场景。这其中包括多重并发的绘制工作,称之为绘制调用(draw call),这些调用都是在GPU端通过一个叫做渲染管线(Rendering Pipeline)的处理流程来实现的。

在WebGL中,和其他大多数实时3D图形系统一样,三角形是用于绘制模型的最基本的元素。因此,在WebGL中需要通过使用JavaScript来生成绘制信息,这些绘制信息包括指定在什么位置绘制三角形、如何绘制三角形、这些三角形的外观长的什么样子(颜色、形状、纹理等等)。然后将这些信息传递给到GPU端,GPU进行处理,最后再返回绘制结果。

下面我们来看看渲染管线的具体流程。

渲染管线

以下部分节选自Joe Groff的文章《现代OpenGL简介 – 第一章:图形管线》

渲染管线的处理流程开始于建立顶点数组(Vertex Array)。这些数组包括了顶点属性(例如顶点在3D空间中的位置)和顶点纹理信息、颜色信息和如何接受光照(顶点法线)。这些顶点数组和其中包含的数据都是在JavaScript中建立的,建立的方法有以下几种:

    • 自己编写JavaScript代码建立
    • 加载并解析一个描述3D模型的文件(例如.obj文件)
    • 使用第三方图形库内置封装好的几何体形状

然后顶点数组里的数据会被填充到一个或多个顶点缓冲(Vertex Buffer)中,并传递到GPU端。在向GPU提交渲染工作的时候,我们还需要提供一个额外的数组用于描述顶点数组中元素的索引。这个顶点索引数组会在稍后控制顶点如何被装配到三角形中。

好了,GPU开始从顶点缓冲中读取顶点信息,并在顶点着色器(Vertex Shader)中处理这些信息。顶点着色器是一个程序,用于读取顶点属性,并输出一个新的属性集合。顶点着色器最基本的功能是计算顶点在屏幕空间中的位置。但它也会为每个顶点生成其他属性,比如颜色或纹理坐标。你可以编写代码自定义顶点着色器,也可以使用第三方图形库提供的顶点着色器。

然后,GPU会连接这些顶点来形成三角形。这里就用到了顶点索引数组,GPU会根据顶点索引的描述,将这些顶点按照指定顺序每3个分成一组,形成一个三角形。

然后光栅器(Rasterizer)会作用于每个三角形,切出这些三角形并忽略形状之外的其他部分,然后将当前剩余的可见部分打碎,填充到像素大小的片元(Fragment)中。对于其他顶点属性(比如颜色和纹理),顶点着色器会在光栅化之后的三角形表面上,为一个顶点和另一个顶点之间的部分做线性插值,为每一个片元(也就是像素)产生一个平滑的渐变值。举例来说,如果顶点着色器为每个顶点分配了一个颜色值,那么光栅器将会混合这些颜色,并在像素化的表面生成一个新的合适的渐变色。关于本段内容更详细的讲解,请参考我们教程的第2课

这些生成的像素大小的片元之后会被传递到片元着色器(Fragment Shader)中。片元着色器将会输出每个像素的颜色和深度值,用于在帧缓冲(Frame Buffer)中进行绘制。通常情况下,片元着色器的操作包括纹理映射和光照。因为片元着色器会为每个像素进行独立绘制,这就可以实现很多相当复杂的特殊效果;但也正是因为这样,片元着色器也成为图形管线中和性能最为相关的部分。和顶点着色器一样,你可以编写代码自定义片元着色器,也可以使用第三方图形库提供的片元着色器。

最后,帧缓冲(Frame Buffer)是渲染输出的最终目的地。帧缓冲是一个2D图像,但又不仅仅是一个2D图像这么简单。除了一个或多个颜色缓冲区之外,帧缓冲还包含深度缓冲区(Depth Buffer)和/或模板缓冲区(Stencil Buffer),这两个都是在最终绘制到帧缓冲之前可选的过滤片元的方式,深度检测会忽略被前面已经绘制的物体挡住的后面的物体,模板检测会使用模板缓冲区中绘制的形状约束帧缓冲中的可绘制区域,将渲染工作“模板化”。经过这两层过滤之后依然幸存的片元,它们的颜色值会与在它们覆盖之下的颜色值进行α混合。最终的颜色值、深度值、模板值会写入相应的缓冲区。帧缓冲的输出结果也可以用作纹理输入到其他渲染中去(即渲染到纹理,可以参考教程第16课)。

我如何开始学习开发WebGL?

首先你需要有一个支持WebGL的浏览器。然后,你可以在你喜欢的JavaScript开发环境中编写代码。

要学习WebGL,最好有编写JavaScript、OpenGL或OpenGL ES的经验和基础,还需要少量的HTML5知识。如果你是一个网络前端工程师,那可能你的JavaScript经验已经很充足了,但是却没有接触过计算机图形学,那也没有关系,实际上你可以越过OpenGL和OpenGL ES,直接从WebGL切入,作为你学习计算机图形学的开始。

教程方面推荐Giles编写的WebGL教程,我们的网站上有这一教程的指定中文版本,这一教程的大部分课程都是从大名鼎鼎的Nehe的OpenGL教程改编的,从浅入深,相当的通俗易懂。如果学习过程中有什么疑问,可以加入我们的QQ群提问,也可以在有问必答栏目发帖提问。

如果不是出于学习目的,而是要开发一个正式的商用项目,那么我们建议你在了解了WebGL的工作原理和其他计算机图形学的知识之后,使用第三方图形库进行开发。如果你阅读了上面的章节之后,你会发现直接使用原生的WebGL API开发项目会非常非常非常让人头疼。不像其他的web API,原生的WebGL是非常低等级的。WebGL标准的开发者这么做的目的是为了保证WebGL充分的灵活性和适用于所有应用的可用性,同时希望第三方图形库的开发者在这之后可以为WebGL添加一个简单便捷开发层。

目前有很多WebGL的第三方图形库,其中大多都是基于WebGL来迅速创建3D环境中的元素的,这些元素包括场景、相机、光源、环境光、内置的几何体形状、材质、纹理和雾化以及粒子效果。每个图形库都提供了差不多的元素类型,但可用性如何依赖于不同图形库的本身的开发质量。另外因为WebGL可以互动,所以很多图形库也封装了处理交互事件的接口。最后,很多图形库都提供了一些成型的顶点着色器和片元着色器代码。这么说很难说清楚,当你开始试着用一下各种图形库的时候,你就会发现使用图形库而不是原生WebGL AP的便捷性了。

你可以在WebGL Public Wiki的User Contributions页面上找到一个列有大部分图形库的清单。

 清风徐来,水波不兴
 
 ·此地无银
 
 ·广告位置
 
购物指南 交易条款  购物流程  会员介绍  常见问题  大家电  联系客服 配送方式 自提  快递运输  邮局普包  特快专递  公路运输  中铁快运

工商信息 免责声明 网站导航 广告联系 在线办公
Copyright © 2009 www.pcidv.cn All Rights Reserved 深圳市卓星彩奕电子有限公司 版权所有
ICP备:粤ICP备05147688号     

深圳网络警
察报警平台
公共信息安
全网络监察
经营性网站
备案信息
不良信息
举报中心
中国文明网
传播文明