導航:首頁 > 編程語言 > tweenjs兼容

tweenjs兼容

發布時間:2023-09-04 11:04:07

1. tweenmax.js干什麼用

TweenMax.js是動畫插件庫GSAP(GreenSockAnimationPlatform)的核心文件,載入後即可使用四個主要運動類TweenLite、TweenMax、TimelineLite、TimelineMax和一些其他插件。可對一個或多個物件進行動畫,或添加至時間軸中設計復雜的影片。

GSAP最初在flash時代(2004-2006)是作為flash軟體的插件用來增添動畫效果,當時的名字是「GreenSockTweeningPlatform」(GreenSock補間平台)。後來Flash逐漸沒落,在網頁上的應用,除了游戲和視頻播放之外不斷減少。出於自身發展考慮,GreenSock在v12(第十二版)中,加入了JavaScript的Class,也就是說我們可以在HTML網頁中使用TweenLite或TweenMax…等來製作動畫,也藉此版本把發展計劃的名稱更名為「GreenSockAnimationPlatform」(GreenSock動畫平台),主要是把「Tweening」換成「Animation」,因為前者主要為Flash在使用的名詞,而後者就屬於比較廣義的「動畫」,後來逐步發展為全平台均可應用的動畫庫。

最新的v2.x版本則全面支持html5和css3動畫,並適應於主流的瀏覽器。

在網頁上GreenSock目前提供使用的有「TweenLite」、「TweenMax」、「TimelineLite」、「TimelineMax」這四個項目,雖比Flash來的少,不過也是最常用的幾項,相信可以幫助設計師們在不使用Flash的情形之下,製作許多不同凡響的動畫效果,另外關於這四項的差別也跟Flash版本一樣

TweenMax.js的優勢在於性能強勁和使用簡便。

tweenmax中文網

2. 使用svg和js畫一個圓環

var path = svgdoc.createElement("path");
path.setAttribute("d","M400 400 L400 300 A400 400 90 0 1 500 400 Z");
path.setAttribute("style","fill:none;stroke:#00f;stroke-width:2");

svgdoc.rootElement.appendChild(path);

這個代碼是畫四分之一個圓,圓環你自己算下坐標,用PATH畫,A是畫弧線的
path的相關知識,你網路你裡面看下,這里就不多說了

3. threejs載入geojson

1.GPS坐標WGS84 EPSG:4326 (單位:度分秒)
2.墨卡托投影(平面投影) EPSG:3857(單位:米)
(另網路、高德等對應的EPSG自行網路不做介紹)
可以採用proj4來進行經緯度的轉換

1.根據經緯度的最大與最小值來計算偏差值
2.經緯度分別減去偏差值得出校準後坐標
3.也可藉由相機位置來直接修正位置(不建議)

可由obj,mtl格式導入模型及材質,使用three-obj-mtl-loader庫進行導入,導入完成後即和自行創建mesh一樣(注意坐標軸對應關系)

threejs不支持直接方式輸入中文字
1.可通過canvas來達到效果
2.通過new THREE.FontLoader()來載入json格式字體
(字體格式在線轉換地址 https://gero3.github.io/facetype.js/ )

可藉由tweenjs來實現動畫效果
demo: https://github.com/Xyifeng/threejs-geomap

閱讀全文

與tweenjs兼容相關的資料

熱點內容
win10錯誤2系統找不到指定文件 瀏覽:327
U盤啟動載入資源文件失敗 瀏覽:459
怎樣把ug的pdf文件導入cad 瀏覽:148
c盤文件刪不了怎麼辦 瀏覽:248
win7無線網路禁用 瀏覽:455
如何把電腦文件夾圖片放置在一起 瀏覽:702
如何對訪談法進行數據分析 瀏覽:388
國土三調文件用什麼軟體什麼打開 瀏覽:651
數控銑床編程特點是什麼 瀏覽:119
飛鴿傳輸一次能傳多少文件 瀏覽:488
手機照片許可權怎麼設置密碼 瀏覽:341
es文件瀏覽器怎麼隱藏 瀏覽:649
刪除的文件為什麼恢復 瀏覽:314
血緣詛咒怎麼升級 瀏覽:604
文件分享到微信怎麼操作 瀏覽:393
tmx文件trados 瀏覽:704
大數據與會計選課怎麼選 瀏覽:684
網路的不穩定因素有哪些 瀏覽:950
獵豹瀏覽器javascript 瀏覽:723
哪個列印軟體保存數據時間長 瀏覽:873

友情鏈接