- 浏览: 119718 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
zhouhaiyang88:
huang-tao 写道你好,在吗?请问,我启动Tomcat时 ...
ActiveMq-JMS简单实例使用tomcat -
xurichusheng:
huang-tao 写道你好,在吗?请问,我启动Tomcat时 ...
ActiveMq-JMS简单实例使用tomcat -
wgcooo:
javax.naming.NameNotFoundExcept ...
ActiveMq-JMS简单实例使用tomcat -
huang-tao:
你好,在吗?请问,我启动Tomcat时报如下错,是什么原因?= ...
ActiveMq-JMS简单实例使用tomcat -
Eric.Yan:
好文章,明天试一试
ActiveMq-JMS简单实例使用tomcat
Flash/Flex学习笔记:3D基础 里已经介绍了3D透视的基本原理,不过如果每次都要利用象该文中那样写一堆代码,估计很多人不喜欢,事实上AS3的DisplayObject类已经内置了z坐标、rotationX、rotationY、rotationZ属性,再加上PerspectiveProjection类用于处理透视转换,基本上可以满足大多数的3D要求。
import
flash.events.Event;
import
flash.display.Sprite;
import
flash.text.TextField;
import
flash.events.MouseEvent;
import
flash.text.TextFieldAutoSize;
var
isAngleChangeing =
false
;
var
txtX:TextField,txtY:TextField,txtZ:TextField,txtPosZ:TextField,txtFieldOfView:TextField,txtInfo:TextField,txtCenter:TextField,txtFocusLength:TextField;
txtX =
new
TextField();
txtX.text =
"rotationX:"
;
txtY =
new
TextField();
txtY.text =
"rotationY:"
;
txtZ =
new
TextField();
txtZ.text =
"rotationZ:"
;
txtPosZ =
new
TextField();
txtPosZ.text =
"Z:"
;
txtFieldOfView =
new
TextField();
txtFieldOfView.text =
"视角:"
;
txtCenter =
new
TextField();
txtCenter.text =
"消失点:"
txtFocusLength =
new
TextField();
txtFocusLength.text =
"焦距:"
;
txtX.y = txtY.y = txtZ.y =
5
;
txtX.x = txtPosZ.x =
10
;
txtPosZ.y = txtX.y +
26
;
txtPosZ.x +=
40
;
txtY.x = txtX.x +
180
;
txtZ.x = txtY.x +
180
;
txtFieldOfView.x = txtPosZ.x +
160
;
txtFieldOfView.y = txtPosZ.y;
txtCenter.x = txtFieldOfView.x +
170
;
txtCenter.y = txtPosZ.y;
txtInfo =
new
TextField();
txtInfo.text=
""
;
txtFocusLength.x = txtX.x +
25
;
txtFocusLength.y = txtPosZ.y +
25
;
var
imgBD:BitmapData =
new
ImgSample();
var
img:Bitmap =
new
Bitmap(imgBD);
trace
(
"img.width="
,img.width,
",img.height="
,img.height);
var
imgSprite:Sprite =
new
Sprite();
img.x = - img.width /
2
;
img.y = - img.height /
2
;
imgSprite.addChild(img);
trace
(
"imgSprite.width="
,imgSprite.width,
",imgSprite.height="
,imgSprite.height);
var
containerSprite:Sprite =
new
Sprite();
containerSprite.addChild(imgSprite);
imgSprite.x = img.width /
2
;
imgSprite.y = img.height /
2
;
addChild(containerSprite);
trace
(
"containerSprite.width="
,containerSprite.width,
",containerSprite.height="
,containerSprite.height);
containerSprite.x = stage.stageWidth /
2
- containerSprite.width /
2
;
containerSprite.y = stage.stageHeight /
2
- containerSprite.height /
2
;
containerSprite.z =
50
;
var
silderX:SimpleSlider =
new
SimpleSlider(
0
,
360
,
0
);
silderX.x = txtX.x +
160
;
silderX.y = txtX.y +
7
;
silderX.rotation =
90
;
var
silderY:SimpleSlider =
new
SimpleSlider(
0
,
360
,
0
);
silderY.x = txtY.x +
160
;
silderY.y = silderX.y;
silderY.rotation =
90
;
var
silderZ:SimpleSlider =
new
SimpleSlider(
0
,
360
,
0
);
silderZ.x = txtZ.x +
160
;
silderZ.y = silderX.y;
silderZ.rotation =
90
;
var
silderPosZ:SimpleSlider =
new
SimpleSlider(-
200
,
200
,
50
);
silderPosZ.x = txtX.x +
160
;
silderPosZ.y = silderX.y +
25
;
silderPosZ.rotation =
90
;
var
silderFieldOfView:SimpleSlider =
new
SimpleSlider(
0.1
,
179.9
,
90
);
silderFieldOfView.x = silderPosZ.x +
180
;
silderFieldOfView.y = silderPosZ.y;
silderFieldOfView.rotation =
90
;
var
silderCenterPos:SimpleSlider =
new
SimpleSlider(
150
,
400
,
275
);
silderCenterPos.x = silderFieldOfView.x +
180
;
silderCenterPos.y = silderPosZ.y;
silderCenterPos.rotation =
90
;
var
silderFocusLength:SimpleSlider =
new
SimpleSlider(
100
,
500
,
300
);
silderFocusLength.x = silderPosZ.x ;
silderFocusLength.y = silderPosZ.y +
25
;
silderFocusLength.rotation =
90
;
addChild(txtX);
addChild(txtY);
addChild(txtZ);
addChild(txtPosZ);
addChild(txtFieldOfView);
addChild(txtInfo);
addChild(txtCenter);
addChild(txtFocusLength);
addChild(silderX);
addChild(silderY);
addChild(silderZ);
addChild(silderPosZ);
addChild(silderFieldOfView);
addChild(silderCenterPos);
addChild(silderFocusLength);
silderX.addEventListener(Event.CHANGE,silderXChangeHandler);
silderY.addEventListener(Event.CHANGE,silderYChangeHandler);
silderZ.addEventListener(Event.CHANGE,silderZChangeHandler);
silderPosZ.addEventListener(Event.CHANGE,silderPosZChangeHandler);
silderFieldOfView.addEventListener(Event.CHANGE,silderFieldOfViewChangeHandler);
silderFieldOfView.addEventListener(MouseEvent.MOUSE_UP,
function
(){isAngleChangeing =
false
});
silderCenterPos.addEventListener(Event.CHANGE,silderCenterPosChangeHandler);
silderFocusLength.addEventListener(Event.CHANGE,silderFocusLengthChangeHandler);
function
showTxtInfo(s:SimpleSlider){
txtInfo.text = s.value.toString().substr(
0
,
5
);
txtInfo.x = mouseX +
20
;
txtInfo.y = s.y +
5
;
}
function
silderXChangeHandler(e:Event):
void
{
imgSprite.rotationX = silderX.value;
showTxtInfo(silderX);
}
function
silderYChangeHandler(e:Event):
void
{
imgSprite.rotationY = silderY.value;
showTxtInfo(silderY);
}
function
silderZChangeHandler(e:Event):
void
{
imgSprite.rotationZ = silderZ.value;
showTxtInfo(silderZ);
}
function
silderPosZChangeHandler(e:Event):
void
{
containerSprite.z = silderPosZ.value;
showTxtInfo(silderPosZ);
}
function
silderFieldOfViewChangeHandler(e:Event):
void
{
doPerspectiveProjection();
showTxtInfo(silderFieldOfView);
isAngleChangeing =
true
;
}
function
silderCenterPosChangeHandler(e:Event):
void
{
doPerspectiveProjection();
showTxtInfo(silderCenterPos);
}
function
silderFocusLengthChangeHandler(e:Event):
void
{
doPerspectiveProjection();
showTxtInfo(silderFocusLength);
}
function
doPerspectiveProjection():
void
{
var
pp:PerspectiveProjection=
new
PerspectiveProjection();
pp.fieldOfView = silderFieldOfView.value;
if
(!isAngleChangeing){
pp.focalLength = silderFocusLength.value;
}
//trace(pp.focalLength);
pp.projectionCenter =
new
Point(silderCenterPos.value,silderCenterPos.value);
containerSprite.transform.perspectiveProjection = pp;
}
doPerspectiveProjection();
var
txtAuthor:TextField =
new
TextField();
txtAuthor.htmlText =
"<a href='http://yjmyzz.cnblogs.com/' target='_blank'>by 菩提树下的杨过</a>"
;
addChild(txtAuthor);
txtAuthor.y = txtFocusLength.y;
txtAuthor.x =
425
;
txtAuthor.autoSize = TextFieldAutoSize.LEFT;
稍加解释:
z坐标:即对象在z轴上的坐标,flash默认采用的是右手三维坐标,也就是说z值越大,物体越小
rotaionX,rotationY,rotationZ:即对象绕着x,y,z轴旋转的角度
PerspectiveProjection对象的三个属性:
1.focalLength 即焦距,使用效果上貌似焦距越大,物体也越大(?跟常规理解的不同),而且据官方帮助上讲:在透视转换过程中,将使用视野的角度和舞台的高宽比(舞台宽度除以舞台高度)来自动计算 focalLength
2.fieldOfView 即观察点的三维"视角"(0到180之间的值),怎么理解我还没想好,不过在使用效果上,如果当物体的z轴坐标不为0时,该值越大,物体的扭曲和形变越夸张,而且动态调整该值时focalLength值也会自动重新计算。(所以如果用代码写死了focalLength,不管如何调整fieldOfView都是看不到效果的)
3.projectionCenter:即3D透视中的消失点,当z轴坐标趋近于无限大时,物体越趋向于该点(消失)。
最后:上面的代码中暗藏了二个小技巧
1.为啥要先把图片放到imgSprite中,然后再将imgSprite又放到containerSprite中?
因为旋转时有一个旋转的中心点,而Flash默认这个中心就是对象的左顶点,即(0,0)位置,用二个sprite嵌套后,再配合坐标的设定,巧妙的将中心点正好移动到了图片中心,如下图:
2.如何用代码从库里取出一张图片?
如上图,关键在于导入图片时要指定“类”名,这样在代码中就可以用
1
var
imgBD:BitmapData =
new
ImgSample();
//从库中取出一张图片
2
var
img:Bitmap =
new
Bitmap(imgBD);
得到一个图片的Bigmap实例
发表评论
-
Flash/Flex学习笔记(50):矩阵变换
2011-04-24 13:52 1140先回顾一下Silvelright中的矩阵变换[转]WPF中的M ... -
Flash/Flex学习笔记(49):背面剔除与 3D 灯光
2011-04-24 13:50 962今天继续:上一回Flash/Flex学习笔记(50):3D线条 ... -
Flash/Flex学习笔记(48):迷你滚动条ScrollBar
2011-04-24 13:46 1038先看最终效果: 整个swf最终不到4k, ... -
Flash/Flex学习笔记(47):利用FMS快速创建一个文本聊天室
2011-04-24 13:45 966先来看客户端fla的构成: 第一帧:登录界面 第一帧的 ... -
Flash/Flex学习笔记(46):使用TweenLite
2011-04-24 13:43 1652TweenLite是第三方出品的专用于各种缓动动画的类库,其性 ... -
Flash/Flex学习笔记(44):3D线条与填充
2011-04-24 13:39 10753D线条:把上一篇中的3D坐标旋转示例稍做修改,用线把各个 ... -
Flash/Flex学习笔记(43):3D基础
2011-04-24 13:34 1117之前我们所做的动画都 ... -
Flash/Flex学习笔记(42):反向运动学(下)
2011-04-24 13:30 901先要复习一下三角函数与余弦定理: 对于直角三角形,三边长 ... -
Flash/Flex学习笔记(41):反向运动学(上)
2011-04-24 13:29 915先回顾上篇所说的"正向运动学":以人行 ... -
Flash/Flex学习笔记(40):正向运动学
2011-04-24 13:27 859所谓"正向运动学"通俗点讲就是把几个连接部 ... -
Flash/Flex学习笔记(39):万有引力与粒子系统
2011-04-24 13:26 706万有引用公式: 其中G为万有引力常数 var numP ... -
Flash/Flex学习笔记(38):动量守恒与能量守恒
2011-04-24 13:24 917动能公式: 动量公式: 动量守恒: 能量守恒: ... -
Flash/Flex学习笔记(37):坐标旋转
2011-04-24 13:23 996坐标旋转是个啥概念呢? 如上图,(蓝色)小球 绕某一 ... -
Flash/Flex学习笔记(36):碰撞检测
2011-04-24 13:22 586碰撞检测基本上可能分为二类:对象与对象的碰撞检测、对象与点 ... -
Flash/Flex学习笔记(35):弹性运动续--弹簧
2011-04-24 13:21 736上一篇里演示的弹性运动加上摩擦力因素后,物体最终基本上都会比较 ... -
Flash/Flex学习笔记(34):弹性运动
2011-04-24 13:20 751动画中的弹性运动 从视觉效果上接近 物理经典力学中的单摆运 ... -
Flash/Flex学习笔记(33):缓动动画
2011-04-24 13:18 979缓动 与 匀变速 看上去很类似,但其实有区别: 匀变速的 ... -
Flash/Flex学习笔记(32):不用系统组件(纯AS3)的视频播放器--只有8.82K
2011-04-24 13:17 1247以前为了赶项目,利用系统组件制作过一款视频播放器(见Fla ... -
Flash/Flex学习笔记(31):自己动手实现一个滑块控件(JimmySilder)
2011-04-24 13:15 940先看最终的演示: 滑块条的应用实在太广泛了:mp3播放器中声 ... -
Flash/Flex学习笔记(30):如何正确监听Stage对象的事件
2011-04-24 13:13 1270如果想在一个自定义类中注册对stage对象的监听事件,然后在另 ...
相关推荐
flex/Flash开发系列书籍:基于FLASH的WEB3D应用研究
附件是关于 Flash/Flex 几个重要框架 Cairngorm、Mate、PureMVC以及Swiz 的典型例子,由 Tony Hillerson 提供 Homepage: http://insideria.com
Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记
语言:C ++许可证:BSD-3代码质量:A + https://lgtm.com/projects/g/Genivia/RE-flex/context:cpp文档:https://www.genivia.com/doc/reflex/html /index.html存储库:https://github.com/Genivia/RE-flex更改日志...
flash/flex画曲线,绘图板,用代码实现的个画曲线功能,类绘图板,可下载看看,不错的学习案例。
flash/flex 的aqua皮肤.类似苹果系统
来自《潮汕IT男》网站的文章《解决flash/flex/as3 访问中文域名时的流错误》代码示例,地址:http://chenlinsheng.com/?p=990
FDT-flash/flex devtoolkit for eclipse. for最新版的 FDT 3.5 beta2
NULL 博文链接:https://summerbell.iteye.com/blog/359226
flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记
基于Flex的网络三维实景模拟技术的研究与实现.kdh
一.flex2的全屏代码 在仅仅使用Flex Builder2(我下载的是FLXB_2.0_Win_WWE.exe)的时候,写全屏代码竟然找不到flash.display.StageDisplayState,于是下载了Flex 2.0.1升级包(官方地址:...(参考:...
总共有4个例子: 1.http://127.0.0.1:8080/flexDemo/HelloWorld/HelloWorld.html ...如果你的数据库配置和我的不一样,请修改flexDemo\WEB-INF\classes\下的DBSetting.properties文件,数据库建表的sql语句是user.sql
第一阶段(2周左右每天至少4个小时):入门 目标是:做简单的demo....参考书:Flex 入门教程http://www.5uflash.com/Flex-AIR/Flexziliao/17.html flex入门介绍:http://download.csdn.net/source/452847
最近开始学习Flex,其中用到了AS,AS2到AS3发生了很大的变化,完全的面向对象,知道这个特点以后我也一直没有特意的好好去学学AS3,但是随着最近学习的深入,还是有必要学习一下
NULL 博文链接:https://as3.iteye.com/blog/1134453
本人用FLEX写的直播播放器,基于RTMP协议。代码要放入tomcat等容器里运行,打开play.html即可看到例子效果,含有源代码,希望能帮助到需要的人。
这是作者自己亲自编写的教程,里面包含的有图解教程,各式jar,及配置文件,全部包含在内,如果你是一个决定学习flex初学者,我敢保证它肯定适合你!带上你走上flex开发旅途!
xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="app_creationCompleteHandler(event)"> <fx:Script> <![CDATA[ import mx.events.FlexEvent; ...
Flex学习笔记1