原创 Three.js 3D打印數據模型文件（.STL）加載
WebGL（基於HTML5 Canvas的3D繪圖上下文）可以用來構建3D視圖、立體動畫、人機交互。Three.js是一個主流的JS框架用來支持和簡化WebGL編程。本例是一個簡單的Three.js應用，即
2018-12-08 03:01:35
1
原创 A-Frame WebVR開發入門教程
WebVR和WebGL應用程序接口使得我們已經可以在瀏覽器上創建虛擬現實（VR）體驗，但從工程化的角度而言，開發社區還需要更多方便強大的開發庫來簡化編程，Mozilla的 A-Frame 框架就是這樣一個工具，提供了一個Web開發者所熟悉
2018-09-04 12:13:44
1
原创 2016年度10大HTML5動畫
踏得網精選2016年度最酷最新的HTML5動畫集，評選標準爲：創意新穎度+實現技術難度+趣味程度。使用一些在線H5生成工具的作品，因其主要使用圖片和CSS3套路動畫，千人一面乏善可陳，不入該列。所涉及技術主要是：HTML5/CSS3/SV
2018-09-04 12:13:41
原创 HTML5 vs Hybrid APP vs Native APP和技術選型
HTML5和Native APP都很容易理解。爲了獲得HTML5的移植性和移動本地應用的高性能，搞出來一些混合APP的解決方案。比如Apache的Cordova（也就是以前的PhoneGap），其軟件架構如下：Cordova的工作原理是生
2018-09-04 12:13:41
原创 Three.js 中文文檔和在線演示實例
Three.js是當下最流行的網頁3D渲染JS引擎，其主要是對WebGL編程以面向對象方式進行的封裝。但由於Three.js英文文檔還在開發中（本身就比較簡陋且有不少拷貝錯誤），而網絡上Three.js方面的資料比較散亂且良莠不齊，部分中
2018-09-04 12:13:41
原创 Babylon.js入門簡介和開發實例
Babylon.js是一款WebGL開發框架。和Three.js類似。主要的技術區別是Three.js還試圖回退兼容CSS 3D。Three.js是完全社區推動的，比Babylon.js要成熟些，而Babylon.js是微軟推動的，和微軟
2018-09-04 12:13:40
原创 Blender 2.7.7 引用OSL文件的路徑問題
在使用Blender2.7.7給模型添加紋理時，啓用了Render的OSL（開放式着色語言）支持。但是在引入外部.osl文件時，控制檯報存儲臨時文件失敗錯誤。原因是用戶名爲中文，程序不能正確處理，所以需要修改系統臨時文件夾。對於Win10
2018-09-04 12:13:40
原创 Sphinx2.1.9使用HTML文件作爲索引源技術要點備忘
踏得網站內教程和手冊的查找功能，建立在Sphinx上，其最新發布版本爲2.2.11。Sphinx既能支持數據庫索引，也支持對文本文件（xml、html、txt等）和json結構文件進行直接索引。對文本文件建立索引的主要步驟如下：1. 使用
2018-09-04 12:13:40
7
原创 如何在瀏覽器中使用WebAssembly特性
WebAssembly是一個新的重大網頁技術，顧名思義“網頁的彙編語言”。[參考閱讀：什麼是WebAssembly，爲什麼需要WebAssembly]該技術得到Mozilla、Google和Microsoft的支持，但目前如果要體驗該特性
2018-09-04 12:13:40
3
原创 WebVR簡介和常用資源鏈接
什麼是WebVR這是一個實驗性的JavaScript API，提供了在用戶網頁瀏覽器中訪問虛擬現實設備的統一接口。現在體驗VR，一般你需要在VR設備的前方加上一個手機，這額外添加了重量和總體成本。較好的體驗是能投影到內置的屏幕上（甚至空間
2018-09-04 12:13:39
4
原创 通過實例深入理解HTML5/CSS3/SVG/WebGL的技術本質
常常聽到人們對於HTML5的討論，看了頁面頭部這個那個就是HTML5，誤認爲HTML5只是新增些標籤“而已”，學完了W3School似乎就理解了。實際上很多從業人員並沒有深入理解業界爲什麼要推出HTML5系列技術標準，爲什麼HTML5代表
2018-09-04 06:51:38
2
原创 php tesseract 不能執行成功
centos6的環境，php版本爲5.5，tesseeract爲2.0.2版本，執行其他命令如ls可以，執行tesseract不工作。在命令中加入 2>&1，返回錯誤信息“不能加載eng.unicharset"，語言包訪問權限問題，修改權
2018-09-04 06:51:38
原创 WebGL中紋理貼圖過濾器（filter）參數設置詳解
WebGL中的紋理貼圖（Texture Map）用來給3D對象添加真實表面觀感。我們這裏混用紋理、貼圖、紋理貼圖、Texture和Texture Map這些詞彙，不做區分。紋理並沒有什麼特別神奇之處，我們可以把它看成是頂點的一個屬性，是一
2018-09-04 06:51:38
原创 使用Babel獨立版編譯ES6代碼時報錯誤:Unexpected token <
使用babel-standalone來在線編譯ES6代碼，但是遇到如下錯誤：Unexpected token <原因是ES6中使用了ReactJS，需要在編譯預設置選項（presets）中添加react，記錄下。
2018-09-04 06:51:38
原创 使用JS壓縮用戶上傳的圖片
手機用戶拍的照片通常會有2M以上，這對服務器帶寬產生較大壓力。因此在某些應用下（對圖片要求不那麼高）我們可以在客戶端來壓縮圖片，然後再提交給服務器。總體思路是：1. 使用HTML5的FileReader接口來讀取用戶上傳的圖片2. 使用c
2018-09-04 06:51:37