목차
回复内容:
웹 프론트엔드 H5 튜토리얼 到 2013 年底,WebGL 能发展到什么程度?

到 2013 年底,WebGL 能发展到什么程度?

Jun 07, 2016 am 08:42 AM

回复内容:

我觉得取决于 browser vendor 和开发者的支持度。

Web app 的优势是一个固定值(不用开发复杂的 installer 和 auto-updater 了,但是仅此而已)。所以对越复杂的 app 来说,Web 的优势就越边缘化。3D 应用的开发无疑是最复杂的。所以我可以说:3D app 的开发团队不缺这点写 installer 和 auto-updater 的人手。

第二,Web 的优势领域是 HTML 和 OS 标准都成熟的部分。而标准不成熟的部分就惨了。在 HTML 不成熟的部分,开发者要测试每个 browser,在 OS 标准不成熟的部分,开发者要测试每个 OS。两个都不成熟的部分,开发者要测试 browser x OS 的组合。就 3D 来说,连 OpenGL 都不能说每家的 driver 实现完全一样,也不能说每个浏览器的绑定都一样。

第三,其它领域的开发倾向使用稳定的技术。而 3D 开发倾向使用最先进的方案。所以 3D 平台要求能快速提供最先进的功能。在 native 平台上不用非标准 EXT 开发 OpenGL 的程序是很少的。最大公约数法则对 3D app 不成立。3D app 讲究的是 aggresive then fail back。

所以争取到开发者的支持并不容易。

浏览器方面,也说了 Microsoft 不支持。理由也很充分,shader code 的可信度如何保证?这个问题反过来又会降低用户的支持。一团糟。 正好逛到这个问题,正好是2013年底,正好最近基于http://www.hightopo.com/的HT for Web 3D引擎做的电力项目收尾,正好用到的就是WebGL技术,因此说说自己的感觉供参考:

1、2013年应该感谢Google和MS,前者提供了Android Chrome浏览器的WebGL支持,后者终于让IE11支持了WebGL并且降低到win7也能运行。

2、还得感谢Firefox和Opera这些厂家推动了移动终端浏览器对WebGL的支持,并且性能还都不差,早期Chrome的Android版还不支持WebGL时测试只能靠他们。

3、感谢UCWeb浏览器提供了唯一(如果不是唯一还请高人指点)官方iPad的浏览器的WebGL支持,虽然有很多bug我们提交了问题也没人理,还好找到了workaround规避了些坑。

4、IE11很给力,我在mac下的VirtualBox虚拟机里面IE11是唯一能跑WebGL的(其他浏览器不知道是否有开关设置可以在虚拟器可以跑的,如果有还请高人指点),但还得努力啊,一堆基础的API都不支持,例如TRIANGLE_FAN类型都不支持,例如lineWidth都不让设置,例如Shading Language都不支持return语句,还有好多坑,但还好我们都找到方法绕开了(如果你也遇到了IE11的坑可以帮我继续列举)。

5、Nexus 7二代很给力,作为WebGL的移动测试机,很轻且性能不错,终于找到了让我满意的愿意随身带着用的Android板。

6、打包android的WebView控件方式还很难搞,默认的WebView核与Android Chrome不一样,搞了个独立的Chrome 28的核还开启不了WebGL(要是有高人搞定了,还请指点)。

7、上点代表性的项目抓图,一个是IE11下的,一个是Android下的,总体说我感觉2013年经过各个厂家的努力,对于大多数的企业应用应该可以说:WebGL is Ready!

另供参考《基于HTML5的电信网管3D机房监控应用
HT for Web 3D 手册
HT for Web 入门手册
到  2013 年底,WebGL 能发展到什么程度?
到  2013 年底,WebGL 能发展到什么程度?
到  2013 年底,WebGL 能发展到什么程度? HT fo Web - 3D Animation Easing http://v.youku.com/v_show/id_XNzE4NzM3NDc2.html WebGL和之前出现过的大部分web前端技术都不同,它比通常的web前端技术要更为复杂,它的原生接口非常低级(标准制定者这么做的原因是想保证WebGL在各种场合的广泛适用性),换句话说,WebGL的学习难度非常大。因为一种技术非常复杂从而得出结论说市场不需要这种技术的推理过程简直是无稽之谈,结论也相当荒谬。所以对于这种难度极大而业界大部分人又对其未来持积极态度的技术,如果要等到标准和OS以及市场环境全部成熟了再下手,那么对于我们开发者来说是非常不利的,因为那就意味着我们需要更多的时间和精力来学习它,而竞争对手则早已经在循序渐进的过程中占领了先机。

