GitHub - thiagosf/skitter: Skitter - Slideshow for anytimeYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
HTML5でつくられた、ページ遷移・画面遷移のアイディアがすごい
HTMLファイ部のほんだです。シュッ 「ページ遷移」、聞くだけでゾクゾクしませんか？ 僕は大好きです。 Web Creator's Contest Q（HTML、CSS、JavaScript エンジニアのためのコンテストサイト）では、 ページ遷移・画面遷移をテーマにしたコンテストを開催中です。 とても好評で、5回目となった当コンテスト。 今回のテーマも、力の入ったコードがたくさん投稿されています！ 魅力的な画面遷移エフェクトのコード集！ Cubic Transition ※「▶Play」ボタンをクリック！
HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog
Flashでよく見かけるテキストシャッフル演出(文字列がランダムで切り替わる演出、正しい呼び名はわかりませんｗ)をHTML5で作ってみました。HTMLのタグ(pタグとか)に使うバージョンと、HTML5の新要素Canvasを使うバージョンの二種類を用意しました。 【2017年4月26日 追記】 【重要】JSライブラリーはGitHubで更新しています。使用したい方は次のGitHubのリポジトリを御覧ください。 Canvas版はCreateJS 2015年版でも動作するよう更新しました。 デモ demo (HTMLエレメント版) demo (Canvas版) ソースコードはMITライセンスで公開してしますので、個人・商用問わずご自由にお使いください。 ShuffleText.js (HTMLエレメント版) ShuffleEaselText.js (Canvas版) それでは以下で使い方を紹介して
透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた
以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記（09/07/24） 若干修正し、2.1にバージョンアップしました。 （今までのでも問題なく動作します。） ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ
[jQuery]透過PNGに対応したクロスフェードボタン – smoothRollOver.jsロールオーバーすると滑らかに画像が切り替わるライブラリ | レポート | 日本電子工藝社
ロールオーバーすると滑らかに画像が切り替わるライブラリ ボタン・リンクのロールオーバー効果を表現する際、CSSやJavaScriptによる画像の切り替えだけでは物足りない時があります。ロールオーバー時のデザインを活かすため、ボタンにロールオーバーすると滑らかに画像が切り替わるライブラリを作成しました。みなさまのデザイン表現の幅を広げるお手伝いができれば幸いです。（※個人利用・商用利用を問わず自由にご利用いただけますが、自己責任の上でご使用ください。） 動作サンプル このライブラリは、JPEG・GIF・透過PNGに対応しています。 JPEG/GIFの場合 透過PNGの場合 InternetExplorer6～8のPNG対応について InternetExplorerは、バージョン6までは透過PNG自体に対応しておらず、7・8になってもフェードイン表現の際に透過部分がギザギザになってしまう仕様で
Adobe Flex 4ベータ版におけるエフェクト – パート1：基本的なエフェクト | デベロッパーセンター
私のようにグラフィックを専門にしている者にとって、Flexエフェクトは、Flexプラットフォームの中でも最も魅力的で興味深い機能です。Flexエフェクトがあれば、ユーザーの心を動かすようなリッチなアプリケーションを作成するのも簡単です。Flexエフェクトがきわめて有用であることから、Adobe Flex 4 SDKベータ版ではエフェクトをさらに強力なものへと発展させることにしました。エフェクトを任意のオブジェクトとプロパティタイプに適用できるようにし、Flash Playerの新技術を利用して、さらに強力かつ機能的となるようにしました。 この記事では、Flex 4 SDKベータ版の新しいエフェクトについて説明します。短時間で皆さんに理解してもらうため、すぐに主要なクラスの説明に入り、基本的なエフェクトを実装するためのサンプルコードをお見せします。この記事では、Flexエフェクトの動作につ
FACEs: バスキュールサイトのツボの所
バスキュールサイトの最後のお尻の部分に、 つぼに全てが吸い込まれていくという演出があります。 仕組みとしては大したことをしてるわけではないですし 要はジニーエフェクトの亜種なんですが 今でもそれなりに反響をもらうので解説しておこうと思います。 大分前なので結構忘れちゃいましたが。 ちなみにあそこ、その場で演算して描画してるんです。 flvとか事前に作っておけば軽くていい気がするんですが。 最初はインタラクティブになにか反応させる予定だったような。 さて、自分の場合、大きい面積で派手に絵が動く演出を作る場合 スピードを稼ぐためにflash.filters.DisplacementMapFilterに 計算で作ったBitmapDataを食わせるということをするんですが、 (数式が苦手な人には辛いと思いますがかなりスピードが稼げます。 これはこれで面白いです。そのうち機会が
BitmapDataを使ったモザイクエフェクト - プログラミングとかそんなの
最近仕事で忙殺されていて、趣味のプログラムを全然書いてなかったので久しぶりに書いてみました。 作ってみたのは、スライドショーに使えそうなモザイクエフェクトです。 モザイクは、画像の拡大縮小によって実現しています。 まず、画像を縮小コピーします。縮小コピーするとその縮小率に応じて元画像より画素が減ります。これを元の大きさに拡大すると減った分の画素が縮小した時に残った画素で埋められるためモザイク状の画像になります。 ソースコード 以下、コードです。Main.asがスライドショー本体で、MozaicEffect.asがモザイクエフェクトのコードです。 //Main.as package { import flash.display.*; import flash.geom.*; import flash.events.*; import flash.utils.*; import flash.u
Progression 向けの拡張トランジション「ClockMaker Effects」 | ClockMaker Project
ClockMaker Effects とは ClockMaker Effects は Flash でクールなトランジション効果を手軽に作成できる Progression™ 用の拡張機能です。エフェクト内部に3Dライブラリ「Papervision3D」を組み込んでおり、ActionScript を書かなくてもステージにドラッグ＆ドロップで設置し設定するだけで簡単に3Dエフェクトが使用できるようになります。 サンプル ご利用にあたって ご使用のブラウザ環境では、本サイトが正しく表示できない可能性があります。 以下の注意点を確認し、必要な設定を行った上で再度表示してください。 ブラウザの JavaScript 設定を有効化してください。 最新の Adobe Flash Player をインストールしてください。 ClockMaker Effects を利用した Progression 3 サンプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Padangtoto ~ Trusted Gaming Online with The Best RTP Slot
Domain noch nicht zugewiesen / in Zuweisung
http://www.designwalker.com/2009/06/flash-effect.html
