整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          如何在瀏覽器中啟用 WebGL 以使用 HTML5 3D 查看器

          WebCenter 中的 HTML5 3D Collada Viewer(自 14.1 以來新增)要求在瀏覽器中啟用 WebGL。較舊的瀏覽器可能不支持此功能,或者要求用戶首先顯式啟用此功能。本頁介紹如何為所有主要瀏覽器啟用此功能。


          NSDT 編輯器

          本文是以下超級用戶文章的摘要:如何在瀏覽器中啟用 WebGL?

          程序

          在嘗試在瀏覽器中啟用 WebGL 之前,請檢查您的瀏覽器是否支持 WebGL。請參閱:caniuse.com/webgl。如果您的瀏覽器支持 WebGL,請按照下面描述的說明啟用它。如果沒有,請考慮使用其他瀏覽器或升級首選瀏覽器。

          谷歌瀏覽器

          對于谷歌瀏覽器,請按照以下步驟操作:

          1. 啟用硬件加速
          2. 在瀏覽器地址欄中鍵入 chrome://settings
          3. 單擊 + 顯示高級設置按鈕。
          4. “系統”部分中,確保已啟用“可用時使用硬件加速”復選框(您需要重新啟動 Chrome 才能使任何更改生效)。
          5. 啟用 WebGL。
          6. 在瀏覽器地址欄中鍵入 chrome://flags
          7. 確保未激活停用 WebGL(您需要重新啟動 Chrome 才能使任何更改生效)。
          8. 檢查 WebGL 的狀態。
          9. 在瀏覽器地址欄中鍵入 chrome://gpu
          10. 檢查“圖形功能狀態”列表中的 WebGL 項。狀態將為以下狀態之一:
          11. 硬件加速 — WebGL 已啟用且硬件加速(在圖形卡上運行)。
          12. 僅軟件,硬件加速不可用 — WebGL 已啟用,但在軟件中運行。有關更多信息,請參閱此處:“對于WebGL的軟件渲染,Chrome使用SwiftShader,一種軟件GL光柵器”。

          不可用 — WebGL 在硬件或軟件中不可用。

          如果狀態不是“硬件加速”,則“檢測到的問題”列表(位于“圖形功能狀態”列表下方)可能會解釋硬件加速不可用的原因。

          如果您的顯卡/驅動程序被列入黑名單,您可以覆蓋黑名單。警告:不建議這樣做! 要覆蓋黑名單:

          1. 在瀏覽器地址欄中鍵入 chrome://flags
          2. 激活覆蓋軟件呈現列表設置(您需要重新啟動 Chrome 才能使任何更改生效)。

          有關更多信息,請參閱 Chrome 幫助:WebGL 和 3D 圖形。

          Mozilla Firefox

          對于 Mozilla Firefox,請按照以下步驟操作:

          1. 啟用 WebGL。
          2. 在瀏覽器地址欄中鍵入 about:config
          3. 搜索 webgl.disabled
          4. 確保其值為“false”(任何更改都會立即生效,而無需重新啟動 Firefox)。
          5. 檢查 WebGL 的狀態。
          6. 在瀏覽器地址欄中鍵入關于:支持
          7. 檢查圖形表中的 WebGL 渲染器行:
          8. 如果狀態包含顯卡制造商、型號和驅動程序(例如:“NVIDIA Corporation -- NVIDIA GeForce GT 650M OpenGL Engine”),則啟用 WebGL。
          9. 如果狀態為“由于未解決的驅動程序問題,您的顯卡被阻止”或“您的顯卡驅動程序版本已阻止”或類似狀態,則您的顯卡/驅動程序已列入黑名單。
          10. 如果您的顯卡/驅動程序被列入黑名單,您可以覆蓋黑名單。警告:不建議這樣做!要覆蓋黑名單:
          11. 在瀏覽器地址欄中鍵入。about:config
          12. 搜索“webgl.force-enabled”。
          13. 將其設置為“true”。

          與 Chrome 一樣,Firefox 在“首選項”>高級”>“常規”>瀏覽中有一個“可用時使用硬件加速”復選框。但是,與Chrome不同,Firefox不需要選中此復選框即可使WebGL正常工作。

          Safari

          對于 Safari 瀏覽器,請按照以下步驟操作:

          1. 轉到 Safari 的首選項
          2. 選擇“高級”選項卡。
          3. 確保已啟用“在菜單欄中顯示開發菜單”復選框。
          4. 在“開發”菜單中,確保選中“啟用 WebGL”復選框。

          IE瀏覽器

          要在 Internet Explorer 中啟用 WebGL,請將 Internet Explorer 更新到版本 11 或更高版本。

          原文鏈接:如何在瀏覽器中啟用 WebGL 以使用 HTML5 3D 查看器

          過去的幾年里,HTML5在網絡空間的門戶網站中得到了充分的認可和普及,進入發展的快車道,并改進了其前身的方法。

          在本文中,我們帶來了10個最好的HTML5工具,這些工具可以簡化您的開發工作,使您能夠輕松地開發具有創造性和創新性的Web應用程序。我們希望您能找到適合您工作的列表,如果您知道其他一些最好的HTML5工具,請在下面的評論部分寫下評論,讓我們知道。享受吧!

          1、HTML5 Video Voting

          HTML5 Video Voting允許收集視頻反饋,投票非常簡單。你所要做的就是點擊視頻并使用空格鍵提交你的投票,它將自動填充條形圖。

          2、Stitches:HTML5 Sprite薄板生成器

          Stitches是一個HTML5 Sprite薄板生成器,簡單地將圖像文件拖放到下面的空間中,然后單擊“生成”以創建sprite工作表和樣式表。Stitches使用了兩個HTML5 API,它目前只與最新版本的Chrome和Firefox兼容。但是,它不適用于IE9,它需要jquery 1.7.1+,modernizer,dropfile,flashcanvas來支持舊的瀏覽器。根據麻省理工學院的許可證。

          3、Literally Canvas

          Literally Canvas(字面上的畫布)是一個開源的HTML5小部件,它可以集成到任何頁面,讓用戶可以在線繪制。它附帶了一組簡單的工具,包括繪制、擦除等等特色作用。這個小部件是用jquery+underline.js構建的,它有一個API來定義背景顏色、工具和維度。

          4、wysihtml5

          wysihtml5是一個基于HTML5技術和漸進增強方法的開源富文本編輯器。它使用了一個復雜的安全概念,旨在通過防止不可維護的標簽湯和內聯樣式來生成完全有效的HTML5標記,它又快又輕。它生成有效的語義HTML5標記。它使用類名而不是內聯樣式,它也支持Chrome的語音輸入。它是根據麻省理工學院的許可證發布的。

          5.Video.JS:HTML5視頻播放器,自帶CSS

          video js是一個HTML5視頻播放器,有三個核心部分:一個嵌入代碼(每個人都有視頻)、一個javascript庫(video.js)和一個純HTML/CSS皮膚(video js.css),使用視頻自動嵌入代碼與,許多設備兼容。

          6、Create.js

          Create.js是一個針對內容管理系統的綜合Web編輯界面,創建可以適應幾乎任何內容管理后端的工作。

          7、HTML5 Please

          HTML5 Please是一個HTML5/CSS3功能的交互式兼容性圖表,用于找出“支持(或不支持)哪些瀏覽器”。使用智能搜索欄,可以使用瀏覽器或設備支持、類型(HTML5或CSS3元素/屬性)等過濾結果。每一項都被簡要地描述,并且共享一個選項,決定它們是應該與回退一起使用,還是應該與多段填充一起使用。

          8、Moqups:用于創建線框和實體模型的HTML5應用程序

          Moqups是一個漂亮的HTML5應用程序,用于創建線框、模型或UI概念,原型取決于您喜歡如何調用它們。他們試圖讓事情變得簡單和相當直觀,這樣你就可以毫無障礙地釋放你的創造力。moqups建立在開放標準之上,努力在瀏覽器中提供最佳體驗。

          9、Spritebox

          Spritebox是一個wysiwyg工具,可以幫助網頁設計師從一個sprite圖像中快速輕松地創建CSS類和ID。它基于使用background position屬性將sprite圖像的區域對齊為網頁的塊元素的原則。它是由jquery、css3和html5組合而成,完全免費使用。

          10、Speakker

          Speakker是一款采用HTML5的跨瀏覽器音頻解決方案。它有兩種不同的款式,并提供了難以置信的定制選項:靈活的尺寸、無限的顏色和兩種不同的按鈕組,用于明暗主題。易于設置。只需幾行JavaScript和一個Quantum CSS。

          (本文如有侵權,請聯系作者,必刪!!!)

          以上,就講完了10個HTML5開發者最佳工具,歡迎大家一起交流!!!

          碼/視頻評論后加前端學習群470593776

          JavaScript課題:100+特效大揭秘之夢幻登錄特效PS:掉落的輸入框,居然還能跳

          知識點:原生js動畫效果 ,重力系統+元素彈跳算法, 遞歸在特效中的應用,

          兩種定時器配合使用,編程思想與解決方案思維

          由于現在面試中,對于原生JS的要求越來越高,所以本次分享,都是使用的原生js來實現效果!

          邏輯與源碼

          源碼/視頻評論后加前端學習群470593776



          源碼/視頻評論后加前端學習群470593776

          代碼過長,只發部分,大家評論下本文章后

          可以加下前端群【470593776】(源碼和視頻)


          主站蜘蛛池模板: 伊人色综合视频一区二区三区| 天堂Aⅴ无码一区二区三区| 国产成人无码AV一区二区在线观看| 亚洲AV日韩综合一区| 伊人久久精品一区二区三区| 无码喷水一区二区浪潮AV| 精品乱码一区二区三区在线| 午夜一区二区在线观看| 日本精品一区二区三区四区| 国产精品毛片一区二区| 亚洲成AV人片一区二区| 99久久无码一区人妻a黑| 国产精品美女一区二区| 亚洲AV无码一区二区三区系列| 人妻久久久一区二区三区| 3d动漫精品啪啪一区二区免费 | 一级毛片完整版免费播放一区| 久久国产一区二区| 国产怡春院无码一区二区 | 一区二区三区影院| 国产日本亚洲一区二区三区| 成人在线一区二区| 中文无码一区二区不卡αv| 狠狠色婷婷久久一区二区三区| 精品熟人妻一区二区三区四区不卡| 精品视频在线观看一区二区| 日韩人妻不卡一区二区三区| 国产一区二区三区四| 亚洲熟妇无码一区二区三区| 国产日韩精品一区二区三区在线 | 国产精品 一区 在线| 最新中文字幕一区| 无码中文字幕一区二区三区| 狠狠色婷婷久久一区二区| 鲁大师成人一区二区三区| 波多野结衣AV一区二区三区中文| 亚洲国产日韩一区高清在线 | 久久国产精品无码一区二区三区| 久久久99精品一区二区| 精品乱子伦一区二区三区| 日本一区二区高清不卡|