導航:首頁 > 編程語言 > 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兼容相關的資料

熱點內容
系統鏡像恢復找不到文件 瀏覽:255
進什麼網站 瀏覽:588
修改了配置文件代碼沒有讀出來 瀏覽:749
vss資料庫是什麼 瀏覽:899
奇跡13單機系統找不到指定文件 瀏覽:719
flyme魅藍3以前的版本 瀏覽:318
安卓文件管理哪些文件夾可以刪除 瀏覽:290
安卓車載導航沒有聲音是怎麼回事 瀏覽:810
cjson數組格式 瀏覽:159
vb文件在哪裡 瀏覽:215
工廠里都招什麼編程人員 瀏覽:932
jspsql登錄 瀏覽:981
網路用語粉絲閱讀什麼意思 瀏覽:333
紅頭文件怎麼列印 瀏覽:94
熱血江湖130刺客升級 瀏覽:106
jsp頁面放大鏡技術介紹 瀏覽:101
網路編程udp 瀏覽:148
加密壓縮文件如何打開 瀏覽:56
微軟編程軟體有哪些 瀏覽:736
linux目錄中創建文件夾許可權設置密碼 瀏覽:759

友情鏈接