Adobe EDGE

iannnnn · 01 ส.ค. 2011, 23:25 น.

http://labs.adobe.com/technologies/edge/
ทำ HTML5 Animation จากเครื่องมือของอโดบี้

รอมานาน รู้สึกแจกฟรีด้วยมั้งเนี่ย รุ่นพรีวิวครับ

อ้างอิงThis version of Edge focuses primarily on adding rich motion design to new or existing HTML projects, that runs beautifully on devices and desktops.

Create new compositions with Edge's drawing and text tools.
Import popular web graphics such as SVG, PNG, JPG or GIF files.
Easily choreograph animation with the timeline editor. Animate position, size, color, shape, rotation and more at the property level.
Energize existing HTML files with motion, while preserving the integrity of CSS-based HTML layouts.
Copy and paste transitions, invert them, and choose from over 25 built-in easing effects for added creativity.

ตัวอย่าง
http://labs.adobe.com/technologies/edge/resources/gettingjumpy1/wordAnimation.html
http://labs.adobe.com/technologies/edge/resources/gettingjumpy2/wordAnimation2.html
http://labs.adobe.com/technologies/edge/resources/sunshinesailing/Test.html
http://labs.adobe.com/technologies/edge/resources/ferriswheel/Wheel.html
http://labs.adobe.com/technologies/edge/resources/richad/csAd004.html
จาก http://labs.adobe.com/technologies/edge/resources/

จักรี · 01 ส.ค. 2011, 23:46 น.

ต้องฝึกทำแล้วจะได้ไปทำงานกับพี่แอน

iannnnn · 02 ส.ค. 2011, 00:07 น.

ลองเล่นดูแล้ว

ไม่ยาก แต่ไม่มีอะไรมาก
พอเซฟปั๊บมันจะให้ไฟล์มาสามสี่ห้าหกไฟล์
นี่คือ Source Code ของ HTML

โค้ด เลือกทั้งหมด


<!DOCTYPE html> 
<html> 
<head> 
	<title>Untitled</title> 
<!--Adobe Edge Runtime--> 
    <script type="text/javascript" src="edge_includes/jquery-1.4.2.min.js"></script> 
    <script type="text/javascript" src="edge_includes/jquery.easing.1.3.js"></script> 
    <script type="text/javascript" src="edge_includes/edge.0.1.1.min.js"></script> 
    <script type="text/javascript" src="edge_includes/edge.symbol.0.1.1.min.js"></script> 
    <script type="text/javascript" charset="utf-8" src="test_edge.js"></script> 
    <link rel="stylesheet" href="test_edge.css"/> 
<!--Adobe Edge Runtime End--> 
 
</head><body> 
	<div id="stage" class="symbol_stage"> 
	</div> 
</body> 
</html>

จักรี · 02 ส.ค. 2011, 00:15 น.

แบบนี้แฟลชก็ตายสนิทเลยซิ

iannnnn · 02 ส.ค. 2011, 00:21 น.

หัดๆ สายอื่นไว้บ้างละกัน

Bellbells · 02 ส.ค. 2011, 02:12 น.

อ่อ อันนี้สินะเห็นอีก่อทวิตเลอะเทอะเปรอะเปื้อน สวนกระแสโบว์ท้องตอนเย็นๆ

iannnnn · 02 ส.ค. 2011, 02:13 น.

รีวิวหน่อยดิ ตูได้ดูแค่ผ่านๆ

IM · 02 ส.ค. 2011, 05:13 น.

อ๊ะ!!

icez · 02 ส.ค. 2011, 09:26 น.

เดี๋ยวจะมีมุข " ยุคนี้มันต้อง Adobe 3G แล้ว " แน่ๆ

JÎ›NÎ£ · 02 ส.ค. 2011, 09:32 น.

iannnnn · 02 ส.ค. 2011, 11:53 น.

อู๊ย ยังอุตส่าห์ฮา

ในประเทศนี้จะมีคนเก็ตสักกี่คนเนี่ย

Layiji · 10 ส.ค. 2011, 10:23 น.

ทำเว็บเดี๋ยวนี้ไม่ได้แตะ flash อีกเลย
ลูกค้าบอกว่าเปิดใน iphone ไม่ได้

e-nesra · 15 ส.ค. 2011, 20:40 น.

ตามไม่ทันแล้ว

iannnnn · 16 ส.ค. 2011, 00:55 น.

เอ้า มีจู๋นี้อีก ถึงว่าหาไม่เจอ

Adobe มาแรงมากนะครับ

Piix · 16 ส.ค. 2011, 03:02 น.

แล้วก็ต้องกลับไปดูใช่ไหมว่า อะไรมันใช้ HTML5 ได้มั่ง

แล้วเบราเซอร์ปัญญาอ่อน ต้องทำยังไง
ไม่ใช่สิ ลูกค้าปัญญาอ่อนต้องอธิบายยังไง

เห็นสถิติคนเข้าเว็บปีนี้ใช้หมาย่างอันดับ 1
ค่อยมีแรงไปเถียงกับเจ้าของเว็บหน่อย ว่าอย่าไปใส่ใจมันมาก IE 6 ที่เปิดแล้วเว็บเละเทะน่ะ