【重要】サービス終了のお知らせ

Fork
4
Fav
5
View
13080
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 545 lines
  • HTML 2 lines
  • CSS 3 lines
2014.07.25
久し振りに見てみたら動かなくなってた...
Flickr API のリクエストをhttpsに変えたら直ったよ!!

------------------------------------------------
Flickr APIとCreateJSを使ったスライドショーです。
2006/01/01から一週間前までの日付をランダムに選んで、その日話題になった写真を表示します。


同様の技術が多数ありメインストリームに成りうるか分からない部分もありますが、
CreateJSの更なる発展と興隆を願って書いてみました。
なんだかDOMでも出来そうなコンテンツですねw。でも楽しかったよCreateJS。


・動かない環境があったらごめんなさい。あんまり確認していないです。
・普通の枠だとちょっと小さいんでフルスクリーンで見てくれるといいかも。
・結構不気味な写真がドアップで出てくることがあったんで気をつけてね。
・あと写真にマウスイベントをつけていたのだけどクロスドメインでダメみたいです。
・普通にクリックもダメ。これは実務では結構厳しい制限かなぁ。しょうがないので無効にしました。


※スミマセンが念のためforkなどをする場合は、FlickrのAPIキーをご自身のものに変えてくださいね。



練習もかねていたもので凡ミスで1日要した部分をシェアします。
別に初めて触っているわけじゃないんだけど...。
ちなみに、ウチのホームページ、
http://nipx.jp
下の部分の星とキャラクターの部分は大昔に初期のEaselJSで作ったんだよー。


プログレスバーの部分をGraphicsで書いているのですが

this.graphics
//背景のグレー線
.setStrokeStyle(1)
.beginFill( "#333333" )
.drawRect( 0,0,100,1 )
.endFill()
//白い線
.beginFill( "#ffffff" )
.drawRect( 0,0,100*this.loaded,1 )
.endFill();


と書いたことに気づかずメモリリークに悩まされました。
どうにも段々重くなっていくんだよなぁ。
プリロードなど他を疑って時間を無駄に。正しくはこう。


this.graphics
.clear() //グラフィックを消す!Flashでも同じだから...。
.setStrokeStyle(1)
.beginFill( "#333333" )
.drawRect( 0,0,100,1 )
.endFill()
.beginFill( "#ffffff" )
.drawRect( 0,0,100*this.loaded,1 )
.endFill();


お気をつけください!








p.s.
それとFlashは死なないからそこんとこもヨロシク♥
  • Flickr API + CreateJS :: interesting photograph
  • ExtendCreateJS
  • CreateJS 2013.02.12
  • Underscore.js v1.4.4
  • jQuery v1.9.1
  • Flickr API + CreateJS :: interesting photograph

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

nipx

Author

中野でウェブを作ってます。 アイコン画像は仕事の没案を折角だから使ってます。 3割増しの自画像です。

ブログはこちらです。 http://blog.nipx.jp

Twitterはあまり使ってません...。 facebookはお気軽に登録してくださいね。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by