タグ

ブックマーク / design.kayac.com (8)

  • FlashやHTML5で作成されたカードの合成UI・演出のまとめ

    もはやコーディングコンテストサイトと化しているjsdo.itですが、いま開催中の SPEC vol.5 はいつもとちょっと違います。 今回は、いつものHTML5・JavaScriptCSSに加えて、ActionScriptでのエントリーもできます! 「じつはFlashのほうが得意!」という方にも挑戦していただいているんですが、もうすでに続々と面白い作品が集まりだしているので個人的に気になる作品をいくつかご紹介したいと思います。 今回のお題「カードの合成のUI・演出を作ってください」 Flash編 forked from: SPEC vol.5 投稿用コード - wonderfl build flash online forked from: SPEC vol.5 投稿用コード - wonderfl build flash online JavaScript編 ※スマートフォン専用 締切は

    usamyu56
    usamyu56 2012/09/10
    jsdo.itはレベルがスゴすぎる
  • ゼロからゲームアプリつくった後の大事なメモ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

    こんにちは、ゲームチームのキノです。 先週、カジュアルゲームアプリ「なぞダン -なぞるだけダンジョン-」がApp storeで公開されました!!!! ひとさしゆびだけの超シンプルな(でもムズイ)ダンジョンゲームです! 過去にキャンペーンの一環などでゲームは何度かつくってきましたが、 今回が初の企画段階からのモック含めた参加になるので、学んだことや役立ったを書いておきます。 あとは地味にデザイナー向けにアプリ制作のtipsなど。 意外と長くなってしまったので、週末にじっくりお読みください〜 アプリは無料!!こちらからダウンロードできます。 それでは記事の続きをどうぞ〜!! 素材の話 いつも数字忘れるので アイコン (なにか見覚えのある階段的なアイコン) アイコンはかなり肝いりです。 気をつけている点は 1キーワードで言い表せるか フレームと世界観はあってるか 類似アプリより突出しているか 画

    usamyu56
    usamyu56 2012/08/25
    ゲームアプリを作るときの気づき
  • ドット絵描く楽な方法見つけた!気がする

    kayac 閃光部 クリエイターの嶋田より寄稿です。 「モンスターを集めてまいれ!」というiPhoneアプリを プロデュースしたんですが、イラストレーターのタスクが多く ドット絵を自分で描く事になりました。 初ドット絵だったので このノウハウ共有に何の意味も無いかもしれませんが きっと何処かに需要はある!と、思い込んで記事を書いております。 使用ソフトはPhotoshopです。 余談ですが バイトのドット絵得意な子に聞いたところ「Photoshopはやめておいたほうがいい」 との回答。 ・・・・。 さあいってみよう!

    usamyu56
    usamyu56 2012/02/25
    とりあえずメモ。まだ仕組みはよくわかんない
  • CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件

    jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…!」と心配していたのも杞憂に終わり、続々とすごい作品が投稿されています。 開催期間中ですが、ぼくが個人的に「これは!」と思った作品をピックアップして紹介したいと思います。(コンテストの審査とは関係ないですよ!) CSSだけを使って必殺技の演出を加えてください スーファミのRPG風 えい!:forked: CSSで必殺技! - jsdo.it - share JavaScript, HTML5 and CSS 光が集まる必殺技 forked: CSSで必殺技!第2弾! - jsdo.it - share JavaScript, HTML5 a

    usamyu56
    usamyu56 2011/12/13
    CSSって…
  • いまさら聞けない><; 基礎から学ぶ「HTML5」超入門!

    HTML5 旋風、吹き荒れてますね!(^0^)/ さて、ものすごく突然で恐縮ですが、この度「HTMLファイ部」、設立しました! 株式会社カヤック(社:神奈川県鎌倉市、 代表取締役CEO:柳澤大輔、http://www.kayac.com以下「カヤック」)は、HTMLCSSコーディング、JavaScript プログラムを担当する職種が所属する「HTMLファイ部」を発足いたします。 これまでHTMLおよびCSSJavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課(MEはMarkup Engineerの略)に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTMLCSSJavaScriptの担当者は「HTMLファイ部」にて活動をスタートします。 そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5 について基礎から

    usamyu56
    usamyu56 2011/09/16
    メモ
  • HTML5花火大会から学ぶcanvasの表現力

    HTML5花火大会が始まりました! jsdo.itに集まった400以上の花火コードが、夏の夜空に打ち上がっています! 当にどの花火もクオリティーが高くて、見るだけでも楽しめます。 HTML5花火大会 花火のコードから学ぶcanvasの表現力 花火のコードの大半はHTML5のcanvas要素を使って描画されています。 canvasってなんだっけ? javascriptから自由にグラフィックを描画できる要素です。 以下のエントリーにわかりやすくまとまっています。 図を書き込めるhtml要素です。 OpenGLやDirectXのような面倒な設定を書くことなく、 手軽にグラフィック描画が行えます。 ブラウザだけでローカルアプリケーションのような グラフィカル(かつ動的な)表現が行えるわけです。 今更聞けないcanvasの基礎の基礎 canvasで花火を描くには? 花火のお手コードから見ていきま

    usamyu56
    usamyu56 2011/07/08
    あとでチェック
  • どう考えても無茶な「CSSプログラミング」が話題に

    CSS3がいくらパワフルとはいえ、さすがにここまで凝ったものが作れるとは思いませんでした。 まずはChromeでこちらを遊んでみてください。 CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS まるでJSをバリバリ使ったゲーム、のように見えますが、実は「Only CSS」。上のSTOPボタンを押すとコードを確認することができます。 jsdo.itCSSプログラミングが流行中! ええ、どう考えても無茶なんです。CSSはプログラミング言語じゃないですからね。 CSSの機能を巧みに組み合わせて作成されています。 ということで、投稿作品のほんの一部を紹介したいと思います。 CSS PANIC CSSだけで作られたワニワニパニック。 このコードは海外のユーザーにも大きな反響を呼びました。

    usamyu56
    usamyu56 2011/06/23
    コードを読む時間は含んでないんですね<4分
  • kinectを使って「攻殻機動隊 S.A.C.」シリーズの電脳空間を再現!!!(動画つき)

    カヤックの受託向けラボチーム「BMCL(ブッコミ クライアントワークラボ)」のデザイナー、佐藤ねじです。今回は、BMCLよりビッグなお知らせです!「攻殻機動隊 S.A.C.」シリーズの中で登場する「電脳空間」をBMCLが作りました! これは、Kinectセンサを活用して「攻殻機動隊 S.A.C.」シリーズの『電脳空間』を再現したインタラクティブコンテンツ。渋谷PARCO PART1 5F(monozoku)で開催中の「攻殻機動隊 S.A.C. プレミアムショップ」に展示するために制作しました。指定位置に立ち、自分の体を動かすと、その動きに合わせて電脳空間を自由に遊泳することができます。プレイヤーは、空間内に常駐する「タチコマ」の指示により時間内に電脳空間を飛び回る「タチコマ」をつかまえるミッションに参加します。実際にその様子を見てみましょう。 電脳空間システムの動画 電脳空間システムの遊び

    usamyu56
    usamyu56 2011/03/26
    やっぱKinectすげーなぁ
  • 1