webgl 三维工厂

WebGL+ArcGIS JS API實現Web城市地下管線三維場景浏覽 2015-09-28

WebGL+ArcGIS JS API實現Web城市地下管線三維場景浏覽
注:轉載請注明出處WebGL發展的如火如荼,未來的WebGIS也應該體現3D的趨勢,本人的本科畢業論文是<Web城市地下管線三維場景浏覽技術研究>,通過ArcGIS JS API獲取地理數據,然後用WebGL框架Three.js將該地理數據進行三維展示.本論文主要具有以下創新點:(1)在傳統的WebGIS的基礎上,借助于主流的IT技術(WebGL)實現了在傳統網頁中 ...

WebGL自學課程(7):WebGL載入跨域紋理出錯Cross-origin image load denied by Cross-Origin Resource Sharing policy. 2015-09-28

最近在學習WebGL,用圖片對WebGL進行紋理貼圖,其中圖片是從其他網站跨域獲取的,用Chrome 22運行網頁,開始的時候出現了錯誤Uncaught Error: SECURITY_ERR: DOM Exception 18,找到了解決方案,參見本人另一篇博文Uncaught Error: SECURITY_ERR: DOM Exception 18.本人最近又從其他網站跨域獲取圖片載入WebGL紋理時,將圖片的src進行如下設置,texture.image.src="http://serv

WebGL自學課程(3):原生WebGL+ArcGIS JS API繪制旋轉的地球 2015-09-28

WebGL自學課程(3):原生WebGL+ArcGIS JS API繪制旋轉的地球
注:轉載請注明出處通過ArcGIS JS API獲取地理數據,然後用原生WebGL將其繪制成旋轉的地球.一共需要241271個點,繪制了247個國家或地區.截圖:以下是代碼:<!doctype html> <html> <head> <title>World</title> <meta http-equiv=&q ...

WebGL自學課程(15):WebGL在WebGIS上的應用——WebGlobe 2015-09-28

WebGL自學課程(15):WebGL在WebGIS上的應用——WebGlobe
好久沒寫博客了,最近在工作之余用WebGL做了個WebGlobe,類似于Google Earth之類的東西,當然肯定沒人家那個強大了.沒有使用任何的WebGL圖形庫,自己把WebGL繪圖命令封裝成了一個輕量級的渲染引擎,想通過自己去親自編碼實現洞察Google Earth這種東西是怎麽做出來的.整個Demo就一個文件,一共40kb,純js實現,沒有使用任何的第三方圖形庫或第三方 ...

WebGL自學課程(10):通過OpenStreetMap獲取數據繪制地球 2015-09-28

WebGL自學課程(10):通過OpenStreetMap獲取數據繪制地球
好久沒寫博客了,今天再寫一篇.前幾天想通過OpenStreetMap訪問數據來繪制一個最最最最最簡單的WebGoogleEarth的雛形,這個Demo比較簡單,只是簡單的獲取OpenStreetMap某一個切片層級下面的所有的切片,然後按照正確的貼圖方式繪制在地球上,也就是說這個Demo沒有考慮圖層的動態管理等等.最後將渲染的代碼以EarthOSM類的形式封裝到了自己的Worl ...

HTML5 WebGL實驗,超酷的HTML5 Canvas波浪牆 2015-09-29

HTML5 WebGL實驗,超酷的HTML5 Canvas波浪牆
推薦閱讀:http://www.shenzaixian.com 1.HTML5 WebGL實驗,超酷的HTML5 Canvas波浪牆 這是一款HTML5 Canvas實驗專案,也是波浪特效,只是這不是真正的水波,而是利用柱體高度的變化實現的波浪牆效果. 線上演示 / 源碼下載 2.HTML5重力感應動畫特效,沖撞小球演示 頁面上會掉落大小不等的小球,我們可以拖動小球,也可以點擊 ...

認識WebGL 2015-09-30

認識WebGL作者:chszs,轉載需注明.博客主頁:http://blog.csdn.net/chszsWebGL是一個跨平台.免費的底層3D繪圖API的Web標准,它基于OpenGL ES 2.0標准.WebGL是網頁上渲染三維圖形圖像的技術,它本身是HTML5規範的一部分.WebGL通過HTML5 Canvas元素對外暴露DOM編程接口.WebGL全稱是Web-based Graphics Language,它提供了使用JavaScript與GPU交互的方法.讓我們來回顧一下在WebGL誕

