DFdou's Blog » Demo http://nwhy.org Life is short,Be yourself. Wed, 08 Sep 2010 05:34:51 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Flash-Five3d类学习 http://nwhy.org/flash-five3d-study.html http://nwhy.org/flash-five3d-study.html#comments Tue, 21 Jul 2009 01:09:38 +0000 DFdou http://nwhy.org/?p=4601 早上在Google Reader里看到的一个第三方类，试了下效果不错，就准备去下载个类库，结果发现five3d.mathieu-badimon.com 居然被河蟹了？顺便骂一句，Picasa也被河蟹了，MLGBZ的！GFW，bullshit！
OK，骂完了，先来2个Demo，一个是文本的：


另一个是图形的：



这里贴下图形Demo的文档类Codes：
[js]
package {
import flash.display.StageScaleMode;
import flash.display.StageAlign;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.MouseEvent;
//如果是Flash CS3，一定要在库里边加一个Button组件，不然会报错，CS4版则没有这个问题～
import fl.controls.Button;

//导入five3D类
import five3D.display.DynamicText3D;
import five3D.display.Scene3D;
import five3D.display.Shape3D;
import five3D.display.Sprite3D;
import five3D.typography.HelveticaBold;
import five3D.utils.Drawing;

//这个缓动类，就不介绍了
import gs.TweenLite;
import gs.TweenMax;

public class Five3dDemo extends Sprite {

var scene:Scene3D;
var STAGEW:uint = stage.stageWidth;
var STAGEH:uint = stage.stageHeight;
var TOTAL:uint = 350;

public function Five3dDemo() {
//舞台缩放和对齐
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
init();
}
private function init():void {
//建立一个Scene3D实例
scene = new Scene3D();
addChild(scene);

drawShape();
drawButton();
}
private function drawShape():void{
for (var i:uint=0; i< = TOTAL; i++) {
//建立353个方块
var _obj:Shape3D = new Shape3D();
//生成随机颜色
var color:uint = rand(0,0xffffff);
_obj.graphics3D.beginFill(color);
//画方块
_obj.graphics3D.drawRect(-10, -10, 20, 20);
_obj.graphics3D.endFill();
//让图形居中摆放
_obj.x = (STAGEW-20)/2;
_obj.y = (STAGEH-20)/2;
scene.addChild(_obj);
reMove(_obj,0);
}
}
//将移动效果改成了TweenMax的曲线运动，更3D效果
private function reMove(_obj:Object,_time:uint){
TweenMax.to(_obj, 1.5, {delay:_time,x:rand(0,STAGEW),y:rand(0,STAGEH), z:rand(0,(STAGEW+STAGEH)/2), bezier:[{x:rand(0,STAGEW), y:rand(0,STAGEH), z:rand(0,(STAGEW+STAGEH)/2)},{x:rand(0,STAGEW), y:rand(0,STAGEH), z:rand(0,(STAGEW+STAGEH)/2)}], scaleX:rand(0,1.5), scaleY:rand(0,1.5), scaleZ:rand(0,1.5), rotationX:rand(-50,50),rotationY:rand(-50,50),rotationZ:rand(-50,50), alpha:rand(0.3,1), onComplete:reMove,onCompleteParams:[_obj,1]});
//TweenLite.to(_obj,1.5,{delay:_time,x:rand(0,STAGEW),y:rand(0,STAGEH), z:rand(0,(STAGEW+STAGEH)/2), scaleX:rand(0,1.5), scaleY:rand(0,1.5), scaleZ:rand(0,1.5), rotationX:rand(-50,50),rotationY:rand(-50,50),rotationZ:rand(-50,50), alpha:rand(0.3,1), onComplete:reMove,onCompleteParams:[_obj]});
}
//在场景里加入2个按钮
private function drawButton():void{
var disBtn:Button = new Button();
disBtn.label = "排序";
disBtn.x = 20;
disBtn.y = 20;
addChild(disBtn);
disBtn.addEventListener(MouseEvent.CLICK,displayNumber);

var reDisBtn:Button = new Button();
reDisBtn.label = "打乱";
reDisBtn.x = 20;
reDisBtn.y = 50;
addChild(reDisBtn);
reDisBtn.addEventListener(MouseEvent.CLICK,reDisplayNumber);
}
//让方块顺序摆放
private function displayNumber(_evt:MouseEvent){
for(var i:uint=0; i<= TOTAL; i++){
//TweenLite.killTweensOf(scene.getChildAt(i), true);
TweenMax.killTweensOf(scene.getChildAt(i), true);
var _obj:Object = scene.getChildAt(i);
TweenLite.to(_obj,1.5,{x:(i%27*20+40),y:(int(i/27)*20+110), z:0, scaleX:1, scaleY:1, scaleZ:1, rotationX:0,rotationY:0,rotationZ:0});
}
}
//打乱方块排列
private function reDisplayNumber(_evt:MouseEvent){
for(var i:uint=0; i<= TOTAL; i++){
var _obj:Object = scene.getChildAt(i);
reMove(_obj,0);
}
}
//生成startNum到endNum的随机数
private function rand(startNum,endNum){
return (Math.random()*(endNum-startNum) + startNum);
}
}
}
[/js]
这个效果可以干嘛呢？可以用来做Loading动画，或者给某些癖好的人做乱七八糟横竖乱跑的动画效果～
Five3d的官方网站：five3d.mathieu-badimon.com，请自觉翻墙。
Google Code 下载地址：http://code.google.com/p/five3d/downloads/list。
唉，不知道是code插件的问题还是WP本身的问题，循环体内的"<"总是被解析成XML。。。

