資訊專欄INFORMATION COLUMN
摘要：是一個基于的地球數(shù)據(jù)可視化的開源組件庫。地址中文官網(wǎng)在線例子為什么要開發(fā)使用這個庫的開發(fā)是受到大會上的項目世界武器販賣可視化的啟發(fā)，該項目開發(fā)者是員工。
在這里和大家分享一個和小伙伴們一起開發(fā)的開源庫 Gio.js 。Gio.js 是一個基于 Three.js 的 web 3D 地球數(shù)據(jù)可視化的開源組件庫。使用 Gio.js 的網(wǎng)頁應用開發(fā)者，可以快速地以申明的方式創(chuàng)建自定義的 Web3D 數(shù)據(jù)可視化模型，添加數(shù)據(jù)，并且將其作為一個組件整合到自己的應用中。
Github 地址： https://github.com/syt123450/giojs
中文官網(wǎng): http://giojs.org/index_zh.html
Codepen 在線例子: https://codepen.io/collection/DkBobG/
為什么要開發(fā)、使用 Gio.js這個庫的開發(fā)是受到 Google 2012 Info 大會上的項目世界武器販賣可視化的啟發(fā)，該項目開發(fā)者是 Google 員工 Michael Chang。使用 Gio.js 就可以快速構(gòu)建這種炫酷的 3D 模型，并以此為基礎進行深入地開發(fā)。Gio.js 具有以下的特點：
易用性 -- 僅使用 4 行 Javascript 即可創(chuàng)建 3D 地球數(shù)據(jù)可視化模型
定制化 -- 使用 Gio.js 提供的豐富的 API 來創(chuàng)建自定義樣式的 3D 地球
現(xiàn)代化 -- 基于 Gio.js 構(gòu)建高交互、跨平臺、自適應的現(xiàn)代化 3D 前端應用
基本使用介紹通過 NPM 或者 YARN 安裝 giojs
npm install giojs --save
yarn add giojs
在 HTML 頁面中添加了 Threejs 和 Giojs 依賴之后，您就可以基于 Giojs 開發(fā)您的應用了。我們將展示如何創(chuàng)建一個具有基礎樣式的 Gio 地球。
在頁面中添加以下 Javascript 代碼來初始化 Gio 地球：
文檔
中文 README
快速了解如何使用 Giojs 開始使用文檔
有關(guān) Gio.js 的 3D基礎組件介紹文檔
詳細介紹 API 文檔
參與 Gio.js 項目開發(fā)的 開發(fā)者文檔
PS. 各位寶貴的 star 是對我們最大的鼓勵與支持~
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/95879.html
摘要：次時代傳統(tǒng)的方式就是創(chuàng)建次時代模型，對應中的材質(zhì)是高光網(wǎng)格材質(zhì)對象，通常貼圖文件包含顏色貼圖法線貼圖和高光貼圖。 產(chǎn)品在線展示案例預覽 玉鐲在線預覽：http://www.yanhuangxueyuan.co... 汽車在線預覽：http://www.yanhuangxueyuan.co... Web3D技術(shù)歷史 可通過插件或WebGL技術(shù)實現(xiàn)Web3D，在線網(wǎng)頁上預覽操作三維...
摘要：在文末，我會附上一個可加載的模型方便學習中文藝術(shù)字渲染用原生可以很容易地繪制文字，但是原生提供的文字效果美化功能十分有限。 showImg(https://segmentfault.com/img/bVWYnb?w=900&h=385); WebGL 可以說是 HTML5 技術(shù)生態(tài)鏈中最為令人振奮的標準之一，它把 Web 帶入了 3D 的時代。 初識 WebGL 先通過幾個使用 Web...
摘要：序言引子很多話想說作為前端開發(fā)者技術(shù)瓶頸生活壓力必須要拓寬新的技術(shù)領(lǐng)域結(jié)合自身情況于是選擇了。本質(zhì)上是原生原生開發(fā)方式使用起來總是略顯麻煩為了快速上手開發(fā)應用這里選擇進行開發(fā)。技術(shù)棧源碼準備使用方便維護擴展。 序言 1、引子 很多話想說,作為前端開發(fā)者,技術(shù)瓶頸、生活壓力,必須要拓寬新的技術(shù)領(lǐng)域,結(jié)合自身情況,于是選擇了WEBGL。 WEBGL 本質(zhì)上是原生,原生開發(fā)方式使用起來總是略...
閱讀 7016·2021-09-22 15:08
閱讀 2047·2021-08-24 10:03
閱讀 2532·2021-08-20 09:36
閱讀 1471·2020-12-03 17:22
閱讀 2536·2019-08-30 15:55
閱讀 990·2019-08-29 16:13
閱讀 3141·2019-08-29 12:41
閱讀 3331·2019-08-26 12:12