一個基于WebGL的仿真3D水池有逼真的水波紋效果 2015-09-30

一個基于WebGL的仿真3D水池有逼真的水波紋效果
最近在研究WebGL,看到國外很多高手做的很多超炫的3D效果,無比羨慕.忍不住把效果趴下來研究,下面介紹一個逼真的遊泳池中浮動小球的效果.效果非常絢麗,功能強大.示例可切換觀察水池的視角,不同視角考慮到了光線從不同角度折射和反射的影響,所以波紋效果極其逼真. 先介紹下WebGL WebGL是一種3D繪圖標准,這種繪圖技術標准允許把JavaScript和OpenGL ES 2.0 ...

WebGL&SL資源 2015-10-01

1.OpenGL ES2.0 API:http://www.khronos.org/opengles/sdk/docs/man/2.GLSL API:http://www.opengl.org/sdk/docs/manglsl/3.Mozilla WebGL:https://developer.mozilla.org/en-US/docs/Web/WebGL?redirectlocale=en-US&redirectslug=WebGL4.Nvidia Cg:http://http.develo

WebGL自學課程(9):WebGL框架World.js(0.3.5版本) 2015-10-01

前一段時間在學WebGL,做了一個TerrainMap的Demo,順便把一些常用的WebGL代碼封裝成了一個框架,起了個名字叫做World.js,現在的版本是0.3.5,還很不完善,發到博客上主要是爲了方便自己查閱.以下是頂點渲染器VertexShader.txt的代碼:attribute vec3 aPosition; attribute vec2 aTextureCoord; varying vec2 vTextureCoord; uniform mat4 uModelView; unifo

WebGL自學課程(4):WebGL矩陣、Camera基礎操作 2015-10-01

