Coding

Tạo file intro có loading bằng %

Cái intro kiểu này mình rất hay thấy trên các thiếp điện tử cũng như trên các game trên net. Xin giới thiệu cùng các bạn. Intro này gồm 2 phần, một thanh chạy và bên cạnh là con số chỉ phần trăm load được. Thời gian load của nó sẽ phụ thuộc vào tổng số frame của cái thiệp điện tử, hay game của bạn. Bài này mình đã thấy có bạn hỏi nhưng không nhớ đã có trả lời chưa, nếu rồi thì các bạn bỏ quá cho và có thể xoá bài của mình đi---->thông cảm nha.

Bước một:

-File--->New để tạo một file fla mới. Giả sử thiếp điện tử của bạn gồm 100 frame. Mình sẽ dùng 3 frame đầu để tạo phần loading. Sau khi load xong nó sẽ nhảy đến frame4, tại frame 4 thì bạn thích thiết kế kiểu gì thì tuỳ.

-Insert---->New symbol---->movie clip để tạo một movie clip mới, đặt tên là thanh_chay. Trong movie clip, bạn dùng bút chì (pencil tool) vẽ một hình chữ nhật hoặc nhập vào một hình chữ nhật cũng được. Click chọn layer1, click chuột phải chọn Insert Frame, sau đó lại click chuột phải chọn Create Motion Tween. Chỉnh thanh chữ nhật ở frame 1 cho ngắn lại, ở frame 100 cho dài ra (dùng công cụ Free Transform Tool. Lưu ý là Create Motion Tween trước khi kéo dài ra). Tại frame đầu và frame cuối bạn chỉnh cho tọa độ của thanh là như nhau (chẳng hạn X=0, Y=0). Khi đó nó có dạng một thanh chạy dần dần từ ngắn đến dài. Tại frame cuối cùng bạn gán cho nó một hành vi :


stop();

Bước hai.

-Quay trở lại Scene1, click chọn frame 1, nhấn F11 mở library và kéo movie clip thanh_chay vào màn hình thiết kế. Đặt cho nó một instance name là thanh_chay (trong Properties). Ở frame 2 và 3 cũng thế (chú ý 1,2,3,4 là các keyframe riêng biệt). Ở cả 3 frame ta đặt movie clip thanh_chay ở cùng một vị trí (chẳng hạn X=Y=0) và cùng đặt tên cho nó là thanh_chay. Click chuột phải vào frame 1, chọn actions, paste vào:

frame = 1;

-Ở frame 2, dùng công cụ Text Tool (T) tạo một Dynamic Text. Bạn nhớ chọn màu của Dynamic Text (chữ động) sao cho nó nổi bật so với màu nền. Trong ô Var của panel Properties bạn gõ vào: 

phan_tram

Sau đó bạn click chuột fải vào frame 2 chọn Actions , sau đó paste đoạn sau vào:

ifFrameLoaded(frame + 0)