另外,事实上,即使是当下,WebGL的底层兼容性问题也远非外界盛传的这么复杂。通常情况下,在Windows平台上我们不需要特别担心所谓的显卡驱动问题,因为Chrome和Firefox这两大主流支持WebGL的浏览器都是用ANGLE把WebGL API转换为DirectX API实现的。在非Windows平台上,OS X上使用Safari或Chrome、Firefox一切都近乎完美;在Linux上大部分的闭源驱动和Mesa classic DRI驱动都可以很好的支持WebGL。

WebGL标准本身和现阶段各浏览器所支持的扩展都没有致命缺陷,Native GL能做的WebGL几乎都能做。我支持@邓鋆 的说法,我们不能寄希望于将《使命召唤》这种AAA级游戏大作马上就搬到Web上,但WebGL目前已经可以胜任一些休闲游戏或者从移动平台移植过来的Native 3D Game/App,因为移动平台和网络平台通常都受同样的几个因素制约,例如网络状况和性能等等。

所以,我不知道未来会发生的事情,但我想如果你和Google、Apple、Mozilla等业界巨头一样,都非常看好这门技术,那么现在应该是一个非常好的时机来开始做必要的技术储备。 数据保密性太差,虽然three.js 已经非常强大了,但是你的模型数据瞬间就可以被竞争对手偷走,这个问题才是一个巨大的硬伤,能解决这个问题才行。现在看很难解决这个问题。 我个人认为,WebGL更多的是一种对HTML表现能力的一种补充,我期待着将来看到越来越多的演示,例如商品、房屋、城市等的3D展示,网页游戏中少部分3D效果的表现,而非生硬的把我们所熟悉的3D游戏完整搬到浏览器上。 2013年很可能Google Earth会有WebGL版的
---------------------------------------------------------------
应验了,最新版的 google maps 中 3d 地球视图就是WebGL做的 转眼2016了,貌似没什么大发展,如果将WebGL应用在VR上,期待中。。。。。 WEbgl的发展空间受限。相信我,来云台网看看云台网的引擎,会让你兴奋。 转眼间2014年底了,貌似没啥大发展呢,不知道2015年底会咋样。。 UC Android在接下来的版本也会提供很好的支持。
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. 크로스 플레이가 있습니까?
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

H5 프로젝트를 실행하는 방법 H5 프로젝트를 실행하는 방법 Apr 06, 2025 pm 12:21 PM

H5 프로젝트를 실행하려면 다음 단계가 필요합니다. Web Server, Node.js, 개발 도구 등과 같은 필요한 도구 설치. 개발 환경 구축, 프로젝트 폴더 작성, 프로젝트 초기화 및 코드 작성. 개발 서버를 시작하고 명령 줄을 사용하여 명령을 실행하십시오. 브라우저에서 프로젝트를 미리보고 개발 서버 URL을 입력하십시오. 프로젝트 게시, 코드 최적화, 프로젝트 배포 및 웹 서버 구성을 설정하십시오.

H5 페이지 제작은 정확히 무엇을 의미합니까? H5 페이지 제작은 정확히 무엇을 의미합니까? Apr 06, 2025 am 07:18 AM

H5 Page 프로덕션은 HTML5, CSS3 및 JavaScript와 같은 기술을 사용하여 크로스 플랫폼 호환 웹 페이지의 생성을 말합니다. 핵심은 브라우저의 구문 분석 코드, 렌더링 구조, 스타일 및 대화식 기능에 있습니다. 일반적인 기술에는 애니메이션 효과, 반응 형 디자인 및 데이터 상호 작용이 포함됩니다. 오류를 피하려면 개발자를 디버깅해야합니다. 성능 최적화 및 모범 사례에는 이미지 형식 최적화, 요청 감소 및 코드 사양 등이 포함됩니다. 로딩 속도 및 코드 품질을 향상시킵니다.

