导航:首页 > 编程语言 > 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改变文件格式 浏览:475
linux中的物理地址和虚拟地址 浏览:493
有哪些app可以接游戏订单 浏览:472
苹果硬盘数据恢复要多少钱 浏览:394
js绑定下拉框数据库数据 浏览:448
cad文件怎么复制到另一个文件里边 浏览:858
dxp钻孔文件 浏览:631
iphone大悦城换机 浏览:538
找结婚对象上什么网站 浏览:974
学生信息管理系统程序设计报告 浏览:640
微信文件怎么删除怎么恢复 浏览:407
编程程序怎么复制 浏览:467
文件更改 浏览:327
冰点文件路径 浏览:730
软件一点开文件就关闭 浏览:88
网络如何把人捧红 浏览:961
软件传输文件 浏览:184
密码记录器ios 浏览:412
两个电脑数据怎么一样 浏览:829
顺丰有什么买东西的app 浏览:377

友情链接