Some Related Posts

]]> http://nwhy.org/flash-five3d-study.html/feed 3 AS3-Drop Menu Demo http://nwhy.org/as3-drop-menu-demo.html http://nwhy.org/as3-drop-menu-demo.html#comments Fri, 05 Jun 2009 03:20:20 +0000 DFdou http://nwhy.org/?p=4391 先来Demo：


Fla Source:http://dl.getdropbox.com/u/477487/flash/as3/DropMenu.fla
说明一下，这个文件只考虑了有2级菜单的情况，而没有去管有1级菜单没有2级菜单的情况。
This Demo only consider all menu have children, but not to possession of a menu has no child.

OK,The as3 code:
[js]
import gs.TweenLite;
/****************变量设置区域开始*********************/
var menuXML:XML =


friesfries menuName meni helo

burger

sfries friesfries

burgfriesfrieser friesfries friesfries

fries friesfries menuName meni helo

;
var menuWidth:Number=80;//一级菜单的宽度
var menuHight:Number=20;//一级菜单的高度
var offsetX:Number=20;//一级菜单x位置偏移量
var offsetY:Number=10;//一级菜单y位置偏移量
var fontsize:uint=12;//一级菜单字体大小
var fontColor:uint=0xffffff;//一级菜单字体颜色
var menuTft:TextFormat=new TextFormat();//一级菜单的格式设置
menuTft.color=fontColor;//字体颜色
menuTft.size=fontsize;//字体大小
menuTft.font="Arial";//字体
var bgOffsetX:Number=0;//背景x位置偏移量
var bgOffsetY:Number=0;//背景y位置偏移量
var bgWidth:Number=600;//背景的宽度
var bgHeight:Number=30;//背景的高度
var bgBorderColor:uint=0x000000;//背景的边框颜色
var bgFillColor:uint=0x000000;//背景的填充颜色
var mcMenu:Sprite=new Sprite();//主菜单mc
var menuBGColor:uint=0x444444;//主菜单的未选中色
var menuOnBGColor:uint=0x999999;//主菜单的选中色
var subMenu:Sprite=new Sprite();//子菜单mc
var subMenuColor:uint=0x000000;//子菜单颜色
var subMenuOnBGColor:uint=0x999999;//子菜单hover时菜单背景颜色
var subMenuBGColor:uint=0xffffff;//子菜单out时菜单背景颜色
var subMenuHeight:Number=20;//子菜单高度
var subMenuTft:TextFormat=new TextFormat();
subMenuTft.color=subMenuColor;
subMenuTft.size=fontsize;
subMenuTft.font="Arial";
var arySubMenuURL:Array=new Array();//存放子菜单的链接地址
/****************变量设置区域结束*********************/
createDropMenu();
function createDropMenu() {
createBG();//生成背景栏
createMenuMC(offsetX,offsetY);//生成主菜单mc
showMainMenu();//载入XML，显示主菜单
this.stage.addEventListener(MouseEvent.MOUSE_UP,clickOutside);//这个用于处理AS2中的onReleaseOutside事件
}
function createMenuMC(_offsetX:Number,_offsetY:Number){
mcMenu.x=_offsetX;
mcMenu.y=_offsetY;
addChild(mcMenu);
}
function showMainMenu(){
var i:uint;
for(i=0;i
var itemM:TextField=new TextField();
itemM.text=menuXML.item[i].@title;
itemM.name="item_"+i;
itemM.x=i*menuWidth;
itemM.background=true;
itemM.backgroundColor=menuBGColor;
//itemM.border=true;//边框
itemM.autoSize=TextFieldAutoSize.LEFT;
itemM.height=menuHight;
itemM.selectable=false;
//trace(itemM.textWidth);
itemM.setTextFormat(menuTft);
mcMenu.addChild(itemM);
itemM.addEventListener(MouseEvent.MOUSE_DOWN,showSubMenu);
}
}
function createBG(){
var mcBG:Sprite=new Sprite();
mcBG.x=bgOffsetX;
mcBG.y=bgOffsetY;
mcBG.graphics.lineStyle(1,bgBorderColor);
mcBG.graphics.beginFill(bgFillColor);
mcBG.graphics.drawRect(0,0,bgWidth,bgHeight);
addChild(mcBG);
}
function showSubMenu(_evt:MouseEvent){
removeMCChild(subMenu);
arySubMenuURL=[];
var target=_evt.currentTarget;
var itemNow=target.name.substr(5);
//trace(itemNow);
showMenuNow(itemNow);
var subMenuXML:XML=menuXML.item[itemNow];
var i:uint;
for(i=0;i var itemM:TextField=new TextField();
itemM.text=subMenuXML.menuName[i];
arySubMenuURL.push(subMenuXML.menuName[i].@url);
//trace(subMenuXML.menuName[i].@url);
itemM.name="subItem_"+i;
itemM.x=_evt.currentTarget.x+offsetX;
//itemM.y=(i)*menuHight+offsetY;
TweenLite.to(itemM,0.3,{y:((i+1)*menuHight+offsetY),onComplete:enableSubMenuEffect,onCompleteParams:[itemM]});
itemM.border=true;
itemM.autoSize=TextFieldAutoSize.LEFT;
itemM.background=true;
itemM.backgroundColor=subMenuBGColor;
itemM.height=subMenuHeight;
itemM.setTextFormat(subMenuTft);
itemM.selectable=false;
subMenu.addChild(itemM);
itemM.addEventListener(MouseEvent.CLICK,gotoURL);
}
addChild(subMenu);
}
function enableSubMenuEffect(_mc){
_mc.addEventListener(MouseEvent.MOUSE_OVER,showSubMenuEffect);
_mc.addEventListener(MouseEvent.MOUSE_OUT,offSubMenuEffect);
}
function removeMCChild(_mc:Sprite){
while(_mc.numChildren>0){
_mc.removeChildAt(0);
}
}
function showSubMenuEffect(_evt:MouseEvent){
var target=_evt.currentTarget;
target.backgroundColor=subMenuOnBGColor;
}
function offSubMenuEffect(_evt:MouseEvent){
var target=_evt.currentTarget;
target.backgroundColor=subMenuBGColor;
}
function clickOutside(_evt:MouseEvent){
if(_evt.target.name==null){
removeMCChild(subMenu);
}
}
function showMenuNow(_num:Number){
var i:uint;
for(i=0;i
switch(i){
case _num:
TextField(mcMenu.getChildAt(i)).backgroundColor=menuOnBGColor;
break;
default:
TextField(mcMenu.getChildAt(i)).backgroundColor=menuBGColor;
}
}
}
function gotoURL(_evt:MouseEvent){
var target=_evt.currentTarget;
var subMenuNow=target.name.substr(8);
//trace(arySubMenuURL[subMenuNow]);
navigateToURL(new URLRequest(arySubMenuURL[subMenuNow]));
}
[/js]
How to use this fla? It's so easy,download it,and modify the XML,config Menu's color,bgcolor etc...
那么如何使用这个Fla呢，很简单，下载之后配置AS顶部的菜单信息就可以了。

