导航:首页 > 编程语言 > 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兼容相关的资料

热点内容
网络中常用的传输介质 浏览:518
文件如何使用 浏览:322
同步推密码找回 浏览:865
乐高怎么才能用电脑编程序 浏览:65
本机qq文件为什么找不到 浏览:264
安卓qq空间免升级 浏览:490
linux如何删除模块驱动程序 浏览:193
at89c51c程序 浏览:329
怎么创建word大纲文件 浏览:622
袅袅朗诵文件生成器 浏览:626
1054件文件是多少gb 浏览:371
高州禁养区内能养猪多少头的文件 浏览:927
win8ico文件 浏览:949
仁和数控怎么编程 浏览:381
项目文件夹图片 浏览:87
怎么在东芝电视安装app 浏览:954
plc显示数字怎么编程 浏览:439
如何辨别假网站 浏览:711
宽带用别人的账号密码 浏览:556
新app如何占有市场 浏览:42

友情链接