アセット-Asset モーションアセット Universal Animation Library 2 | 130以上のゲー... 2026-01-28 Quaterniusによる人物アニメーションを収録したライブラリーパック第二弾「Universal Animation Library 2」 が登場！無料プランもあり、CC0ライセンスで提供されます！ 続きを読む Blender チュートリアル チュートリアル-Tutorial My simple recipe for Jiggle Physics in B... 2026-01-27 CGDiveによる「Jiggle Physics（揺れ物理）」の手動ワークフロー解説動画。アドオンを使わず、Blender標準のCloth機能を応用してキャラクターの腹や胸などに柔らかい揺れを追加する方法を紹介しています。 続きを読む
このサイトについて このサイトはAdobe After Effectsのスクリプトリファレンスです。バージョンごとの対応状況は「バージョンによる変更点」を参照してください。 また各ベージの右上に「CC」「CS6」といったように対応したバージョンを記載しています。CS4よりも古いバージョンの互換性は記載していません。 オブジェクト、アトリビュート、メソッドなどの基本的な構成や名称は「After Effects CS6 Scripting Guide」やAfter Effectsのヘルプに準じてます。(一部異なる表記をしている場合があります) 本サイトで独自に追記した項目や図版は「ノート」欄に記載してあります。当然ながら、これは「After Effects CS6 Scripting Guide」には記載されていません。 サンプルは「After Effects CS6 Scripting Gu
現場で使える道具 映像を作る人のためにハード＆ソフト環境を整えるべきですが、現場ではコンピューターに作業を合わせているのが現状です。コンピューターを使える道具にしたい。そんな願いでこのサイトを「デジタルアニメの道具箱：dA-tools」という名前で立ち上げることにしました。使える機能は使い倒せ！無いものは作れ！をモットーに、ExpressionやJavaScriptを使いこなす為に必要な知識、情報を提供していければと考えております。少しでも現場スタッフの手助けになれば幸いです。 閉鎖、中断について 2018年にサーバーにマルウェアを仕込まれDDOSマシンにされたので急遽HPを閉鎖しました。調べてみると書き換えられているファイルが多数有り、問題点を逐一割り出し修正するのは不可能でした。 また、スマホやタブレットでの閲覧など、開設当初とはWEB環境も変わり、HTMLの大幅改訂（HTML5対応）
Konamicodesites.com http://konamicodesites.com/ Facebook http://www.facebook.com (Konami Code + Enter, then click or type!) Google Reader http://google.com/reader (you need to log-in) Digg http://digg.com (try it on a page with comments. But not working in Safari 4, booo) Mint http://www.designologue.com/mint Zeno.name http://zeno.name jQuery http://jquery.com Specced for Awesome http://www.specce
パララックスなサイトを作る際に、スクロールに応じてJSで要素を動かすと思うのですが、その時にある場所でCSS3 Animationsが動いていると、スクロールがカクついてしまい、FPSが残念な状態になります。 そこで、スクロールが動き出した時にCSS3 Animationsを止めて、スクロールを止めた時にCSS3 Animationsを再度動作させるという処理を加えれば、スクロールがカクつくことなく、スムーズになります。 スクロールや、リサイズといったJavaScriptのイベントは連続で処理されます。そういったイベントの「開始した時」「動作している時」「停止した時」の状態が取れるjQueryのプラグインを作成しました。 jQuery.MovingState このプラグインを使い、CSS3 Animationsを動的に操作してみたいと思います。 CSS3 Animationsを一時的に停止
<script src="..."> という感じでjsファイルを読み込んで、src部分が http://example.com/lab/test.js であるとき、 http://example.com/lab/ を自分自身で取り出す方法を模索する。 自分自身のsrcを調べる方法は とてもシンプルに自分自身が属する script 要素を取得 - IT戦記 http://d.hatena.ne.jp/amachang/20061201/1164986067 で大体いいと思います。 もしくは var n=document.getElementsByTagName("script"); n[n.length-1].src; // 自分自身のurl 相対パスの場合とか調べてないけど、今回の主題はディレクトリを取り出すとこなので後回し。 Twitterでどういう方法があるのだろうと投
問題 文字や画像をダブルクリックされると、選択状態になってしまう。 文字やリンクや画像に、onclickで何らかの処理をするスクリプトを作っているのだが、カチカチクリックされたときやドラッグされたとき選択状態になると、どうにもかっこ悪い。 ダブルクリックしたときやマウスを使って選択しようとしたときに、選択状態にならないようにできる？ 答え CSS3では以下のように書ける。 user-select: none; ただ、だいぶ普及した角丸をするborder-radiusのようには広く実装されていないようなので、現状では各ブラウザの独自実装にも合わせておく必要がありそう。 以下のように、各実装にあわせた記述をしておく。 user-select: none; /* CSS3 */ -moz-user-select: none; /* Firefox */ -webkit-user-select:
フリーランスのテクニカルライター 可知 豊の個人ブログです。 IT・ビジネス・プログラミング学習などをテーマに、多くのメディアで記事を書いています。 このほかに、Webコンテンツや簡単なプログラムの作成、Webシステムやプログラミングのトレーニング支援、企業メディアの企画・制作・運営にたずさわってきました。 お仕事、絶賛募集中です。 Works 知る、読む、使う！ オープンソースライセンス 著書・実績 自己紹介 Blogs このブログの記事一覧 Heppocode Garage 人差し指でパソコン入力 そのほか ＊ 2024-09：ながらく、いくつかのWebサイトをWordPressで運営してきましたが、 静的サイトジェネレータPelicanを導入して記事を移行しました。 catch.jp blog catch.jp wiki オープンソース・ライセンスの談話室
A friend of mine and I are currently discussing what is a closure in JS and what isn't. We just want to make sure we really understand it correctly. Let's take this example. We have a counting loop and want to print the counter variable on the console delayed. Therefore we use setTimeout and closures to capture the value of the counter variable to make sure that it will not print N times the value
Hacker Newsを見ていたらMozillaの公開しているプロジェクトが話題になっていました。内容はシンプルかつ強力です。JavaScriptのコードを埋め込むだけでWebサイト上でチャットやカーソル位置の共有、音声チャットといったコラボレーション機能が使えるようになります。 TogetherJSは次のような機能をサポートしています。 ビデオと音声のチャット テキストチャット カーソルとクリックの共有 共同ブラウジング ユーザ情報の共有 リアルタイムコンテンツ同期 埋め込むだけで使えるというのはどういうことかと思いますが、実際にはJSで書かれたサーバサイドモジュールとクライアントサイドのスクリプトで構成されています。サーバーサイドを自分自身で稼働させる事も勿論できますが、サンプルとして貼り付けるコードについてはMozillaがホスティングしているhubというサービスをサーバーサイドとし
Webで動かしながら操作案内を簡単設置！ 使わないとかなり損するIntro.jsとは：HTML5アプリ作ろうぜ！（8）（1/2 ページ） HTMLに属性を追加していくだけで、実際に操作しながら案内できるチュートリアルを簡単に付けられるJavaScriptライブラリの使い方を解説します。 動画や専用ページのチュートリアルより分かりやすく、HTML初心者でも手軽に設置できるIntro.js 今回の「HTML5アプリ作ろうぜ！」は、「Intro.js」を紹介します。 読者の皆さんは、Webサイト／Webサービスのチュートリアル／操作案内を作成するには、チュートリアル専用のWebページを作成したり、操作する動画を作成したりしている方も多いかと思います。Intro.jsを利用すると、実際に操作しながら案内できるチュートリアルを簡単に付けることができます。そのため、チュートリアル専用ページや動画を作成
無料レンタルチャットのかにチャットへようこそ かにチャットとは 「ブラウザでできるチャットはリロード方式が当たり前。」と思っていませんか？いいえ、かにチャットは違います。 かにチャットは、リロード不要のリアルタイムチャットです。 Javaチャットではないので、面倒なインストールも不要！ お使いのブラウザ（Internet Explorer、Firefoxなど）を使えばそのままチャットできます。 かにチャットは広告収入で運営しているので、無料で誰でもお使いいただけます。 何個借りても無料なので、お気軽にレンタルしてください。こちらからレンタルできます。 現在、488人が使用中です。 チャットサンプル
画像のオンオフ切り替えといったようなマウスオーバーイベントで、簡単に実装できるものをいくつか紹介します。 CSS3やjQueryを使ってちょっと変わった動きを取り入れるサイトも見かけることも多くなりましたが、今回は普段も使用頻度が高いと思う定番のものに絞りました。 サンプルで使用する画像とDEMOについて 各マウスオーバーの動きを実装するにあたって上のような3タイプのボタン画像を用いており、各ボタンはそれぞれ以下のようになっています。 type A 単体のボタン画像 type B オンとオフを1枚の画像にした、スプライト型 type C オンとオフをそれぞれ別の画像にし、オフ時のものは_off、オン時のものは_onを拡張子前に入れています。 また、サンプルも用意したので実際の動きはこちらで確認して下さい。 CSS：マウスオーバー時に透過させる CSSのopacity（IEはfilter）の
tmlib.js って何？ ゲームやツールを簡単に作る事ができる JavaScript ライブラリだよ♪ PC とスマートフォンどちらでも動くんだ 『プログラミングって気軽にできるもんなんだ』 『ゲームってこんなに簡単に作れるんだ』 って感じてもらえると嬉しいな かんたんに使えるよ♪ tmlib.js は初心者から上級者まで 幅広く使えるライブラリだよ Usage を見ればすぐに tmlib.js を 使ってプログラミングを始められるよ
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
最近IE8でCanvasを使ったクライアントコードを動かす仕事をしました。有用かもしれない情報があるのでメモっておきます。あくまでメモなので正確さは期待しないでください。 前提Rails上のCoffeeScriptコードjQuery 1.9.1画像を表示して、リサイズしたり、座標を取得したりするMVCフレームワーク、Canvasのラッパーは特に使っていないBackbone.jsのViewを真似た構成になっているなるべく副作用の無い関数に切り出して、node.js(mochaとか)でユニットテストを書いてる。とはいってもカバレッジ20%くらいおよそ550LOC(テスト抜き)わかったことIE8ではCanvasは動かない。ライブラリで動かすようにすることはできる。Canvasを動かすためのライブラリはExplorerCanvas、uupaa-excanvas、その後継？のVMLCanvasなどが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
