3D Image Slideshow “ The Piecemaker”

Ada yang pernah lihat image slideshow yang 3D, kalo belum pernah lihat saya kasih lihat deh :D. The Piecemaker   kalo bahasa indonesia...

Ada yang pernah lihat image slideshow yang 3D, kalo belum pernah lihat saya kasih lihat deh :D.
The Piecemaker  kalo bahasa indonesianya “si pembuat potongan” (Translate sendiri :D).
The Piecemaker adalah gallery gambar Flash  3D rotator. The Piecemaker adalah Open Source, sehingga anda bebas untuk mendownloadnya atau menggunakannya .
Galeri Piecemaker diciptakan oleh Björn dari Modularweb. Selain freebie, Anda juga akan menemukan dokumentasi ekstensif dan penjelasan fitur 3D asli Flash CS4.
Setelah anda download , maka anda akan mendapatkan piecemaker.zip

Ekstrak file tersebut maka anda akan mendapatkan beberapa folder dan file seperti berikut:
1.       Caurina (Folder)
2.       Com (Folder)
3.       Documentation (Folder)
4.       Images (Folder)
5.       Index.html
6.       Piecemaker.fla
7.       Piecemaker.swf
8.       PiecemakerCSS.css
9.       PiecemakerNoShadow.fla
10.     PiecemakerNoShadow.swf
11.     PiecemakerXML.fxml
Untuk mengubah setting image yang akan di tampilkan anda dapat mengubah file piecemakerXML.xml.
Berikut adalah penjelasannya:

<Settings>
    <imageWidth>700</imageWidth>     
    <imageHeight>350</imageHeight>  
    <segments>7</segments>
    <tweenTime>1.2</tweenTime>
    <tweenDelay>0.1</tweenDelay>
    <tweenType>easeInOutBack</tweenType>
    <zDistance>0</zDistance>
    <expand>20</expand>
    <innerColor>0x111111</innerColor>
    <textBackground>0x0064C8</textBackground>
    <shadowDarkness>100</shadowDarkness>
    <textDistance>25</textDistance>
    <autoplay>12</autoplay>
  </Settings>

1.       imageWidth - lebar gambar yang akan dimuat
2.       imageHeight - tinggi gambar yang akan dimuat
3.       segmen - jumlah segmen, di mana gambar akan diiris
4.       tweenTime - jumlah detik untuk setiap elemen yang akan berbalik
5.       tweenDelay - jumlah detik dari satu elemen mulai beralih ke elemen berikutnya dimulai
6.       tweenType - jenis transisi dari kelas Tweener Caurina's. Temukan semua jenis transisi dan informasi lebih tentang Tweener dalam dokumentasi.
7.       zDistance - untuk  memperpanjang  perpindahan  sumbu z kubus ketika sedang berputar. Nilai negatif membawa kubus lebih dekat ke kamera, nilai-nilai positif membawa lebih jauh. Sebuah rentang yang baik kira-kira antara -200 dan 700.
8.       expand - untuk yang memperpanjang  kubus menjauh dari satu sama lain saat berputar
9.       innerColor - warna sisi unsur-unsur nilai hex (misalnya 0x000000 untuk hitam)
10.   textBackground - warna latar belakang teks deskripsi nilai hex (misalnya 0xFF0000 untuk merah)
11.   shadowDarkness - untuk yang memperpanjang sisi gelap, ketika elemen  berputar dan bergerak menuju sisi latar belakang.
12.   textDistance - jarak teks info ke perbatasan latar belakang
13.   autoplay - Jumlah detik untuk gambar berikutnya, ketika autoplay aktif. Set 0, jika Anda tidak ingin autoplay.

Untuk menambah atau merubah gambar anda dapat merubah script berikut:

<Image Filename="image1.jpg">
    <Text>
      <headline>Description Text</headline>
      <break></break>
      <paragraph>Here you can add a description text for every single image.</paragraph>
      <break></break>
      <inline>
This is HTML text loaded from the external XML file and formatted with an external CSS file. So it's pretty
simple to set this text. You can also easily add
      </inline>
      <a href="http://www.modularweb.net/piecemaker" target="_blank">hyperlinks</a>
      <paragraph>. This one leads you to the official Piecemaker website, by the way.</paragraph>
    </Text>
  </Image>

Untuk merubah gambar slidenya anda dapat merubah pada  script <Image Filename=”image1.jpg”>, ganti nama image1.jpg dengan nama gambar anda dan jangan lupa copy file gambar tersebut ke folder images.


Ok Selamat Mencoba!

  

COMMENTS

BLOGGER: 2
  1. wow, keren! langsung ke tkp buat demo...

    BalasHapus
  2. Berkat ini juga Saya jadi rada-rada tahu tentang cara membuat web berbasis Flash. Ada juga yang sudah dibikin plugin buat wordpress, jadi setingannya lebih mudah, bisa disetting lewat dasbor atau apalah begitu. Dan plugin tersebut kini jadi berbayar. weleeehhh..

    BalasHapus

Nama

Apache,4,Bisnis,1,Bisnis Online,1,Blog,10,Blogger,6,Cpanel,1,CSS,1,Database,4,Framework,1,Hacking,3,HTML,1,HTML and CSS,2,Info,2,Javascript,2,Javascript and AJAX,5,Keamanan Web,1,linux,2,Muslim,1,MySQL,12,Networking,1,Open GL,1,Optimasi Website,7,Pemrograman java,1,Pemrograman web,7,PHP,9,phpMyAdmin,2,PosgreSql,7,SEO,4,SQL,11,SQL Injection,3,SQL Server,19,SQLMap,3,UMKM,2,Umroh,1,Website,1,Wordpress,4,Xampp,1,
ltr
item
Nanang Gunawan Blog: 3D Image Slideshow “ The Piecemaker”
3D Image Slideshow “ The Piecemaker”
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpVSNem2ysoBicB-cmT_qyeggA-MR6NwGtiDPcUlxb-z5koNxh46mZNEl98Iaac5IV7YlB53rbfLhgoPgCl8ZurF3UrnTzHwJ2hM407WSl7-Dyxs_ftxcb1az108EdLgtupLplAsN5FI/s640/2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpVSNem2ysoBicB-cmT_qyeggA-MR6NwGtiDPcUlxb-z5koNxh46mZNEl98Iaac5IV7YlB53rbfLhgoPgCl8ZurF3UrnTzHwJ2hM407WSl7-Dyxs_ftxcb1az108EdLgtupLplAsN5FI/s72-c/2.jpg
Nanang Gunawan Blog
https://www.nananggunawan.com/2011/05/3d-image-slideshow-piecemaker.html
https://www.nananggunawan.com/
https://www.nananggunawan.com/
https://www.nananggunawan.com/2011/05/3d-image-slideshow-piecemaker.html
true
4195327445586723627
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content