Some Related Posts

]]> http://nwhy.org/as3-drop-menu-demo.html/feed 0 Flash-表单输入和提交Demo http://nwhy.org/flash-form-submit.html http://nwhy.org/flash-form-submit.html#comments Tue, 13 Jan 2009 12:35:06 +0000 DFdou http://nwhy.org/?p=3378
原本是打算做好Y头留言板的表单输入框之后再写下这个东西的，结果她没找好头像，。。
so，i只好在修改好许愿板的Flash之后，从源文件扣了这个部分出来做Demo。
这块mc主要功能是接收用户输入，以及给后台文件发送数据，这里后台用的是php，
PS：点击头像可以进行头像的切换。
Fla源文件下载地址：http://dl.getdropbox.com/u/477487/flash/as2/form-input-submit.fla
有兴趣的可以看下主要代码部分：

[js]
//头像id
var headid = 0;
exit_btn.onRelease = function() {
removeMovieClip(this._parent);
};
var wish_send:LoadVars = new LoadVars();
submit_btn.onRelease = function() {
checkForm();
if (checkForm() == true) {
wish_send.w_name = name_txt.text;
wish_send.w_content = content_txt.text;
wish_send.w_title = title_txt.text;
wish_send.w_headid=int(headid)+1;
txt_infoshow.text="name:"+wish_send.w_name+"\n"+"content:"+wish_send.w_content+"\n"+"title:"+wish_send.w_title+"\n"+"headid:"+wish_send.w_headid;
//wish_send.send("w_save.php", "_self", "POST");
removeMovieClip(this._parent);
}
};
reset_btn.onRelease = function() {
//trace(this);
this._parent.title_txt.text = "";
this._parent.content_txt.text = "";
this._parent.name_txt.text = "";
};
function checkForm():Boolean {
if (title_txt.text.length == 0) {
title_txt.text = "请输入标题";
Selection.setFocus("title_txt");
return false;
}
if (content_txt.text.length == 0) {
content_txt.text = "请输入内容";
Selection.setFocus("title_txt");
return false;
}
if (name_txt.text.length == 0) {
name_txt.text = "请输入名字";
Selection.setFocus("name_txt");
return false;
}
Selection.setFocus("submit_btn");
return true;
}
[/js]
头像选择部分的代码：
[js]
//一直在用的TweenLite类
import gs.TweenLite;
import gs.easing.*;
head_btn.onRollOver = function() {
TweenLite.to(this,0.5,{_alpha:75});
};
head_btn.onRollOut = head_btn.onReleaseOutside=function () {
TweenLite.to(this,0.5,{_alpha:100});
};
head_btn.onRelease = function() {
for (var i:Number = 0; i<7; i++) {
//让头像失去鼠标事件，不然在动画过程中会触发onRollOver等事件，mc会卡在路上，囧！
TweenLite.to(this._parent["h"+i],0.15,{_x:65, _alpha:75, delay:i/8, onComplete: onFinishTween, onCompleteParams:[this._parent["h"+i]]});
this._parent["h"+i].onRollOver = function() {
TweenLite.to(this,0.3,{_alpha:100});
};
this._parent["h"+i].onRollOut = function() {
TweenLite.to(this,0.3,{_alpha:75});
};
this._parent["h"+i].onRelease = function() {
var headonid = int(this._name.substr(1))+1;
this._parent.head_btn.gotoAndStop(headonid);
this._parent._parent.headid = headonid-1;
for (var i:Number = 0; i<7; i++) {
this._parent["h"+i].enabled=false;
TweenLite.to(this._parent["h"+i],0.15,{_x:-280, _alpha:0, delay:i/8});
}
};
}
};
//动画结束后让mc重新获得鼠标事件
function onFinishTween(btnid,ddd) {
btnid.enabled = true;
}
[/js]

Some Related Posts

]]> http://nwhy.org/flash-form-submit.html/feed 0