Adobe Animate是由Adobe Systems开发的多媒体创作和电脑动画程序。
Animate可用于设计矢量图形和动画,并发布到电视节目,视频,网站,网络应用程序,大型互联网应用程序和电子游戏中。该程序还支持位图形,丰富文本,音频和视频嵌入以及ActionScript脚本。可以为HTML5,WebGL,可缩放矢量图形(SVG)动画和Spritesheet以及传统Flash Player(SWF)和Adobe AIR格式发布动画。
1、首先打开An软件,创建一个新的工程
2、在时间轴中插入任意一个帧
3、在右边窗口可以找到设置帧的“属性”窗
4、在属性栏中可以对帧进行相关设置,如可以为帧添加标签
Windows系统 IntelPentium 4 或AMDAthlon 64处理器(推荐 Intel Core?2 Duo 或 AMD Phenom II); 需要 64 位支持*需要 64 位操作系统*(after effects cs4以及以下的可使用32位系统):Microsoft Windows Vista Home Premium、Business、Ultimate 或 Enterprise(带有 Service Pack 1)或者 Windows7 2GB 内存3GB 可用硬盘空间
手动旋转相机
$(function(){
var container;
var camera,scene,renderer,light;
var mesh;
//这个mouseX和mouseY 记录的是鼠标相对于屏幕中心的位置,所以mouseX的范围是[-屏幕宽的一半,屏幕宽的一半],mouseY的范围是[-屏幕高的一半,屏幕高的一半]
var mouseX = 0,mouseY = 0;
var windowHalfX =
window.innerWidth/2;
var windowHalfY =
window.innerHeight/2;
init();
animate();
function init(){
scene = new THREE.Scene();
container = document.getElementById('container');
camera = new THREE.PerspectiveCamera(40,
window.innerWidth/window.innerHeight,1,1000);
camera.position.z
= 180;camera.lookAt(scene.position);
light = new THREE.DirectionalLight(0xffffff,1);
light.position.set(0,0,10);
scene.add(light);
var cubeGeometry = new THREE.CubeGeometry(30,30,30);
var cubeMaterial = new THREE.MeshLambertMaterial({color:0xff0000 });
mesh = new THREE.Mesh(cubeGeometry,cubeMaterial);
scene.add(mesh);
renderer = new THREE.WebGLRenderer({antialias:true});
renderer.setSize(window.innerWidth,window.innerHeight);
container.appendChild(renderer.domElement);
document.addEventListener('mousemove',onDocumentMouseMove,false);
window.addEventListener( 'resize', onWindowResize, false );
}
function onWindowResize(){
windowHalfX =
window.innerWidth/2;
windowHalfY =
window.innerHeight/2;
camera.aspect
=window.innerWidth/window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize(window.innerWidth,window.innerHeight);
}
function onDocumentMouseMove(){
//因为世界坐标系的原点在屏幕的中心,所以,将屏幕实际坐标减去屏幕宽高的一半,就将屏幕坐标的坐标原点移到世界坐标系的原点。
mouseX = (event.clientX-windowHalfX);
mouseY = (event.clientY-windowHalfY);
}
function animate(){
requestAnimationFrame(animate);
render();
}
function render(){
//根据mouseX和mouseY改变相机的坐标
camera.position.x
+= (mouseX - camera.position.x);camera.position.y
+= (mouseY - camera.position.y);camera.lookAt(scene.position);
renderer.render( scene, camera );
}
});
首先,进入控制面板——卸载程序中,看一下列表中有没有相关的程序或组件。