Introducing CSSgram: A CSS Library for Instagram Filters Published on October 25, 2015
2D Transitions Grow Shrink Pulse Pulse Grow Pulse Shrink Push Pop Bounce In Bounce Out Rotate Grow Rotate Float Sink Bob Hang Skew Skew Forward Skew Backward Wobble Horizontal Wobble Vertical Wobble To Bottom Right Wobble To Top Right Wobble Top Wobble Bottom Wobble Skew Buzz Buzz Out Forward Backward Background Transitions Fade Back Pulse Sweep To Right Sweep To Left Sweep To Bottom Sweep To Top
From Below From Above Slide In (top) Slide In (right) Slide In (bottom) Slide In (left) Newspaper Side Fall Sticky Up 3D Flip (horizontal) 3D Flip (vertical) 3D Sign Fade In 3D Slit 3D Rotate Bottom 3D Rotate In Left Blur Let Me In Make Way! Deep Content Slip From Top From Top, Tilt Fall From Top to Bottom From Bottom to Top From Left to Right From Right to Left From Above to Below From Below to A
■2014/12/30に開催されたコミックマーケット「ハラタオル」ブースにてプレゼンした動画です。ココで作られている内容が本に収録されてるものです。特別付録込。 ハラタオル
今回は、コマンドラインから画像加工を行えるImageMagickを取り上げます。画像加工ならGIMPやF-Spotを使えばいいのに、“なぜコマンドラインから?”と思われるかもしれませんが、コマンドラインならではの利点もあります。 例えば、数百枚の画像に同じ処理を施す場合、GIMPで1枚1枚手作業で処理するのに比べて、コマンドラインやスクリプトから一括で処理した方が、時間も労力もかかりません。 ImageMagickは数多くの機能を備えていますが、その中からデジカメで撮影後の写真を加工する用途を中心に紹介していきます。 ImageMagickのインストール インストールは、[アプリケーション]-[アクセサリ]-[端末]を開いて以下のコマンドを実行します。 $ sudo apt-get install imagemagick ImageMagickのドキュメントをインストールする場合は、以
クリスマスだしたまには便利な記事でも書く。 以前少し書いた、ゲームにアニメ風のエフェクトを入れたいという話。アニメ風というのは例えば こういう光線や光輪を指す。ポイントとしては、わざと線の太さを不安定にしたり途切れ途切れにして躍動感を出す、という所。 さて、まず光輪からいくと、左上に(0,0)、右下に(1,1)のテクスチャ座標を指定した矩形ポリゴンを用意する。(次の画像だけ、u,vを赤と緑に割り当てている) 中心が(0.5,0.5)なので、フラグメントシェーダー上でテクスチャ座標と(0.5,0.5)の距離をとって、ある閾値を超えたらdiscardすると円形になる。 void main() { vec2 rpos = v_texCoord - vec2(0.5, 0.5); float r = length(rpos); if (r > 0.5) { discard; } gl_FragCo
How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated. The CSS3 Animation Cheat Sheet uses CSS3 @keyframes and works on all the latest browsers (that's IE 10). Using CSS3 @keyframes, you don't have to worry about posi
Fokus uses JavaScript to emphasize anything you select by covering the rest of the page with semi-transparent black. Try it out by selecting this paragraph or the sample content below. You'll see the entire page fade out while this text is highlighted. If you want to use Fokus on your site you just need to include the fokus.min.js script (3kb, no dependencies). Fokus is also available as a Chrome
まず最初に書いておくと、この方法は失敗作だ。 単純にパフォーマンスが良くないし、精度も今ひとつ。 だけど、同じ過ちを犯す人がいるかもしれないから、メモに残しておく。 ちなみに、こんな感じになる。一応リアルタイム。 画像はSweetSpotの見せられないよアイコンより。 モデルはAoiちゃん。 少し前からあった自分好みのアセットで、制服・パジャマ・道着のような物から、ボロボロにされた服やバスタオル一枚、スク水ニーソ・セーラー服の下にスク水といった、マニアックな物も入ってる逸品。 モーションも格闘から会話・移動等々、非常に良い感じ(62種類?多すぎて分からん) Aoi Character Packあ、ちなみにバスタオルの中は黒塗りです。 つまりシュレティンガーのぱんつ。 この方法、やってる事はすごく簡単だ。 Mesh Coliderをリアルタイムに更新パンツにコライダーを設定パンツへ向けてRa
コメント(閉):1 根保孝栄・石塚邦男 14-11-06 (木) 2:33 ダークエネルギーなんてわけの分からないエネルギーが宇宙に充満している・・・神の御心ではないか? なんて・・それはないか。不思議はこの世。 トラックバック(閉):4 pingback - 右の頭から左の頭へ腕を動かし撮影した自撮り映像をつなげると異空間トリップできる「Donut Selfie」 | mifdesign_antenna より 14-10-18 (土) 18:57 […] 右の頭から左の頭へ腕を動かし撮影した自撮り映像をつなげると異空間トリップできる「Donut Selfie」 | mifdesign_antenna […] pingback - ツカエル!ネットの話題 » Blog Archive » 10月19日 05:00版 より 14-10-19 (日) 5:00 […] 右の頭から左の頭へ腕を動
A Javascript library that allows you to create a Sticker Effect No dependencies (jQuery not required) and MIT License Inspired by Sanghee Cho's Heroes Project Download on Github Example Move your mouse cursor on below circles IMAGE COLOR Usage Call the init() method with target elements (.className or #ID). It creates the necessary HTML elements in the target and add the sticker effect using CSS 3
デモページ [ad#ad-2] lake.jsの使い方 HTML 画像はimg要素で配置し、「display: none;」で一旦非表示にします。 <img id="lake-img" src="lake.png" style="display: none;"/> 画像は下記のように、上半分のみ用意します。 使用している画像:lake.png 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="jquery.js"></script> <script src="lake.js"></script> JavaScript jQueryのセレクタで適用する画像を指定し、スクリプトを実行します。 オプションではアニメーションのスピードやさざ波の量などを調整できます。 <script> $(function() { $('#lake-img
Pythonを始めたばかりのユーザーの多くが、どちらのバージョンを使えばいいのか迷っています。私の答えは、「気に入ったチュートリアルに書かれているバージョンにしましょう。そして、あとで違いを調べてください」という言葉につきます。 それでは、新しいプロジェクトを始めるときにはどちらを選べばいいのでしょうか? 使おうとしているライブラリを全てサポートしているなら、2.7.x系と3.x系のどちらを使ってもよいでしょう。そうはいっても、この2つのメジャーバージョンについて大きな違いを見ておくのは良いでしょう。どちらかのみでコードを書いたり、プロジェクトに使おうとしている時によくある落とし穴を避けられるからです。 __future__ モジュール Python 3.x で導入されていて Python 2 で使えないキーワードについては、 __furute__ モジュールをインポートすることで Pyt
We couldn't process your inquiry at this time. This Domain is no longer available. Please contact [email protected] or call {{ phoneNumber }} Please enter your first name Please enter your last name Please enter a valid e-mail address {{showBadEmailMessage}} Please enter a valid phone number You must select valid country By clicking "Get Price" you agree to BuyDomains' Terms of Use and Privacy Not
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く