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