[開源] Gio.js -- 一個基于 Three.js 的 Web3D 地球數據可視化庫

BoYang 發布于2019-08-22 18:27 / 1025人閱讀

摘要：是一個基于的地球數據可視化的開源組件庫。地址中文官網在線例子為什么要開發使用這個庫的開發是受到大會上的項目世界武器販賣可視化的啟發，該項目開發者是員工。

在這里和大家分享一個和小伙伴們一起開發的開源庫 Gio.js 。Gio.js 是一個基于 Three.js 的 web 3D 地球數據可視化的開源組件庫。使用 Gio.js 的網頁應用開發者，可以快速地以申明的方式創建自定義的 Web3D 數據可視化模型，添加數據，并且將其作為一個組件整合到自己的應用中。

Github 地址： https://github.com/syt123450/giojs

中文官網: http://giojs.org/index_zh.html

Codepen 在線例子: https://codepen.io/collection/DkBobG/

為什么要開發、使用 Gio.js

這個庫的開發是受到 Google 2012 Info 大會上的項目世界武器販賣可視化的啟發，該項目開發者是 Google 員工 Michael Chang。使用 Gio.js 就可以快速構建這種炫酷的 3D 模型，并以此為基礎進行深入地開發。Gio.js 具有以下的特點：

易用性 -- 僅使用 4 行 Javascript 即可創建 3D 地球數據可視化模型

定制化 -- 使用 Gio.js 提供的豐富的 API 來創建自定義樣式的 3D 地球

現代化 -- 基于 Gio.js 構建高交互、跨平臺、自適應的現代化 3D 前端應用

基本使用介紹

通過 NPM 或者 YARN 安裝 giojs

    npm install giojs --save

    yarn add giojs

在 HTML 頁面中添加了 Threejs 和 Giojs 依賴之后，您就可以基于 Giojs 開發您的應用了。我們將展示如何創建一個具有基礎樣式的 Gio 地球。

在頁面中添加以下 Javascript 代碼來初始化 Gio 地球：

文檔

中文 README

快速了解如何使用 Giojs 開始使用文檔

有關 Gio.js 的 3D基礎組件介紹文檔

詳細介紹 API 文檔

參與 Gio.js 項目開發的開發者文檔

PS. 各位寶貴的 star 是對我們最大的鼓勵與支持~

GPU云服務器云服務器基于webrtc的開源項目 three.js three.js極客 three.js教程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95879.html

產品三維模型在線預覽

摘要：次時代傳統的方式就是創建次時代模型，對應中的材質是高光網格材質對象，通常貼圖文件包含顏色貼圖法線貼圖和高光貼圖。產品在線展示案例預覽玉鐲在線預覽：http://www.yanhuangxueyuan.co... 汽車在線預覽：http://www.yanhuangxueyuan.co... Web3D技術歷史可通過插件或WebGL技術實現Web3D，在線網頁上預覽操作三維...

DirtyMind 2019-08-23 12:08 評論0 收藏0
SegmentFault 技術周刊 Vol.35 - WebGL：打開網頁看大片

摘要：在文末，我會附上一個可加載的模型方便學習中文藝術字渲染用原生可以很容易地繪制文字，但是原生提供的文字效果美化功能十分有限。 showImg(https://segmentfault.com/img/bVWYnb?w=900&h=385); WebGL 可以說是 HTML5 技術生態鏈中最為令人振奮的標準之一，它把 Web 帶入了 3D 的時代。初識 WebGL 先通過幾個使用 Web...

objc94 2019-08-21 17:08 評論0 收藏0
Room3D開發筆記0--序言

摘要：序言引子很多話想說作為前端開發者技術瓶頸生活壓力必須要拓寬新的技術領域結合自身情況于是選擇了。本質上是原生原生開發方式使用起來總是略顯麻煩為了快速上手開發應用這里選擇進行開發。技術棧源碼準備使用方便維護擴展。序言 1、引子很多話想說,作為前端開發者,技術瓶頸、生活壓力,必須要拓寬新的技術領域,結合自身情況,于是選擇了WEBGL。 WEBGL 本質上是原生,原生開發方式使用起來總是略...

sevi_stuo 2019-08-23 17:17 評論0 收藏0