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