{

frame = frame + 1;

so_phan_tram_da_nap = int(frame / _totalframes * 100);



phan_tram = so_phan_tram_da_nap + " %";

tellTarget("/thanh_chay")

{

gotoAndStop(/:so_phan_tram_da_nap)



if (so_phan_tram_da_nap == 100)

{

gotoAndPlay(4);

}

-Click chuột fải vào frame 3, chọn Actions, paste vào:

gotoAndPlay(2);

-Tại frame 4 bạn gán cho hành vi :

stop();

Bây giờ ở frame 4 bạn có thể đặt phần trình diễn thiếp, hoặc trang mở đầu trò game. Nhấn Ctrl+Enter xem.

Chúc bạn may mắn.

1 Bình luận

  1. xiaoou nói:

    20181015 xiaoou

    michael kors outlet online

    cheap ray ban sunglasses

    ugg boots

    polo outlet online

    nike shoes outlet

    canada goose outlet store

    los angeles lakers jerseys

    coach factory outlet

    kate spade sale

    denver broncos jersey

    canada goose jackets outlet

    longchamp handbags

    coach outlet

    mulberry handbags

    supreme clothing uk

    michael kors outlet clearance

    ferragamo shoes

    christian louboutin shoes

    ugg outlet

    moncler coats

    christian louboutin shoes

    coach outlet online

    swarovski outlet store

    ralph lauren outlet

    mulberry handbags

    pandora outlet

    ugg outlet

    tory burch outlet online

    chrome hearts online store

    coach outlet online

    michael kors handbags

    canada goose jackets

    ralph lauren femme

    mbt

    ray ban sunglasses outlet

    ray ban sunglasses outlet

    michael kors outlet clearance

    giuseppe zanotti shoes

    louboutin shoes

    uggs outlet

    adidas nmd r1

    ugg boots clearance

    gucci outlet online

    tory burch outlet stores

    michael kors outlet

    canada goose outlet

    cheap ugg boots

    cheap jordan shoes

    coach handbags outlet

    kate spade handbags

    cheap jerseys wholesale

    nike air force 1

    cheap jerseys wholesale

    coach outlet online

    mbt outlet

    cheap ugg boots

    polo ralph lauren

    longchamp bags

    ugg outlet

    coach outlet

    jimmy choo shoes

    ralph lauren uk

    coach outlet online

    canada goose jackets

    uggs outlet

    fitflops sale clearance

    canada goose jackets

    polo ralph lauren outlet

    moncler jackets

    uggs outlet

    moncler outlet online

    longchamp handbags

    puma shoes

    coach outlet online

    suicoke sandals

    wellensteyn outlet

    cheap jordan shoes

    polo ralph lauren outlet

    christian louboutin shoes

    canada goose coats

    cheap ugg boots

    cazal outlet

    jordan shoes

    montblanc pens outlet

    off white clothing

    ugg boots clearance

    nhl jerseys

    birkenstock shoes

    ralph lauren shirts

    canada goose outlet

    michael kors outlet online

    true religion outlet

    jordan 3

    christian louboutin shoes

    burberry canada

    light up shoes

    cartier bracelet

    coach outlet store online

    ralph lauren outlet

    michael kors outlet online

    michael kors

    nike factory store

    air jordan shoes

    red bottoms

    gucci bags

    ugg outlet

    michael kors handbags outlet

    uggs outlet

    coach outlet online

    air jordan shoes

    canada goose jackets

    adidas outlet online

    tory burch outlet online

    salomon outlet

    snapbacks wholesale

    prada shoes for men

    kate spade handbags

    canada goose jackets outlet

    adidas y3 shoes

    uggs clearance

    canada goose outlet

    canada goose outlet store

    cheap oakley sunglasses

    ugg boots clearance

    canada goose outlet store

    nobis jackets

    canada goose outlet

    longchamp outlet store

    tory burch outlet online

    ugg boots clearance

    cheap ray ban sunglasses

    coach outlet

    michael kors outlet online

    kate spade outlet online

    pandora charms sale clearance

    moncler jackets

    ugg outlet

    mulberry uk

    kate spade handbags

    christian louboutin shoes

    pandora jewelry

    air jordan retro

    ralph lauren outlet

    pandora charms sale clearance

    adidas outlet online

    true religion jeans

    chrome hearts online store

    blackhawks jerseys

    michael kors outlet clearance

    foamposite shoes

    michael kors outlet online

    coach outlet

    ray ban sunglasses outlet

    air max 90

    north face outlet

    polo ralph lauren shirts

    longchamp pliage

    ugg boots clearance

    adidas wings shoes

    michael kors outlet clearance

    ugg boots

    canada goose jackets

    mulberry handbags

    mlb jerseys

    nike air max 90

    ferragamo outlet

    jordan shoes

    ugg boots clearance

    herve leger dresses

    tory burch outlet

    michael kors outlet

    prada sunglasses for women

    cheap jordan shoes

    uggs outlet

    uggs outlet

    cheap ray ban sunglasses

    mont blanc pens

    nike revolution

    kobe bryants shoes

    christian louboutin shoes

    christian louboutin shoes

    lebron shoes

    ralph lauren polo

    cheap jordan shoes

    ralph lauren shirts

    cheap oakley sunglasses

    canada goose coats

    coach outlet online

    ralph lauren outlet

    north face outlet

    nfl jersey wholesale

    fitflops shoes

    longchamp pliage

    louboutin shoes

    nike air max 1

    canada goose outlet store

    nike shoes outlet

    michael kors outlet online

    fitflops

    polo ralph lauren outlet

    michael kors outlet clearance

    jordan shoes

    michael kors outlet online

    michael kors outlet

    christian louboutin shoes

    cheap oakley sunglasses

    true religion outlet

    coach outlet

    new york knicks

    burberry outlet store

    coach outlet online

    longchamp outlet online

    stussy hoodie

    true religion outlet uk

    pandora charms sale clearance

    cheap ray ban sunglasses

    michael kors outlet online

    kd shoes

    oakley sunglasses wholesale

    ugg outlet

    toms outlet

    nike blazer pas cher

    cheap football shirts

    hermes belts

    supra shoes sale

    nfl jerseys

    golden state warriors

    michael kors bags

    coach handbags on sale

    burberry outlet sale

    polo ralph lauren

    pandora charms sale clearance

    ugg boots on sale

    ugg boots clearance

    pandora charms

    bottega veneta outlet online

    canada goose jackets outlet

    coach outlet store

    fitflops sale clearance

    moncler outlet online

    michael kors canada

    coach outlet online

    mbt

    jordan retro

    cheap jordan shoes

    fitflops

    christian louboutin shoes

    coach factory outlet

    coach outlet clearance

    mulberry outlet,mulberry handbags outlet

    canada goose outlet store

    new balance outlet

    cheap jordan shoes

    reebok shoes

    pandora outlet

    cheap nhl jerseys

    canada goose jackets sale

    canada goose jackets

    cheap oakley sunglasses

    fitflops

    cheap jordans free shipping

    uggs outlet

    cheap ugg boots

    lacoste polo

    uggs outlet

    michael?kors?outlet?online

    nike roshe run

    polo ralph lauren outlet

    kate spade sale

    christian louboutin shoes

    cheap oakley sunglasses

    true religion uk

    michael kors outlet

    adidas yeezy boost

    louboutin outlet

    longchamp handbags sale

    coach outlet online

    michael kors outlet online

    adidas shoes

    nfl jerseys

    canada goose jackets

    pandora charms sale clearance

    moncler outlet store

    cheap ray ban sunglasses

    true religion outlet

    pandora charms sale clearance

    christian louboutin outlet

    mizuno shoes

    nike outlet store

    swarovski outlet store

    ugg outlet stores

    mbt

    mulberry handbags sale

    michael kors outlet online

    nike air huarache

    michael kors outlet clearance

    michael kors outlet

    links of london jewellery

    christian louboutin shoes

    tory burch handbags

    coach factory outlet

    ferragamo shoes sale

    fitflops shoes

    broncos jerseys

    michael kors factory outlet

    coach outlet

    pandora outlet

    michael kors outlet online

    san antonio spurs

    canada goose outlet online

    ugg outlet

    cheap nhl jerseys

    cheap jordans for sale

    uggs outlet

    nike air max 90

    michael kors uk

    balenciaga shoes

    uggs outlet

    true religion outlet

    miu miu shoes

    cheap jordans

    michael kors outlet clearance

    kate spade

    canada goose outlet store

    michael kors outlet online

    christian louboutin shoes

    pandora charms sale clearance

    jordan shoes

    cheap jordan shoes

    kate spade handbags

    texans jerseys

    swarovski jewelry

    air jordan shoes

    ralph lauren outlet

    christian louboutin shoes

    uggs outlet

    asics running shoes

    nike outlet online

    coach outlet store

    adidas crazy

    cheap jerseys wholesale

    valentino shoes

    mlb jerseys

    michael kors outlet online

    coach factory outlet

    coach canada

    coach factory outlet

    jordan shoes

    christian louboutin shoes

    pandora jewelry

    uggs outlet

    michael kors outlet

    canada goose jackets

    moncler jackets

    ray ban sunglasses

    longchamp outlet

    uggs outlet

    adidas nmd runner

    undefeated shoes

    lacoste shirts

    cheap nba jerseys

    oakley sunglasses wholesale

    49ers jersey

    true religion outlet

    ugg outlet

    uggs outlet

    coach outlet

    ferragamo shoes

    hermes birkin bag

    fred perry polo

    cheap basketball shoes

    moncler outlet store

    supreme t shirts

    marc jacobs sale

    ugg boots

    pandora charms sale clearance

    michael kors outlet online

    coach factory store

    oakley sunglasses wholesale

    christian louboutin shoes

    air jordan shoes

    polo ralph lauren shirts

    canada goose outlet store

    cheap jordans

    hermes outlet store

    tory burch outlet online

    canada goose

    tory burch outlet online

    christian louboutin outlet

    ralph lauren polo

    air jordan shoes

    ralph lauren polo

    mcm backpacks

    nike air max

    true religion outlet

    toms outlet

    supreme t shirts

    givenchy handbags

    mishka snapbacks

    yeezy boost 350

    pandora charms sale clearance

    uggs outlet

    ugg boots clearance

    michael kors outlet online

    kobe shoes

    true religion outlet

    gucci outlet online

    pandora charms

    uggs outlet

    coach factory outlet

    swarovski uk

    supreme t shirts

    adidas store

    ralph lauren polo

    coach outlet

    coach outlet online

    canada goose outlet store

    michael kors outlet online

    canada goose outlet store

    longchamp pas cher

    prada outlet online

    mulberry bags

    moncler coats

    soccer jerseys wholesale

    2018 world cup jerseys

    polo ralph lauren

    vans sneakers

    chrome hearts outlet store

    coach outlet

    jordan 12

    pandora outlet

    coach outlet online

    cheap ray ban sunglasses

    canada goose outlet

    pandora jewelry

    ferragamo shoes

    coach outlet online

    ugg outlet

    malone souliers

    football shirts

    north face denail jacket clearance

    kobe 9 elite

    polo ralph lauren outlet

    michael kors outlet online

    coach outlet online

    fitflops sale clearance

    nike air max 2017

    canada goose outlet store

    coach outlet

    ysl outlet online

    true religion jeans

    kate spade sale

    uggs outlet

    air jordan shoes

    true religion outlet

    christian louboutin shoes

    michael kors wallets for women

    tods outlet online

    uggs outlet

    jordan 4

    ferragamo shoes

    van cleef arpels jewelry

    canada goose jackets

    swarovski outlet store

    mulberry uk

    polo outlet factory store

    ralph lauren outlet

    ferragamo shoes

    michael kors uk

    mulberry bags

    nike shoes outlet

    pandora outlet

    under armour outlet

    ugg outlet

    cheap ray ban sunglasses

    kate spade sale

    canada goose outlet store

    michael kors outlet online

    cleveland cavaliers jerseys

    coach outlet online

    tory burch outlet online

    kate spade sale

    oakley sunglasses wholesale

    christian louboutin pas cher

    colts jerseys

    michael kors outlet online

    michael kors outlet online

    nike shoes outlet

    bvlgari outlet

    coach outlet store online

    coach outlet online

    michael kors outlet online

    nfl jerseys

    canada goose jackets

    toms outlet

    swarovski jewellery

    true religion outlet store

    uggs outlet

    tory burch outlet online

    adidas yeezy boost

    michael kors outlet clearance

    nike shoes outlet

    ralph lauren polo

    air force 1 shoes

    canada goose jackets

    cheap jordans

    ed hardy outlet

    christian louboutin shoes

    canada goose outlet

    ugg outlet

    gucci outlet online

    barbour women jackets

    birkenstock shoes

    fitflops sale clearance

    moncler outlet online

    michael kors outlet clearance

    jordan 4

    cheap nba jerseys

    burberry outlet online

    nike air max 97

    canada goose outlet store

    ugg outlet

    coach outlet online

    gucci outlet store

    kate spade outlet online

    Trả lời

Trở về
  • HTML5 Canvas
  • HTML5 Canvas

     The <canvas> element is used to draw graphics, on the fly, on a web page. Draw a red rectangle, a gradient rectangle,...