直接使用WebGL進行開發比較困難,所以用WebGL進行三維開發一般都要使用框架,本人也在學習WebGL,所以想構建一個自己習慣的框架,正好加深自己對WebGL技術的理解.WebGL框架中最重要的部分應該是矩陣變換以及Camera操作,所以本人首先構建矩陣和攝像機方面的基礎代碼.本人的代碼還比較基礎,談不上框架,只是爲了是自己加深理解而已.代碼如下:isZero = function(value){ if(Math.abs(value) < 0.000001){ return true; } e

WebGL自學課程(2):使用自定義glTranslate與glRotate 2015-10-01

OpenGL中可以直接使用glTranslate與glRotate,但是WebGL1.0規範中並沒有包含該函數,如果想使用,需要自己進行實現.以下是示例代碼:<!doctype html> <html> <head> <title>World</title> <meta http-equiv="Content-Type" content="text/html" /> <meta name=

WebGL自學課程(1):原生WebGL簡單Demo 2015-10-01

以下是一個原生WebGL簡單Demo:<!doctype html> <html> <head> <title>World</title> <meta http-equiv="Content-Type" content="text/html" /> <meta name="charset" content="utf-8"/> <style

WebGL簡介 2015-10-07

WebGL是一種3D繪圖標准,這種繪圖技術標准允許把JavaScript和OpenGL ES 2.0結合在一起,通過增加OpenGL ES 2.0的一個JavaScript綁定,WebGL可以爲HTML5 Canvas提供硬件3D加速渲染,這樣Web開發人員就可以借助系統顯卡來在浏覽器裏更流暢地展示3D場景和模型了,還能創建複雜的導航和數據視覺化.顯然,WebGL技術標准免去了開發網頁專用渲染插件的麻煩,可被用于創建具有複雜3D結構的網站頁面,甚至可以用來設計3D網頁遊戲等等. threejs是

WebGL 3D on iOS8 正式版 2016-01-26

WebGL 3D on iOS8 正式版
今天iOS8終于正式發布了,升級了手頭設備後對我來說最重要的就是測試WebGL的3D是否真的能跑蘋果的系統了,跑了多個HT for Web的3D例子都非常流暢,比Android剛支持WebGL時好太多了,基本還沒發現什麽問題,蘋果做事還是值得肯定,要嘛不做,要做就做真正能用的WebGL. 以下是跑HT for Web的3D網路空間拓撲圖在iphone5上的截圖和視頻操作效果,自 ...

從IE6到IE11上運行WebGL 3D遇到的各種坑 2016-01-26

從IE6到IE11上運行WebGL 3D遇到的各種坑
這篇<基于HTML5的電信網管3D機房監控應用>基于WebGL技術的應用讓少同學對HTML5 3D的應用産生了興趣和信心,但有不少網友私信詢問WebGL如何運行在老的IE678910浏覽器的問題,畢竟作爲企業應用,用戶的機器運行著各式各樣的辦公及業務系統,有PB/Delphi之類的老CS應用,有安裝了dll和ActiveX的各種安全認證和視頻監控的插件,有裝著fla ...

webgl筆記-2.著色器和緩沖區 2016-01-26

webgl筆記-2.著色器和緩沖區
OpenGL的教程多以"畫一個點"開始:簡單的初始化過程後,調用glVertexXX()並傳入描述點信息的位置.下面就是一個典型的OpenGL的HelloWorld代碼. glBegin(GL_POINTS); glVertex3f(0.0f, 0.0f, 0.0f); glEnd(); 開始學習WebGL的時候我試圖尋找這樣的代碼,之後我發現在WebGL中 ...

Enable WebGL Support For Google Chrome In Linux 2016-01-26

One of the hot new Web technologies is HTML5.  With it, websites can be more complex, offering better user interaction and content, as well as making for better web apps.  One of the graphic components available in HTML5 is something known as WebGL. 

QT/WebKit::Webgl 2016-01-27

Enable webgl in qtwebkit      cd qtwebkit      Tools/Scripts/build-webkit --qt --3d-canvasTest webgl with browser      http://helloracer.com/webgl/Reference1.http://trac.webkit.org/wiki/QtWebKitWebGL
一周排行
  • 7 @ taobaoHive由于QL語言自身的限制, 使得某些數據處理的作業還是需要通過streaming交由腳本(如Python)來處理.海量數據的處理中, 遇到"髒數據"是很 ...
  • Android開發又將帶來新一輪熱潮,很多開發者都投入到這個浪潮中去了,創造了許許多多相當優秀的應用.其中也有許許多多的開發者提供了應用開源專案,貢獻出他們的智慧和創造力.學習開源代碼是掌握技術的一個最佳方式.下面推 ...
  • 最近在學習代碼重構,根據自己的學習進度寫一個關于代碼重構的系列出來,供自己總結提高,也希望能對他人有所幫助.園子裏有聖殿騎士的31 天重構學習筆記 給了我很多的啓發,自己也在學習<Refactoring imp ...
  • 來自http://www.valleytalk.org/wp-content/uploads/2014/11/深度學習的昨天.今天和明天.pdf
  • 生産者消費者問題是研究多線程程序時繞不開的問題,它的描述是有一塊生産者和消費者共享的有界緩沖區,生産者往緩沖區放入産品,消費者從緩沖區取走産品,這個過程可以無休止的執行,不能因緩沖區滿生産者放不進産品而終止,也不能因 ...
  • Linux 將debian配置爲軟路由
    原文地址:http://chou.it/2014/03/make-debian-a-hom ...
  • 轉自:http://dadoneo.iteye.com/blog/984963du命令參數詳解見:http://baike.baidu.com/view/43913.htm下面我們只對其做簡單介紹:查看linux文件 ...
  • javascript下,有時出于需要,可以利用guid或UTC時間作爲當前頁面中的唯一值.什麽場景需要弄這個唯一值?比如說,用easyUI的treegrid,添加新節點.在treegrid裏面 ,節點要對應唯一的主鍵 ...
  • 最近在接觸Ext,參考別人的代碼寫了一個簡單的Ext表單操作實例.Jsp頁面引入Ext基本的樣式和js: <link  type="text/css" href="${reques ...
  • JVM配置時,需要確定最大的可配置參數,以最大發揮伺服器的效能,但需要配置正確的參數,否則報錯不能運行.測試方法:命令行方式下運行: java -Xmx1024M -version如果不報錯,正常顯示版本號,則說明參 ...