JavaScript製とは思えないゲームをenchant.jsで簡単に作るには
JavaScript製とは思えないゲームをenchant.jsで簡単に作るには：enchant.jsでHTML5＋JavaScriptゲーム開発入門（4）（1/3 ページ） 大人気のHTML5＋JavaScriptベースのゲームエンジン「enchant.js」を使ってゲームアプリを作る方法を解説していく連載。今回は、手軽にアニメーションを作れるtl.enchant.jsの使い方や、スマホ向けアニメーションのチューニングポイント6つを解説する。 これが、JavaScriptのゲーム…… だと……？ 前回の「enchant.jsで重要なスプライトとシーンを使うには」では、ゲームの流れとなる部分を駆け足で解説いたしました。 今回は、よりゲームをリッチに見せる、複雑なアニメーションの作り方を理解していきましょう。この機能を使うと、こんなもの（サンプル）を簡単に作ることができます。ぜひ「JavaSc
Authentication
2011年04月05日23:13 by oklahomer Authentication カテゴリドキュメント このページは、authenticationの和訳です。実装面や全体の流れは「Open Graphに触れる 2：ユーザ認証と権限の認可」もどうぞ。 Facebook Platformは、ユーザ認証と権限の認可にはOAuth 2.0 protocolを用います。ウェブサイト上、モバイル、デスクトップなどで扱えるように、多くの異なるOAuthのフローをサポートしています。このドキュメントでは、Facebook Platformが使っているそれら各フローの仕組みを解説します。ここでのサンプルには、サーバサイドにはPHP、クライアントサイドにはHTML/JavaScriptを用いています。これらのサンプルは明解なので、他の言語へ簡単に置き換えることができます。 目次： User Login
顔画像をもとに似た顔の人が出ている AV を検索するツールを公開しました | ぱろすけのメモ帳
By RobertBy Robert McDon. 最近いろいろやってましたが、邪悪なツール、遂に完成しました！！ 顔画像をもとに似た顔の人が出ている AV を検索します。検索対象の顔画像は35万枚です。使い方としては「この画像、AV 女優なんだけど誰だかよくわかんない」「このアイドルに似た人が出てる AV を探したい」など考えられます。「Facebook で流れてきた画像をとりあえず放り込む」「卒業アルバム」などはいろいろアレなのでやめましょうね！！ というわけで今回はこのツールを配布します。 もともとは Python で Ubuntu 向けに書いたんですけど、ちゃんと Windows 版も作ったのでそれで。 まずは起動します。 ふつうに起動すれば良いですね。 とりあえず画像を選べと言われます。 画像を選びます。今回は紗倉まなの DMM のサンプル画像を選びました。（リンク先18禁サイト
シングルコンテキストかつCommonJSなTiサンプルを読む(draft) - JP::HSJ::Junknews::HatenaSide
ひとまず草稿/推敲不足版です。 ツッコミがあればこそこそ直して行きます(^^; Titanium Mobile 2.0からAPIデモアプリであるKitchenSinkがついにというか、ようやくCommonJSアプリになり、公的なサンプルとしてTitanium 0.9からの伝統のマルチコンテキストモデルがなくなるという事態となりました。 拙著をものした時期というのがCommonJS化が加速する直前のTitanium Mobile 1.6.xのころで、今となっては目も当てられない状態になってしまっているのですが、それはさておき。 シングルコンテキストかつCommonJS時代を迎えたTiの初期ソースはどうなるのかを見てきたいと思います。 https://github.com/appcelerator-developer-relations/Template.SingleWindow ファイル構成
Google Chart APIで作るグラフ画像のサンプル - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Note: Chart APIは現在ではGoogle Chartとして整理されており、この記事で利用されているImage Chart APIは旧仕様として削除対象になっています。実際に削除はされていないので今のところ利用できていますが、2015年中には消えてしまいそうです。(2015-08-31) コピペ用に作ってみた。いやー軽い軽い。JSで<canvas>で図形描画なんて馬鹿らしくなっちゃうね。ちなみに色はあんまり弄ってない。考えたら暖色系って盛り上がってる感じがするから、このままのが良いかもね。 では続きをどうぞ。 ...そういえば、商用利用できたっけ？ <img
phiary
今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか？ これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.
画面下部までスクロールしたタイミングでTableViewの情報更新する - 40歳からのキャリアチェンジ
RSSリーダーやtwitterクライアント等でよくあるUIとして、画面下部までスクロールしたタイミングで、サーバ（もしくはローカルにキャッシュしてある)情報を追加して読み込むというのがあるかと思います。 自分のこれまで作っていたアプリでは、このようなUIを実現しようと一時期TableViewのinsertRowAfterが活用できないか模索していた時期があるのですが、ドキュメント通りに引数指定しても、思ったような動作しなかったので諦めていたのですが、この前のTitanium Meetup中にkitchen Sinkのサンプルを何気なく眺めていたら、APIリファレンスの記述が間違っていたようです。。 誤：insertRowAfter (index, row, properties) 正：insertRowAfter (row,index, properties) ※APIリファレンスが必ずし
イマドキ女子、ネットで出会った人と友達や恋へ発展した人は約70％！……カンロ調べ | RBB TODAY
カンロは12日、「ピュレグミは、恋の味。」キャンペーンの一環として実施した、「出会い」に関する調査結果を発表した。調査期間は6月29日～7月2日で、全国の20～30代の女性208サンプルから有効回答を得た。 まず独身女性116名に、「新しい“出会い”を求めているかどうか」を尋ねたところ、「求めている」25.0％、「やや求めている」16.4％、「自然な出会いに期待している」36.2％となり、計77.6％が出会いを求めていることがあきらかとなった。多数派が「自然な出会いに期待している」という点では、出会いを望みつつも、奥手な意識も垣間見える。 そこで実際に出会いがあったかどうか、「ここ1年以内に、恋に発展するような新しい出会いがありましたか？」と質問したところ、「あった」は23.3％。残り約8割は1年以上「出会い」がなく、全体の半数近い48.3％は、「3年以上ない」と回答するなど、ややさびしい
CoffeeScript 入門! 怒濤の 100 サンプル!! | TM Life
今まで CoffeeScript についてのエントリーを連投してきましたが とりあえずこのエントリーで一区切りつけようと思います. ちなみに今までに書いた CoffeeScript についてのエントリーはこんな感じです. node.js 不要! Windows でも簡単に CoffeeScript を使う方法 jsdo.it で CoffeeScript を使う方法 CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた CoffeeScript と gl.enchant.js を使って15分で 3D ゲームを作ってみた. 動画もあるよ♪ 今回は enchant.js で怒濤ったとき同様 CoffeeScript についても怒濤ってみました. プログラミングは本を読むだけでは学んだとは言えません. 作ってナンボの世
回転アニメーションで表示要素を展開するjQueryプラグイン「MobilyBlocks」｜BLACKFLAG
ボタンをクリックすることでドロップダウンに近い要領で 隠れているコンテンツ要素をフェード付きの回転アニメーションで 展開させるjQueryプラグイン「MobilyBlocks」の動きがおもしろかったのでご紹介。 ≫mobily.pl – playground – MobilyBlocks DEMO動作は下記から。 （それぞれ２つの丸いボタンをクリックしてみてください。） ボタンをクリックすると下層コンテンツ要素が 回転しながら現れます。 何気ない動きですが何か気持ちがいい動きでもあります。 組み込みもさほど難しく、プラグインファイルと 下記のコード（サンプル）にて実装することが可能になります。 ◆SCRIPT $('.blocks').mobilyblocks({ animateTime: 500, // duration of animation zIndex: 50, // z-ind
Ajalog.7z: [HTML5][JavaScript] Notifications APIを使ってみる
2010/08/08 [HTML5][JavaScript] Notifications APIを使ってみる Tag HTML5, JavaScript Notifications APIって？Notifications APIを使うと、ブラウザからデスクトップの右下に通知メッセージを出すことができます。 こんな感じ。なかなかに魅力的。Chromeの拡張ではもともと使える機能だったらしいけど、いつの間にやら普通のWebサイトでも使えるようになっていた（のかな）。ちなみに仕様はここhttp://dev.w3.org/2006/webapi/WebNotifications/publish/でまとめられているみたい。Chromiumでの仕様はhttp://sites.google.com/a/chromium.org/dev/developers/design-documents/deskt
地味に使えるCSS小技のメモ&サンプル集
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード.centered { position: relative; overflow: hidden; } .centered ul { position: relative; lef
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TableViewで引っ張られたら次をロードする - ore*flow