H5를 만드는 방법 아이콘을 클릭하십시오 H5를 만드는 방법 아이콘을 클릭하십시오 Apr 06, 2025 pm 12:15 PM

H5 클릭 아이콘을 생성하는 단계에는 다음이 포함됩니다. 이미지 편집 소프트웨어에서 정사각형 소스 이미지 준비. H5 편집기에 상호 작용을 추가하고 클릭 이벤트를 설정하십시오. 전체 아이콘을 덮는 핫스팟을 만듭니다. 페이지로 점프하거나 애니메이션 트리거링과 같은 클릭 이벤트의 동작을 설정하십시오. h5 문서를 HTML, CSS 및 JavaScript 파일로 내보내십시오. 내보내는 파일을 웹 사이트 또는 기타 플랫폼에 배포하십시오.

H5 프로그래밍 언어는 무엇입니까? H5 프로그래밍 언어는 무엇입니까? Apr 03, 2025 am 12:16 AM

H5는 독립형 프로그래밍 언어가 아니라 최신 웹 애플리케이션을 구축하기위한 HTML5, CSS3 및 JavaScript 모음입니다. 1. HTML5는 웹 페이지 구조와 컨텐츠를 정의하고 새로운 태그와 API를 제공합니다. 2. CSS3은 스타일과 레이아웃을 제어하고 애니메이션과 같은 새로운 기능을 소개합니다. 3. JavaScript는 동적 상호 작용을 구현하고 DOM 작업 및 비동기 요청을 통해 기능을 향상시킵니다.

H5 페이지 제작에 적합한 응용 프로그램 시나리오 H5 페이지 제작에 적합한 응용 프로그램 시나리오 Apr 05, 2025 pm 11:36 PM

H5 (HTML5)는 마케팅 캠페인 페이지, 제품 디스플레이 페이지 및 기업 프로모션 마이크로 웨스 사이트와 같은 가벼운 응용 프로그램에 적합합니다. 그것의 장점은 교차 성형 및 풍부한 상호 작용에있어 있지만, 그 한계는 복잡한 상호 작용 및 애니메이션, 로컬 리소스 액세스 및 오프라인 기능에 있습니다.

H5로 팝업 창을 만드는 방법 H5로 팝업 창을 만드는 방법 Apr 06, 2025 pm 12:12 PM

H5 팝업 창 생성 단계 : 1. 트리거링 메소드를 결정합니다 (클릭, 시간, 종료, 스크롤); 2. 디자인 컨텐츠 (제목, 텍스트, 액션 버튼); 3. 세트 스타일 (크기, 색상, 글꼴, 배경); 4. 코드 구현 (HTML, CSS, JavaScript); 5. 테스트 및 배포.

H5 페이지 제작은 프론트 엔드 개발입니까? H5 페이지 제작은 프론트 엔드 개발입니까? Apr 05, 2025 pm 11:42 PM

예, H5 페이지 제작은 HTML, CSS 및 JavaScript와 같은 핵심 기술을 포함하는 프론트 엔드 개발을위한 중요한 구현 방법입니다. 개발자는 & lt; canvas & gt; 그래픽을 그리거나 상호 작용 동작을 제어하기 위해 JavaScript를 사용하는 태그.

Geolocation API로 사용자 위치 개인 정보 및 권한을 어떻게 처리합니까? Geolocation API로 사용자 위치 개인 정보 및 권한을 어떻게 처리합니까? Mar 18, 2025 pm 02:16 PM

이 기사는 지리적 위치 API를 사용하여 사용자 위치 개인 정보 및 권한 관리, 권한 요청, 데이터 보안 보장 및 개인 정보 보호법 준수에 대한 모범 사례를 강조하는 것에 대해 설명합니다.

See all articles