bildirgec.org - etiketler: actionscript

Logomuzu havai fişekle tanıtalım! (Flash AS3 + Flint)

kerimsarigul — Mon, 16 May 2011 07:43:00 GMT

BİLDIRGEC Havai Fişek Örneği

Bugün Flash AS3 + Flint kütüphanesini kullanarak havai fişek efekti ile logomuzu gökyüzüne yansıtacağız. Biz burada yazı (BILDIRGEC) kullandık. Ancak siz .png formatında transparan özelliğe sahip herhangi bir resmi kullanabilirsiniz. Anlatımlarda Adobe Flash CS5 kullandım, programı İngilizce kullananlar vardır diye menü yollarını hem Türkçe hem İngilizce açıklamaya çalıştım. Ayrıca bazı ayarları resimlerle de göstererek işlemlerinizi kolaylaştırmaya çalıştım. İnşallah sonuç başarılı olacak…
Derse başlamadan önce sonucu görmek için Bildirgec Havai Fişek Gösterisi tıklayınız…

1. Adım
Öncelikle Flint kütüphanesini (Resmi sitesi: http://flintparticles.org) indiriyoruz. İndirmek için bu adresi kullanabilirsiniz.

indirdiğimiz dosyayı klasöre çıkaralım. Daha sonra Flash programımızı açalım ve menülerden
Edit>Preferences>ActionScript>ActionScript 3.0 Settings>Source path
Düzenle>Tercihler>ActionScript>ActionScript 3.0 Ayarları>Kaynak yolu menülerini takip ederek indirdiğimiz ve rar dosyasından çıkardığımız Flint kütüphanesinin yolunu gösteriyoruz.

Düzenle - Tercihler

Action Script 3.0 Ayarları

Action Script 3.0 Kaynak Yolu

2. Adım
Havai fişek efekti vermek istediğiniz herhangi bir yazılı resmi transparan olarak *.png formatında kaydedip hazırlayalım. Eğer hazırlamak size yorucu geliyorsa .png formatında bu BILDIRGEC yazısını kullanabilirsiniz.
3. Adım
Yeni bir Flash çalışma sayfası açalım. Sayfa ayarlarını (Ctrl+J) enini 710 pixel, boyunu 400 pixel olarak, fon rengini de siyah olarak seçelim, kare hızını da 30 yapalım ve tamam diyelim.

Flash Çalışma Sayfası Ayarları

4. Adım
Şimdi ise biraz önce hazırladığımız *.png resmimizi içe aktaralım. Bu işlem için
File > Import > Import to stage (Ctrl+R),
Dosya > İçe Aktar > Sahne Alanına Aktar (Ctrl+R),

5. Adım
Daha sonra
Window>Library (Ctrl+L)
Pencere>Kütüphane (Ctrl+L) alanını görünür kılalım, içeri aktardığımız resmimizin üzerinde faremizin sağ tuşuna tıklayalım ve açılan menüden en alttaki Properties’i(Özellikler) tıklayalım. Açılan pencereden Export for ActionScript (ActionScript için dışa aktar), Export in frame 1 (1. karede dışa aktar) ibarelerini işaretleyelim, Class (Sınıf) alanına ise “Logo” (tırnaksız ve büyük harf küçük harfe dikkat ederek) yazalım ve Tamam diyerek penceremizi kapatalım. Ekranımızdan logomuzu silelim.

6. Adım
1. Karede faremizin sağına tıklayarak açılan menüde en alttaki Action (Eylemler) menüsüne tıklayarak açılan pencereye aşağıdaki kodu yapıştıralım.
Kod aralarında gerekli açıklamalar yapılmıştır.
CODE
//Sınıflar aktarılıyor
import org.flintparticles.common.actions.*;
import org.flintparticles.common.counters.*;
import org.flintparticles.common.easing.Quadratic;
import org.flintparticles.common.events.EmitterEvent;
import org.flintparticles.common.initializers.*;
import org.flintparticles.twoD.actions.*;
import org.flintparticles.twoD.emitters.Emitter2D;
import org.flintparticles.twoD.initializers.*;
import org.flintparticles.twoD.renderers.*;
import org.flintparticles.twoD.zones.*;
//Efekt oluşturucu
var emitter:Emitter2D = new Emitter2D();
//Parçacıkların sayısı
emitter.counter = new Blast( 4000 );
//Renk Ayarları
emitter.addInitializer( new ColorInit( 0xFF6666, 0xFFFFFF00 ) );
//Zamanlama ayarları
emitter.addInitializer( new Lifetime( 6 ) );
//Uygulamanın dağılma noktası
emitter.addInitializer( new Position( new DiscZone( new Point( 5, 0 ), 10 ) ) );
// Resmimizin boyutu, uçaçağı alan vb. ayarları
emitter.addInitializer( new Velocity( new BitmapDataZone( new Logo( 500, 500), -250, -500) ) );
// parçacıkların uçuş parametreleri
emitter.addAction( new Age( Quadratic.easeIn ) );
emitter.addAction( new Fade( 1.0, 0 ) );
emitter.addAction( new Move() );
emitter.addAction( new LinearDrag( 0.5 ) );
emitter.addAction( new Accelerate( 0, 70 ) );
// Olay dinleyicisi
emitter.addEventListener( EmitterEvent.EMITTER_EMPTY, restart, false, 0, true );
// parçacıkların görüntü alanı (daha yapacak olan)
var renderer:PixelRenderer = new PixelRenderer( new Rectangle( 0, 0, 710, 400 ) );
//Parçacıklar için filtre
renderer.addFilter( new BlurFilter( 2, 2, 1 ) );
renderer.addFilter( new ColorMatrixFilter( [ 1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0.96,0 ] ) );
//En önemli alan - bize neler yaptığımızı göster
renderer.addEmitter( emitter );
addChild( renderer );
// Logomuzun uçmaya başlayacağı nokta
emitter.x = 350;
emitter.y = 405;
emitter.start( ); //Havai fişek uygulamamızın tekrarı
function restart( ev:EmitterEvent ):void
{ Emitter2D( ev.target ).start();
}

7. Adım
Çalışmamız tamamlandı. Kontrol etmek için CTRL + Enter (önizleme) tıklamamız yeterlidir. Yaptığınız örnekleri gösterirseniz seviniriz.
Bu çalışma Rusça kaynaktan Tercüme edilmiştir. (Not: site üyelik gerektirmektedir)

Diğer yazılarım

Bu yazı kerimsarigul tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Yüksek Kalitede 3D Flash Oyun Keyfi: "Molehill"

thrashman — Sun, 06 Mar 2011 16:32:00 GMT

Adobe firmasının geliştirdiği Molehill API si ile yakında Metro2033 kalitesine yakın yapımları tarayıcılarımızda oynamak hayal olmaktan çıkacak.

Bildiğiniz gibi Adobe Flash altyapısı; CPU ağırlıklı çalışan bir teknolojiye sahip. Bu nedenle şu ana kadar geliştirilen tüm 3d projeler performans açısından sınırlı kalıyordu. Fakat Adobe firması dünya üzerindeki flash tabanlı geliştirilen 3D motorlarını görmezden gelmeyip, geliştirmiş oldukları ve tahminen 2011 yılında flash player 11 sürümünde yer alacak API`leri üzerinde çalışıyorlar. API kod adı olarak Molehill olarak geçiyor.

Dünya üzerindeki birçok 3D motoru geliştiren programcılar ile Adobe firması iş birliği yaparak geliştirdikleri bu API ile flash teknolojisine, ekran kartı ile donanımsal destek de sağlanmış olacak. Hatta türk 3d motoru Yogurt3d projesi de sözkonusu projeye dahil olmuş durumda. Fakat hepimizin bildiği ve yaygın olarak kullanılan 3d motoru Papervision3D`yi aralarında görmemek şaşırtıcı bir durum...

Adobe firması konuya oldukça iddialı yaklaşıyor. Showcase olarak gösterilen ve Alternativa3d ile geliştirilen oyunlardan; Metro2033 trailer ı ve Max racer gibi yapımlar beklentileri arttırıyor.

Proje hayata geçtiğinde severek oynadığımız 3d oyunları artık tarayıcılarımızdan tam ekran olarak oynamamız mümkün hale gelecek.

Şuan flash player ın son sürümü için hazırlanan Incubator entegresini bilgisayarınıza indirerek molehill`i deneme şansınız mevcut.

Konuyla ilgili ayrıntılı ve resmi bilgiye bu sayfadan ulaşabilirsiniz. Burada da konuyla ilgili başka bir yazı ve ayrıntı mevcut...

ilgili yazılar

Bu yazı thrashman tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Flash'ta Oyun Yapımı(Eleştiri)

SuBirikintisi — Wed, 08 Sep 2010 16:48:00 GMT

google'da flash oyun yapımı diye bir arama yapın, türkçe kaynak olarak karşımıza çıkanlar sadece basit flash oyunu nasıl yapılır tarzı yazılar ve yabancı sitelerdeki kaynakları(klasik flash kit,kirupabenzeri siteler) işaret eden onlardan yararlanmamız gerektiğini söyleyen yazılar. flash'ta oyun tasarlayan biri olarak, ilk başladığım zamanlarda türkçe üst düzey bir oyunun nasıl yapılabileceğine dair türkçe bir kaynak bulamamıştım. bu arada yanlış anlaşılmasın üst düzey örnekten kastım bir oyun sitesinde yayınlanabilecek seviyedeki bir oyundur.

internetteki tükçe oyun örnekleri genellikle, sayı tahmin oyunları, shoot'em up tarzı oyunlar, drag and drop oyunları gibi basit actionscript kodlarıyla gerçekleştirilebilecek oyunlar. örneğin bir shoot'em up oyununda ekrandan gecen kuşların fare ile
üzerine tıklanıp tıklanmadığını kontrol etmemiz ve 1-2 çizim, animasyon koymamız oyunu hazır hale getirir. işin en komik yanı ise şu, bir kişi nasıl basit bir flash oyun yapılır diye yazmış. aynı yazı benim gördüğüm kadarıyla 3-4 tane siteye aynen kopyalanmış. benim görmediğim daha kaç sitede vardır kim bilir.

google'da 2. sayfa, 3. safya devam ediyorum araştırmaya. artık iyice aynileşmeye başlıyor yazılar. ya benzer yabancı örnekleri tavsiye etme, ya da aynı basit flash oyununun nasıl yapıldığını kopyala yapıştır yapmış birisi.

bir siteden çok güzel bir alıntı:

biz muhtemelen bu oyunu daha önce oynadık:

bunu diyerek başka sitelerde de gördüğüm klasik sayı tahmin oyunu anlatılmış. bizde muhtemelen bu yazıyı görmüştük zaten.

şimdi kafalarda şöyle bir soru işareti oluşabilir. ben böyle yüksek perdeden atarak bir şeyler yazıyorum, benim oyun tasarlamayı bildiğim, bilmeyi geçtik şu koca internet alemine bir oyun katkıda bulunup bulunmadığım ne malum. buna geçmeden önce şunu açıklamakta yarar var bir çok flash tasarımcının(özellikle oyun tasarlayanların) en büyük problemleri(tek kişi olarak tasarlayanlar) yaptıkları oyunların yarım kalmasıdır. bir oyuna başlarlar ancak bir süre sonra ya o oyuna olan inançları kaybolur, ya bir yerde tıkanırlar, ya da oyun beklentilerini karşılamaz. oyun beklentilerini
karşılamaz diyorum çünkü şahsen ben bir oyuna başlamadan önce o oyunu zihnimde oynarım, oyunu bu şekilde geliştirip sonra bilgisayarın karşısına geçerim. bu noktada zihnimde canlandırdıklarımı(tabii ki zihnimde fazla abartmam uçuk kaçuk fikirlere bulaşmam) eğer %60-%70 hayata geçiremezsem ki özellikle bu çizim, animasyon alanındaki eksiklerden dolayıdır, o oyunun yapımı ya çok uzun zaman alır, ya da oyun_çalışmalar tarzı bir kalsörün altında uzun yıllar yalnızlığa terkedilir. bu sebeple diyebilirim ki internette oyun sitelerinde yayınlanmış bir adet oyunum ve bilgisayarımda kayıtlı bir sürü yarım oyunum var. anca bir tanesini tamamlayabildim, malum kriterler sebebiyle.

oyunu incelemek isterseniz burdan.

oyuna baktıysanız genel kurgu, amaç olarak güzel bir oyun ancak grafik, kod ve bölüm tasarımlama anlamında(özellikle grafik eksiklikleri ve birbirlerine çok benzeyen bölümler anlamında) çok eksikleri olan bir oyun. oyunu bir yılı aşkın bir süre önce yaptığım ve aceleyle yaptığım düşünülürse
belki bu hatalar mazur görülebilir. neyse konumuz bu değil.

aslında yazıyı ilk yazmaya başladığımda çok değişik düşüncelerim vardı, bir oyunun kurgusunun yapılması, çizimler kodlar gibi uzun uzadıya bir
oyunun yapımını anlatmayı bile düşünüyordum ancak konu umduğumdan farklı bir yönde gelişti.

Diyebilirsiniz ki sen neden Türkçe bir kaynak ortaya koymadın madem bu kadar gerekli. Açıkça söylemek gerekirse bu tarz şeyleri yapan pek yok(başta arama yapmıştık Google'da sadece basit oyunlar bulabilmiştik). Yapanlar varsa da büyük ihtimal bir mali kazanç ya da sitelerinin hit alması için yapıyorlardır. Ancak kendi adıma şunu söyleyebilirimki bana flash'da oyun tasarımı ile ilgili sorular soranlara şimdiye kadar cevap vermemezlik etmedim(bildiğim ölçülerde tabii). Hatta bir keresinde bir arkadaşa msn'de uzun uzadıya anlatmıştım oyun tasarımı nasıl yapılır nerden başlamak gerek vs. Arkadaş dedim ancak bana ilk ulaştığında tanımıyordum bile, yardım edebilir misin dedi tamam dedim, şimdi arkadaşım oldu tabii ki.

Hatta aynı arkadaş bu alanda bi eksiği kapatıcam diye bi site bile açtı, haydı hayırlısı bakalım site burdan
Peki ben neler yaptım?
Nacizane 1-2 yazı yazdım kodaman.org'da burdan bakabilirsiniz. Aslında buradaki oyunların hepsi yarım oyun diye niteleyebileceğimiz oyunlar ancak üzerinde biraz rötüş yapılmasıyla, biraz düzenlemeyle flash oyun sitelerinde yayınlayabilirsiniz. Hatta siz hazırlayın ben size oyunu nasıl yayacağınız konusunda yardımcı olabilirim. Örneğin bu yarım oyun gelecek vadediyor. Ötekilere göre daha hazır bir oyun olması sebebiyle bu oyunu seçtim. Diğerlerinde daha baya eksikler var. Burada ise sadece oyuna bir amaç katmak kalmış. ayrıca yazılarda kodlara pek açıklama eklememiş olmam önemli bir eksiklik.

Aslında bu noktada bir flash oyunundan nasıl para kazanılabileceğini açıklamak da yararlı olacaktır. Ancak bu yazı gereğinden fazla hacimli oldu artık o başka bir yazının konusu olsun.

Son olarak yararlı bir yazı olmasını umarak yazdığım bu yazı görünen o ki eleştirinin ötesine geçemedi. Yine de bir kaç tüyo kapmış olabileceğinizi umuyorum. Ayrıca bu yazıyı buradan yapılmış bir çağrı olarak da düşünebilirsiniz, bilenler bildiklerini paylaşarak oyun yapımını öğrenmek isteyenlere yardımcı olabilirler. Mümkünse basit bir oyun paylaşmayalım :)

ilgili yazılar

Flash Actionscript Örnekleri (1)

Bu yazı SuBirikintisi tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Tasarımın İçinde Olan Herkes İçin Yer İmi Seti

earslan — Mon, 21 Jun 2010 13:37:00 GMT

Şahsen yıllardır ayıklayıp biriktirdiğim, binlerce yer imi arasından seçip ayıkladıklarımı; siz değerli bildirgec.org kullanıcılarına sunuyorum. Artık paylaşmalıyım dedim ve buraya yazdım.
Görüleceği üzere çoğunluğu bildirgec.org mimlerinin oluşturduğu derleme, umarım faydalı olur.
Unutmadan belirteyim, içerikler tasarım ağırlıklıdır..

Şimdiden teşekkürler..

http://djdesignerlab.com/2010/04/25/25-fresh-and-useful-jquery-plugins/

http://www.nobledesktop.com/download/shortcut_guides/indesign_cs4_shortcuts_pc.pdf

http://acrisdesign.com/2009/09/70-dazzling-light-effect-photoshop-tutorials/

http://www.bildirgec.org/yazi/karikatur-karakterleri-yaratma-dersleri

http://www.bildirgec.org/yazi/en-iyi-renkli-web-tasarimlari

http://www.bildirgec.org/yazi/40-koyu-renk-kullanilan-web

http://www.bildirgec.org/yazi/yeni-cikan-4-adet-jquery

http://www.ozdtasarim.com/blog/55-web-arayuzu-tasarim-dersleri.html

http://www.bildirgec.org/yazi/web-tasarim-kaynaklari

http://www.bildirgec.org/yazi/grunge-tasarim-kaynaklari-1

http://www.1stwebdesigner.com/resources/free-minimalist-high-quality-fonts/

http://www.kodaman.org/yazi/google-sizi-sevsin-4-tasarim

http://www.bildirgec.org/yazi/tasarimci-ve-gelistiricilere-araclar

http://www.bildirgec.org/yazi/ucretsiz-simgeler

http://www.bildirgec.org/yazi/ilham-verici-content-sliders-tasarimlar

http://www.bildirgec.org/yazi/farkli-tarzlarda-sosyal-medya-icon

http://www.bildirgec.org/yazi/25-onemli-web-tasarim-araci

http://www.bildirgec.org/yazi/99-yuksek-kaliteli-x-html

http://www.bildirgec.org/yazi/web-2-0-icin-arka-1

http://www.bildirgec.org/yazi/web-2-0-tasarimlari-icin-1

http://www.bildirgec.org/yazi/ogrenilmesi-gereken-15-css-hilesi

http://www.bildirgec.org/yazi/ilham-alinasi-60-tipografi

http://www.bildirgec.org/yazi/taptaze-50-carpici-photoshop-dersi

http://www.bildirgec.org/yazi/en-iyi-illustrasyon-tasarimlari

http://www.bildirgec.org/yazi/karikatur-karakterleri-yaratma-dersleri

http://www.bildirgec.org/yazi/yepyeni-21-yaratici-kartvizit-tasarim

http://www.bildirgec.org/yazi/kaliteli-siyah-beyaz-ikonlar

http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/

http://webdesignledger.com/freebies/17-remarkably-professional-looking-free-fonts

http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/

http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-watercolor-themed-website-design-with-photoshop/

http://creativenerds.co.uk/freebies/45-sets-of-seamless-vector-patterns/

http://www.anvari.org/cols/Business_Cards.html

http://razorjack.net/quicksand/

http://www.sohtanaka.com/web-design/examples/hover-over-trick/

http://www.sohtanaka.com/web-design/examples/smart-columns/

http://jqueryui.com/themeroller/

http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/

http://www.smashingmagazine.com/2009/03/08/70-new-useful-ajax-and-javascript-techniques/

http://kimili.com/journal/rgba-css-generator-for-internet-explorer

http://www.1stwebdesigner.com/resources/38-jquery-and-css-drop-down-multi-level-menu-solutions/

http://flowplayer.org/tools/demos/index.html

http://dezignus.com/50-stunning-free-grunge-vectors/

http://brenelz.com/blog/build-a-content-slider-with-jquery/

http://www.vuvox.com/presentations/new

http://www.spritely.net/

http://www.reencoded.com/2009/07/14/23-wordpress-themes-suiting-your-website-project/

http://tutorial9.net/demos/button-sprites/demo.html

http://www.cancetin.com/yazilar/typeface-jquery-font/

http://www.graffiticreator.net/

http://www.catchmyfame.com/2009/10/23/jquery-drop-captions-plugin-released/

http://www.cueforms.com/main.php

http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/

http://pixelmatrixdesign.com/uniform/#themes

http://www.cssdrive.com/index.php/main/csscompressor/

http://rohitsengar.cueblocks.net/paginator/example2.html

http://www.templatemonster.com/free-templates.php

http://www.templatemonster.com/free-web-elements/

http://www.backgroundlabs.com/

http://tools.blogflux.com/buttonmaker/

http://www.roundedcornr.com/

http://www.buttonbrowser.com/main/index.php

http://www.iconfinder.net/

http://browsershots.org/

http://www.formspring.com/

http://new.myfonts.com/WhatTheFont/

http://www.designerstoolbox.com/designresources/?PHPSESSID=23912cb4bfa11ff69efffe405e5e47ec

http://www.brusheezy.com/brushes

http://www.tartanmaker.com/

http://www.colorschemer.com/

http://www.blueprintcss.org/

http://www.typetester.org/

http://riddle.pl/emcalc/

http://speckyboy.com/2009/06/19/34-free-and-elegant-truetype-mini-pixel-fonts/

http://designm.ag/resources/textures-toolbox-80-texture-resources-for-designers/

http://www.bildirgec.org/yazi/tasarimcilar-icin-10-yer-imi

http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/

http://onlinefontconverter.com/

http://www.flabell.com/flash-components

http://stylizedweb.com/2008/01/24/learn-seo-basics/

http://psd2cssonline.com/

http://www.iwebtool.com/tools/

http://www.xml-sitemaps.com/

http://www.mcanerin.com/EN/search-engine/robots-txt.asp

http://www.zirve100.net/info.php

http://www.dinpattern.com/

http://tutsplus.com/

http://mp3cut.net/

http://cemagraphics.deviantart.com/gallery/#DOCK-ICONS

http://www.maddebagimlisi.com/en-yaratici-7-blog-mim/

https://www.google.com/adsense/static/en_US/AdFormats.html

http://www.copycraft.com/templates

http://www.bildirgec.org/yazi/ucretsiz-tasarim-ogeleri

http://www.stripegenerator.com/#Zm9yZT1GRkZGRkY7aD0zMDt3PTU7cD01O2JhY2sxPTYxNjE2MTtiYWNrMj1mZjAwMDA7Z3Q9MDtkPTA7c2hhZG93PTA7

http://desizntech.info/2009/06/35-excellent-websites-for-downloading-free-css-template/

http://friendfeed.com/alemsah/572eba87/turk-web-girisimlerinin-bir-listesini

http://demos.flesler.com/jquery/serialScroll/

http://dev.herr-schuessler.de/jquery/popeye/demo.html

http://www.typeroom.com/

http://www.bildirgec.org/yazi/ucretsiz-web-uygulama-guvenligi-test

http://www.kodaman.org/yazi/jquery-ile-haber-sitelerindeki-gibi

http://www.kodaman.org/yazi/jquery-ile-gizle-goster-sutun

http://www.kodaman.org/yazi/css-de-arkaplan-bilmeniz-gereken-1

http://www.bildirgec.org/yazi/bagimsiz-gelistiriciler-icin-web-servisleri

http://www.bildirgec.org/yazi/40-adet-bedava-film-izleme

http://www.bildirgec.org/yazi/graffiti-ye-dair

http://www.bildirgec.org/yazi/meeting-of-styles-padova

http://www.bildirgec.org/yazi/50-muhtesem-graffiti-calismasi

http://jqueryfordesigners.com/demo/infinite-carousel.html

http://www.webdesignbooth.com/demo/news-ticker/

http://webdesignledger.com/inspiration/40-awesome-examples-of-tilt-shift-photography

http://css-tricks.com/examples/StartStopSlider/

http://www.bildirgec.org/yazi/37-taze-jquery-resim-ve

https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm

http://www.bildirgec.org/yazi/30-jquery-eklentisi

http://www.bildirgec.org/yazi/jquery-uygulamalari-1-1

http://www.bildirgec.org/yazi/okumaniz-gereken-50-taze-tasarim

http://www.bildirgec.org/yazi/taptaze-50-carpici-photoshop-dersi

http://www.agilecarousel.com/examples/full_example

http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

http://www.reindel.com/accessible_news_slider/

http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html

http://www.bildirgec.org/yazi/sitenizi-senlendirin

http://www.bildirgec.org/yazi/ucretli-premium-wordpress-temalari

http://www.bildirgec.org/yazi/sonraki-tasarimlariniz-icin-150-ucretsiz

http://www.bildirgec.org/yazi/ocak-2010-web-in-en

http://www.bildirgec.org/yazi/populer-mini-ikon-setleri

http://www.bildirgec.org/yazi/hayran-kalacaginiz-21-adet-kaliteli

http://www.bildirgec.org/yazi/ucretsiz-yazilimlar-1

http://plugins.jquery.com/project/slidedeck

http://plugins.jquery.com/project/DropCaptions

http://www.cometdocs.com/

http://www.bildirgec.org/yazi/2010-web-tasarim-egilimleri

http://www.opentype.info/demo/webfontdemo.html

http://www.theleagueofmoveabletype.com/

http://www.fontsquirrel.com/fontface

http://typekit.com/libraries/full

http://www.bildirgec.org/yazi/avatar-filmi-photoshop-tasarimlari-ve

http://www.twospy.com/galleriffic/#1

http://www.bildirgec.org/yazi/size-sifirdan-ikon-tasarimini-ogretecek

http://www.bildirgec.org/yazi/css-ile-sekil-cizmek-cok

http://www.bildirgec.org/yazi/tarayici-sorunlarini-cozen-jquery-eklentileri

http://www.bildirgec.org/yazi/25-taze-ve-kullanisli-jquery

http://www.bildirgec.org/yazi/web-tasarimcilarinin-hayatini-kolaylastiracak-12

http://www.bildirgec.org/yazi/web-tasariminda-sikca-karsilasilan-hatalar

http://www.bildirgec.org/yazi/css-sprite-larin-kullanis-alanlari

http://www.bildirgec.org/yazi/capraz-tarayici-uyumlulugu-icin-altin

http://dzineblog.com/2009/05/design-inspiration-36-fantastic-photo-manipulation-designs.html

http://logooftheday.com/

http://www.buzzshout.com/logos.php

http://logopond.com/

http://www.noupe.com/design/40-killer-typographic-posters-photoshop-effects-and-tutorials.html

http://new.psdtuts.com/text-effects-tutorials/dramatic-text-on-fire-effect-in-photoshop/

http://www.designertechniques.com/tutorials/emrehusmenlphotoshoprendering01-page2.htm

http://www.2de1.com/windows.isletim.sistemi/63539-windows.kisa.yol.sifreleri.html

http://net.tutsplus.com/articles/web-roundups/10-reasons-why-your-code-wont-validate-and-how-to-fix-it/

http://muhammetsevim.com/tutorials/wordpress-tasarim-entegrasyonu/?ref=www.muhammetsevim.com

http://www.freelanceswitch.com/designer/33-new-places-to-get-design-inspiration/

http://kendiminik.minimizeme.livemessenger-emoticons.com/

http://www.bildirgec.org/yazi/dunyanin-en-leri-bildirgec-te

http://www.bildirgec.org/yazi/seo-araclari-listesi

http://www.bildirgec.org/yazi/12-adet-video-anlatimli-photoshop

http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken

http://www.bildirgec.org/yazi/ogrenilmesi-gereken-15-css-hilesi

http://www.bildirgec.org/yazi/harika-web-tasarimi-yaraticiligi-50

http://www.bildirgec.org/yazi/40-kullanisli-web-servisi-ve

http://www.bildirgec.org/yazi/22-fantezi-photoshop-dersi-ve

http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider

http://www.bildirgec.org/yazi/yaraticiliginizi-arttiracak-12-ucretsiz-3d

http://www.bildirgec.org/yazi/web-tasarimcilar-icin-15-javascript

http://www.bildirgec.org/yazi/a-dan-z-ye-50

http://www.bildirgec.org/yazi/microsoft-ve-ucretli-programsiz-bilgisayar-1

http://www.bildirgec.org/yazi/html-formlari-icin-25-harika

http://www.bildirgec.org/yazi/ilham-kaynagi-50-sik-navigasyon

http://www.bildirgec.org/yazi/20-adet-fantastik-photoshop-montaj

http://www.bildirgec.org/yazi/4-kilobayt-altindaki-11-jquery

http://www.bildirgec.org/yazi/500-photoshop-icin-puskurme-firca

http://www.bildirgec.org/yazi/web-tasarimcilari-icin-43-bedava

http://www.bildirgec.org/yazi/50-guzel-css-tab-ornegi

http://www.bildirgec.org/yazi/57-ucretsiz-resim-galerisi-slayt

http://www.bildirgec.org/yazi/75-gercekten-kullanisli-javascript-teknigi

http://www.bildirgec.org/yazi/100-000-ucretsiz-font

http://www.bildirgec.org/yazi/modal-window-ile-login-sayfalari

http://www.bildirgec.org/yazi/facebook-kaynakli-yararli-araclar

http://www.bildirgec.org/yazi/30-flas-actionscript-3-0

http://www.kodaman.org/yazi/html-kullanmadan-javascript-include

http://www.kodaman.org/yazi/guvenli-php-uygulamalari-yazmak-icin

http://www.kodaman.org/yazi/xhtml-css-jquery-mansetler-modernlessin

http://bblmedia.com/addurl.html

http://stylizedweb.com/2008/02/14/10-best-css-hacks/

http://matthewjamestaylor.com/blog/perfect-2-column-left-menu.htm

http://www.intensivstation.ch/en/templates/

http://icant.co.uk/sandbox/footercollapsetables/

http://www.noupe.com/category/ajax

http://www.dmry.net/wordpress-23-icin-benzer-yazilar-eklentisi-10

http://www.deltatangobravo.com/images/zoom/

http://www.sohtanaka.com/web-design/examples/image-hover/

http://www.seoxp.net/

http://www.digitalpoint.com/tools/

http://www.forwebdesigners.com/

http://www.favicongenerator.com/

http://www.copytaste.com/

http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solutions/

http://www.programlama.com/sys/c2html/view.php?DocID=1806

http://www.k10k.net/pixelpatterns/

http://whatsitscolor.com/

http://citrusmoon.typepad.com/patterns/black_white/

http://web-kreation.com/index.php/category/ajax-javascript/

http://malsup.com/jquery/cycle/lite/

http://www.dinpattern.com/2009/04/07/dinpattern-stripe/

http://www.squidfingers.com/patterns/

http://www.ben-griffiths.com/project/jquery-position-footer/

http://www.eburhan.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/

http://www.sunsean.com/idTabs/

http://www.katodivaihe.com/index.php/240-adet-jquery-icin-eklenti/

http://planetozh.com/projects/lightbox-clones/

https://adwords.google.com/select/KeywordToolExternal

http://www.1001freefonts.com/

http://dzineblog.com/2008/01/27-creative-business-cards-you-shouldve.html

http://dzineblog.com/2008/06/cool-business-card-3.html

http://www.bildirgec.org/yazi/30-adet-goz-dolduran-javascript

http://www.bildirgec.org/yazi/30-jquery-eklentisi

http://www.bildirgec.org/yazi/yaratici-jquery-uygulamari

http://www.bildirgec.org/yazi/herkesin-isine-yarayabilecek-69-web

http://www.glasscubes.com/

https://www.remindo.com/#/main.php

http://viewlike.us/

http://devkick.com/blog/full-screen-image-gallery-using-jquery-and-flickr/

http://www.bildirgec.org/yazi/30-jquery-eklentisi

http://buildinternet.com/live/lightsout/#

http://www.bildirgec.org/yazi/ortaya-karisik-30-adet-ajax

http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/

http://web-kreation.com/index.php/articles/48-incredible-mootools-sripts/

http://www.bildirgec.org/yazi/herkesin-isine-yarayabilecek-69-web

http://www.bildirgec.org/yazi/2009-un-yaratici-photoshop-dersleri

http://www.bildirgec.org/yazi/projeleriniz-icin-her-zaman-ihtiyac

http://www.bildirgec.org/yazi/2009-un-en-populer-cevrimici

http://www.johnkyrk.com/evolution.tr.swf

http://learn.genetics.utah.edu/content/begin/cells/scale/

http://www.bildirgec.org/yazi/70-goz-kamastirici-photoshop-isik

http://www.bildirgec.org/yazi/ucretsiz-yazilimlar-1

http://css-tricks.com/examples/StartStopSlider/

http://www.siberkultur.com/?q=gizli-kalmis-12-html-elementi

http://www.bildirgec.org/yazi/arka-plan-agirlikli-web-tasarim

http://webstuffshare.com/demo/InputShadow/

http://desk08.customize.org/

http://enesates.net/depoyu-hazirlayin-harika-icon-setleri.html

http://designerfont.blogspot.com/

https://www.google.com/history/

http://www.fatihturan.com/css/web-tasarimi-icin-kullanabileceginiz-firefox-eklentileri/

http://psdfan.com/inspiration/web-design/30-fresh-illustrated-website-designs/

http://www.tuttoaster.com/97-beautiful-navigation-for-your-inspiration/

http://dzineblog.com/2010/05/design-resource-27-free-high-quality-ui-wireframe-kits-to-download.html

http://www.youthedesigner.com/2010/05/04/ultimate-collection-of-free-photoshop-gradients/

http://code.google.com/webfonts

http://www.hasanyalcin.com/yuksek-kalitede-vektorler/

http://www.hasanyalcin.com/font-kaynaklarini-toparlayalim/

http://www.hasanyalcin.com/arsivlik-photoshop-kaliplari/

http://www.hasanyalcin.com/50-mukemmel-photoshop-fircasi/

http://djdesignerlab.com/2010/04/05/50-high-quality-free-psd-web-templates/

http://www.budosyanedir.com/

http://www.rap4ever.net/

http://jqueryfordesigners.com/fun-with-overflows/

http://www.webdesignbooth.com/step-by-step-to-create-content-slider-using-jflow-a-minimalist-jquery-plugin/

http://jqueryfordesigners.com/demo/scrollable-timelines.html#2008-larry-and-sergey-announce-virgle

http://jqueryfordesigners.com/slider-gallery/

http://fivelist.summerhost.info/labs/SmartCart/index.php

http://www.formatpixel.com/go/en/index.php

http://www.vladstudio.com/wallpapers/?order=viewed

http://www.brusheezy.com/brushes

http://www.isfx.org/?p=126

http://opensolution.org/quick.cms,en,10.html

http://leftlogic.com/lounge/articles/entity-lookup/

http://www.designerstoolbox.com/designresources/?PHPSESSID=23912cb4bfa11ff69efffe405e5e47ec

http://www.montylounge.com/

http://www.cgtutorials.com/c9/Adobe_Photoshop

http://www.bildirgec.org/yazi/yepyeni-40-adet-kaliteli-ve

http://www.bildirgec.org/yazi/a-dan-z-ye-internet

http://www.bildirgec.org/yazi/drupal-icin-150-adet-tema

http://www.fadonet.net/2009/02/01/mootools-scriptleri/

http://www.artviper.net/website-tools/website-tools.php

http://www.electricprism.com/aeron/slideshow/

http://designm.ag/resources/floral-brushesr-photoshop/

http://www.eburhan.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/

http://www.zurb.com/playground

http://www.catchmyfame.com/2009/08/27/jquery-infinite-carousel-plugin-1-2-released/

http://www.bildirgec.org/yazi/sinirlari-zorlayan-html5-tabanli-oyunlar

ilgili yazılar

Web design kütüphanesi (1)
2 - 8 Haziran'da neler oldu? (haftalık bülten) (16)
47 adet webmaster aracı (32)
hazır kod siteleri (11)

Bu yazı earslan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Flash Geliştiriciler için 10 Harika Flash Framework

marfan46 — Mon, 07 Jun 2010 06:55:00 GMT

Framework, saatlerce zaman harcayıp yapabileceğiniz işleri birkaç dakikada yapmanızı sağlar. Mesela bu yazıda yer alan frameworkler'den biriyle tek satır kod yazmadan birkaç dakika içinde oldukça işlevsel flash web siteler yapabilirsiniz. Özellikle flash geliştiriciler ve web geliştiricilerin işine yarayacak 10 harika açık kaynak kodlu flash framework aşağıda sizleri bekliyor.

1. GAIA

Gaia açık kaynak kodlu bir framework AS3 ve AS2 için. Gaia ile tek satır kod yazmadan 10 dakikanızı ayırarak oldukça işlevsel Flash siteler hazırlayabilirsiniz.
Download - Siteye Git

2. Gugga Flash Framework

Gugga, görev motoru sayesinde AS3 işlerinizi oldukça kolaylaştırıyor. Görev motoru oldukça güçlü ve zamandan kazanmanıza olanak sağlıyor. Ayrıca Adobe Flex ve Flash cs3 entegreli.
Download - Siteye Git

3. Hemlock

Hemlock ile çok kullanıcılı ve gerçek zamanlı (oyun gibi) uygulamalar geliştirebilirsiniz.
Download - Siteye Git

4. Soma – New Framework for Flash Developers

Soma, actionscript 3 ile yazılmış açık kaynak kodlu bir framework; özellikle flash web siteler yapmak için ve actionscript için geliştirilmiş. Hedefinizde bir flash site yapmak varsa; bağlantılar, arka planlar, sayfa yönetimi, içerik yönetimi, menü, geçişler gibi işlerinizde size kolaylık sağlayacaktır.
Download - Siteye Git

5. ASAP ActionScript Application Framework

Kapsamlı internet uygulamaları geliştirmek için ideal bir framework. (AS2)
Download - Siteye Git

6. HYPE Framework

Görsel öğelere, animasyonlara, efektlere sahip bir framework. HYPE ile neler yapılabileceğini görmek için sitesini ziyret edin ve "examples" bölümünden örnekleri inceleyin.
Download - Siteye Git

7. AsWing

AsWing ile geliştirilen Flash oyunları ve uygulamaları buradan görebilirsiniz. Oldukça kullanışlı ve işlevsel bir framwork.
Download - Siteye Git

8. CASA Lib

Esnek bir ActionScript kütüphanesi. Ortak işler ve projeler için sağlam, güvenilir, hızlı bir yapıya sahip.
Download - Siteye Git

9. AXIIS

Açık kaynak koldu bir veri görselleştirme çerçevesi olan Axiis hem uzmanlar hem de acemiler için geliştirilmiş. Şık grafikler arıyorsanız tam size göre...
Download - Siteye Git

10. PushButton Engine

Yeni nesil oyunlar için tasarlanmış bir flash oyun motoru. Kütüphanesindeki bileşenler ile daha az kod yazarak eğlenceli flash oyunlar hazırlayabilirsiniz.
Download - Siteye Git

ilgili yazılar

flaş oyun geliştirme dersleri ve fla dosyaları (9)

Bu yazı marfan46 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Adobe Flash Professional CS5 Çıktı...

thrashman — Fri, 30 Apr 2010 15:25:00 GMT

Adobe Flash Professional CS5 özellikle program arabirimi ve tanımlamalar için yenilikler sunuyor. Bu sürümde daha kullanıcı dostu bir arabirim, flash programcıları için daha fazla kolaylık sağlayan bir actions paneli hedef alınmış.

Adobe firmasının Macromedia yı satın almasıyla flash teknolojisinin gelişim payı hızla büyümeye devam etti. Programlama dili olan actionscript 2.0 ın 3.0 a taşınması geliştiriceleri memnun etti. OOP programlama anlayışı daha geniş daha zengin uygulamalara vesile oldu.

XML Based Fla formatları ile proje ve nesnelerinizi dışardan yönetin...

CS5 ile gelen özelliklerden en ilgi çekici olanı yeni flash dosya formatları oldu. FXG ve XFL olarak tanımlanan bu formatlar ile flash belgeniz yada flash objenizin özelliklerini xml yapısı ile program kullanmadan dışardan bir metin düzenleme aracı ile değiştirebiliyorsunuz.

Artık birleşik zincirleme text alanları oluşturabiliyorsunuz.

Bunun dışında yazı aracı daha da güçlendirilmiş. Embedfonts paneli daha gelişmiş bir hale getirilmiş. En dikkat çekici özelliklerden biri yazının belirtilen text alanından taşması durumunda belirlediğiniz başka text alanından devam edebilmesini sağlamak. Yani zincirleme bir yapıda text alanı oluşturarak dergilerde sıkça gördüğümüz birbirinin devamı text yapısını oluşturabiliyoruz. Ayrıca bir text alanı içindeki yazıyı sütunlara ayırabiliyoruz. Bu da dergilerde ve kitaplarda sıkça gördüğümüz okunabilir bir yazı biçimi meydana getirmemizi sağlıyor.

Yeni dosya aç paneline iphone uygulaması da eklenmiş. Flash as3 ile iphone uygulamaları yazmanız için çeşitli kolaylıklar da sağlamış. As3 ile yaptığınız uygulamaları AppleApp ile iphone a uyarlayabiliyorsunuz.

Action Paneli artık daha kullanışlı...

Evet sıra geldi en önemli özelliğe. Flash geliştiricileri bildiğiniz gibi flash ın actionscript panelinde sorunlar yaşıyordu. Actionscript panelinde eski sorunlar giderilmiş ve daha kullanıcı dostu bir hale getirilmiş. Gelişmiş tamamlama özelliği kod yazarken zaman kaybını önlüyor.

Code Snippets paneli ile basit işlemler için hazır kodları kullanabilirsiniz.

CS5 kodlamaya yeni başlayan kullanıcıları da düşünmüş. Code Snippets adlı bir panel ile kodlama bilmeyenler için basit kod şablonlarını kullanabiliyorsunuz. Ayrıca eklenen kodlarda nasıl çalıştığı ve nasıl kullanıldığı hakkında açıklamalar da var.

Adobe Flash Professional CS5 yenilikleri hakkında detaylı bilgi edinmek ve Trial sürümünü test etmek için sizi buraya alalım...

ilgili yazılar

Bu yazı thrashman tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

5 Yıldızlı HTML5 ustası

lityumiyon — Wed, 21 Apr 2010 08:38:00 GMT

"Mr.doob" ismini duyan var mı aranızda? "Doob" sokak dilinde sigara gibi içilen uyuşturucu tarzı şeyler için kullanılır, ben biraz daha hafifletip duman demek istiyorum, hatta dooman =)

Gerçek adı "Ricardo Cabello Miguel" ve Londro'da yaşıyor. Web'in sunduğu imkanların üzerinde işler başaran, tüm bu oyuncaklarla oynamayı seven gerçek bir tasarımcı ve geliştirici.

Daha önce çok beğendiğim işler olmuştu tabiki ama bu adamın yaptıklarına hayran kalmamak için kör olmak lazım sanırım =)

Daha fazla anlatacak birşey yok, dahası elbette var ama mutlaka görmelisiniz, ne demiş şair; anlatamam görmen lazım =P

Web sayfası için Mr.doob
Blog sayfası için Mr.doob/blog

Not: En sevdiğim işi Google Gravity
Ama IE ile değil Chrome ile açmalısınız =)

Benzer ustaların işleri için muhakkak Chrome Experiments'i de ziyaret etmenizi tavsiye ediyorum.

Bu yazı lityumiyon tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Ücretsiz Silverlight Kontrolleri

trampfd — Wed, 17 Mar 2010 11:00:00 GMT

Silverlight'ın 4. versiyonunun çıktığı şu günlerde silverlight kullanan siteler yavaş yavaş artıyor, silverlight'ın flash ile rekabetinde geri kaldığı konuların başında da şimdilik kaynak yetersizliği gösterilebilir.
Silverlight uygulamalarınızda kullanabileceğiniz ücretsiz yeni/eski ve kullanışlı kontrolleri topladık.
siz de eklemek istediklerinizi yorum olarak gönderirseniz güzel bir kaynak oluşmuş olur.

GOA WinForms

GOA WinForms, Microsoft .NET kütüphanesinin standart System.Windows.Form sınıfının flash ve silverlight implementasyonudur. Barındırdığı hazır araçlar sayesinde Kısa sürede zengin web uygulamaları geliştirebilirsiniz.
web sitesi - demo - indir

AgDataGrid Suite Ücretsiz Silverlight Grid Kontrolü

AgDataGrid, sitelerde veri göstermek için sıklıkla kullanılan grid (ızgara) sisteminin güzel bir silverlight alternatifidir, veri gruplama, sıralama, düzenleme gibi vs. işlemleri basitçe yapabilen zengin bir çözümdür.

web sitesi - demo - indir

Visifire – Grafiksel göstergeleri

Visifire, çok yaygın olarak kullanılan ve bilinen grafiksel veri gösterimi aracıdır, animasyonlu, 2b, 3b, kolon, çubuk, pasta dilimi vs. gibi birçok seçenekten faydalanabilirsiniz.
web sitesi - demo - indir

Silverlight.FX – Efekt Kütüphanesi

Silverlight.FX kütüphanesi ile boyutlandırma, yer değiştirme, çevirme, renklendirme, soldurma gibi efektler/geçişler yapabilirsiniz.
web sitesi - demo - indir

Silverlight Contrib

Silverlight Contrib, codeplex de açık kaynaklı olarak geliştirilen kontrol ve kütüphane paketidir. Color Picker, Gauge Control, Star Selector, Enhanced Metafile (EMF), Cool Menu, Group Box gibi kullanışlı kontroller içerir.
web sitesi - codeplex sayfası - demo - indir

Vectorlight - Silverlight Kontrolleri

Vectorlight Silverlight Kontrolleri Takvim, Dosya Yükleme, Date picker, Progress Bar, Treeview gibi çeşitli araçları barındırır.
web sitesi - demo - indir

ComboBox

Templating, data binding, otomatik tamamlama gibi özellikleri olan güzel bir combobox kontrolü.
web sitesi - demo - indir

Silverlight 2 Video Player

Tam ekran oynatma, yeniden boyutlandırılma, otomatik başlatma, ön izleme resmi gibi gerekli özellikleri barındıran sade ve kullanışlı bir video oynatıcısı.
web sitesi - demo - indir

Slide.Show

Slide.Show herhangi bir sayfaya basitçe eklenip, javascript veya xml ile kontrol edilebilen ayrıca Flickr albümünüzdeki fotoğraflarınızı da gösterebilen kullanışlı, açık kaynak kodlu bir slayt gösterisi uygulamasıdır.
web sitesi - demo - indir

Video.Show

Video.Show çeşitli gelişmiş özellikleri olan bir video-komünite uygulamasıdır.
web sitesi - demo - indir

Silverglobe

Silverglobe vektörel çizilmiş 3 boyutlu dünya haritası motorudur, çevirerek dolaşabilir, istediğiniz yeri işaretleyebilirsiniz.
web sitesi - demo - indir

Bu yazı trampfd tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Flash ile facebook connect

yigitkula — Fri, 19 Feb 2010 10:31:00 GMT

Twitter, friendfeed, google, facebook derken, web sitelerinde üye girişi ya da üyelik gibi bölümlerin pabucu neredeyse dama atıldı. Bu servislerden en kullanışlı olanı Facebook Connect şüphesiz. Bu yazıda Flash ve as3 kullanarak hangi şekillerde facebook connect kullanabiliriz, artıları eksileri nelerdir, nerelerde hangisini kullanmalıyız bundan bahsedeceğim.

1. Facebook JSBridge

Facebook JS Api üzerinden çalışan bir Javascript kütüphanesidir.

Yapmanız gereken tek şey, flashtan gerekli fonksiyonları çalıştırmak ve cevaplarını dinlemektir. Gelen Json'ın parse edilmesi, gereken isteklerin yapılması kısmını bu kütüphane sizin için gerçekleştirir.

Özellikle uygulamanızın ya da web sitenizin herhangi bir aşamasında veya tercihli olarak kullanıcıların facebook kullanıcı adları ile giriş yapması isteniyorsa bu iş için biçilmiş kaftandır. Hızlı çalışması, hali hazırda bulunan basit AS kütüphanesi ile temel işlevleri kolaylıkla yerine getirebilirsiniz.

Ancak bu kütüphanenin dezavantajları da yok değil.

Öncelikle Javascript üzerinde çalıştığı için IE6 da maalesef çalışmıyor. IE7 de is yüklü datalar varsa eğer sorunlar çıkartabiliyor. Örneğin bir arkadaşınızın taglendiği fotoğrafları alıcaksınız. Ortalama 50 ve üzeri fotoğraf datasını bu kütüphane ile çekmeye çalışırsanız IE7 de sorunlarla karşılaşmanız muhtemel.

Bunun dışında bu kütüphane genel amaçlı kullanım için hazırlanmış. Aradığınız bazı özellik ya da fonksiyonlar içinde olmayabilir. Örneğin arkadaşınızın fotoğraflarını bulmak, albümlerini yüklemek, etiketlendiği fotoğrafları bulmak gibi metodlar arıyorsanız maalesef bu işlemleri hem JS dosyasına hem de AS sınıfınıza eklemeniz gerekiyor.

Bu kütüphaneyi download etmek isteyenler bu linkten faydalanabilirler.

2. Facebook AS3 Library

Facebook PHP api üzerinden çalışan bir AS kütüphanesidir.

Linkten kaynak kodları ya da swc dosyasını bilgisayarınıza indirdikten sonra yapmanız gereken tek şey Flash projenize ilgili sınıfları import edip, gerekli fonksiyonları çalıştırmak.

Gelelim bize kattıkları ve bizden aldıklarına;

İlk olarak söylemek istediğim, bilinen bütün tarayıcılarla çalışabiliyor. Özellikle de ülkemizde kullanım oranı hala yüksek olan IE6 yı hedef alanlar için vazgeçilmez bir kütüphane.

Uygulamanızda ya da sitenizde facebook girişini zorunlu tutmak istiyorsanız bu durumda işinizi kolaylaştırabilir diye düşünüyorum. Çünkü kütüphane PHP üzerinden çalıştığı için, facebook girişi olmadan zaten sayfanız açılmayacaktır. Bu durum tabii ki bu sınıfın standart hali için geçerli. Js ile yaparım yine de çalıştırırım diyenler de elbette olacaktır.

Bütün istekler, gelen datayı parse etme, istekleri düzenleme gibi işlemlerin tamamını flash üzerinden yapıyorsunuz. Bu da sınıfı tanımayanlar için bir dezavantaj yaratabiliyor. Her grup istek başka bir değişken tipine karşılık geliyor, ve öğrenene kadar 'neden olmuyor ki?' sorunu bol bol kendinize soruyorsunuz.

Sonuç

Kendi tercihimi söylemek gerekirse, müşteri tarafından illaki IE6 olsun diye bir istek gelmedikçe JSBridge kullanmayı daha uygun buluyorum.8 sene önce piyasaya sürülen, biz flash geliştiricilerden çok HTML/CSS geliştiricilerin başını ağrıtan bir tarayıcıyı projelerime hedef olarak seçmiyorum.

Sonuç olarak her ikisi de aynı işi yapabilmek için tasarlanmış olan kütüphaneler. Öğrendikten sonra her ikisiyle de kolaylıkla çalışabilirsiniz.

Bu yazı yigitkula tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

adobe flash CS4 ile dinamik akordeon menü hazırlamak

theocan — Mon, 25 Jan 2010 18:30:00 GMT

bu eğitim ile adobe flash cs4 ile dinamik akordeon menü yapmayı öğreneceksiniz. menü içeriklerinin tamamı xml de configüre ediliyor, içerisine text, resim veya swf yükleyebiliyorsunuz.

çok basit bir anlatıma sahip uygulamanın indirme linki.

Bu yazı theocan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage