Tags

閉じる

Category

閉じる

Search

Search

閉じる

記事一覧

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

もはやコーディングコンテストサイトと化しているjsdo.itですが、いま開催中の SPEC vol.5 はいつもとちょっと違います。

今回は、いつものHTML5・JavaScript・CSSに加えて、ActionScriptでのエントリーもできます！

「じつはFlashのほうが得意！」という方にも挑戦していただいているんですが、もうすでに続々と面白い作品が集まりだしているので個人的に気になる作品をいくつかご紹介したいと思います。

今回のお題「カードの合成のUI・演出を作ってください」

Flash編

forked from: SPEC vol.5 投稿用コード - wonderfl build flash online

forked from: SPEC vol.5 投稿用コード - wonderfl build flash online

JavaScript編

※スマートフォン専用

締切は9/20！エントリーまだまだお待ちしています！

今回の入賞者にはMacBook Proなどなど豪華景品が用意してあります。FlashもしくはJavaScript、得意な方でぜひぜひご参加ください！

ゼロからゲームアプリつくった後の大事なメモ

こんにちは、ゲームチームのキノです。

先週、カジュアルゲームアプリ「なぞダン -なぞるだけダンジョン-」がApp storeで公開されました！！！！

ひとさしゆびだけの超シンプルな（でもムズイ）ダンジョンゲームです！

thm01.png　　thm03.png

過去にキャンペーンの一環などでゲームは何度かつくってきましたが、
今回が初の企画段階からのモック含めた参加になるので、学んだことや役立ったを書いておきます。

あとは地味にデザイナー向けにアプリ制作のtipsなど。

意外と長くなってしまったので、週末にじっくりお読みください〜

 

m1.png　アプリは無料！！こちらからダウンロードできます。

 

それでは記事の続きをどうぞ〜！！


 

続きを読む

暑さでやる気がでないWebデザイナーにおくるHTML5表現まとめ

仲夏。HTMLファイ部の本多です。

jsdo.itにて、コーディングコンテスト「Web Creator's Contest Q」を開催しています。
QはWebクリエイターのためのコンテスト、HTML5、JavaScript、CSSを駆使して挑戦しましょう！

募集中のテーマはズバリ、

＼ 夏を涼しくする表現 ／

暑い夏をひんやり涼しくしてくれる作品をお待ちしています！

本記事では、続々と集まっている投稿作品の一部をご紹介します。
夏の暑さでやる気のでない方、涼しくてアツいHTML5作品をご堪能あれ！

※ Chrome、Safari など、最新のモダンブラウザでご覧ください。

続きを読む

ブラウザでJSX, CoffeeScript, SCSS, LESSをすぐに試せる魔法の1行

ブラウザだけでjavascript, HTML, CSSを書いて実行できるサービス「jsdo.it」が、ちょっとパワーアップしました！

これまでの言語に加え、JSX, CoffeeScript, SCSS, LESSを実行できるようになりましたー！！

「ちょっと試したいけど環境を作るが面倒...」「SCSSのmixinをシェアしたい」などなどブラウザだけで解決できちゃいますよ♪

使い方

コードの1行目に特定のコメントを記述するだけです！

JavaScript → JSX

JavaScriptの1行目に以下のコメントを記述してください。

// #! jsx

JavaScript → CoffeeScript

JavaScriptの1行目に以下のコメントを記述してください。

#! coffeescript

CSS → SCSS

CSSの1行目に以下のコメントを記述してください。

/* #! scss */

CSS → LESS

CSSの1行目に以下のコメントを記述してください。

// #! less

簡単な挿入方法

Optionパネルからボタンを押すと1行目にコメントを挿入することができます。

optionpanel.jpg

Sample

と、いうことで、ブラウザだけでjavascript, JSX, CoffeeScript, HTML, CSS, SCSS, LESSを書いて実行できるサービス「jsdo.it」を＼よろしくおねがいしまーす！／

【おまけ】コーディングコンテスト開催中です！

コードを書いてMacBook Proをもらおう！！

SCSSでアニメーションを書いてもOKですよー！ぜひぜひご参加ください♪

CSS3を使った演出テクニックがすごいと話題に

コロプラさんと一緒に行っているコーディングコンテスト「SPEC vol.4」。

応募締切まであと1週間を残していますが、もうすでに変態的な作品が続々と投稿されているようです。

今回もとんがった作品がたくさん集まっているので、途中経過としてその一部をご紹介したいと思います。（ぼく個人の主観でピックアップして紹介していきます。審査とはまったく関係ないですよ！）

続きを読む

Pinterestをデコレーションできる素材集できました！

最近も楽天の出資があり、さらに注目を浴びている画像ストックサイト「Pinterest」。

そのPinterestをもっと楽しむための、素材集を作りました！

使い方は簡単。好きな画像を投稿した後に、飾りのように投稿するだけ！

あなたのボードがもっと楽しくなりますよ。

23人のカヤック社員がおすすめする「つくるときに役立つ三種の神器」まとめ

7月7日に行われる面白法人カヤックのイベントである「777☆カヤックフェスティバル」に向けて、
6月6日〜7月6日までの間、
ディレクター、エンジニア、フロントエンジニア、デザイナー、
全職能のブログを、同じテーマの記事でつなぐ「777ブログウェイ」を実施していました。

23人のカヤック社員が、「つくるための3種の神器」をテーマにブログを書きました。

そのまとめ記事になります。

続きを読む

jsdo.itがJSXとCoffeeScriptに対応！MacBook Proがもらえるコンテストも開催中！

JSX, CoffeeScript support!

jsdo.itで「JSX」「CoffeeScript」を書いて実行できるようになりました！

高速なJSを生成できる新言語[JSX](http://jsx.github.com/)と次世代ECMAScriptにも影響を与えている[CoffeeScript](http://coffeescript.org/)をサポートしました！

JSX, CoffeeScript support!

JSX

CoffeeScript

コーディングコンテストも開催中です！

SPEC

ゲームの演出を作成するコンテストです。賞品も豪華なのでぜひぜひご参加ください！もちろん、JSXやCoffeeScriptでチャレンジしても大丈夫です！

思わず絵が描きたくなる!?デザイナー必見の三種の神器

はじめまして、京都支社所属のデザイナー田中里穂です！

 

今回のテーマは

思わず絵が描きたくなる（！？）三種の神器

 
絵を描いた事がない人も思わず描いてみたくなってしまうかもしれない、３種の神器を紹介します。
 

１、UFOの様なカワイイ子！「Griffin Tecnorogy PowerMate」

tool.jpg

見た目はUFOかオーディオのボリュームノブ！
アルミ削り出しで一番下の部分がLEDで青く光ってカッコイイんです！
最近私の左手にはいつもこの子が居て、右手にはタブレットのペンといった感じです。
 
タブレットについての記事は以前、古賀さんが書かれたので参照していただければと思います。
→http://design.kayac.com/topics/2012/06/graphic.php
 
つまみ部分にショートカットを割り当てて使えます。しかもアプリケーションごとに割り当てキーを変えられるのでとっても便利です。
私はPhotoshopのブラシをシームレスに変更したり、色の変更に使っています。
左右の手を同時に使えるので感覚的な作業が可能です。
 

2、目から鱗のPhotoshopチュートリアル！ 「10Steps.SG　http://10steps.sg/」

10steps_sg.jpg

基本の文字加工から卵を頭に変えることができる面白系まで様々なチュートリアルを読むことができます。英語のサイトですが、絵がたくさん載っているので何となく理解できてしまいます。
 

３、こんなすごいビーズアクセサリー見たことない！「 The Art of Bead Embroidery」

book.jpg

色使いや装飾が秀逸で、個性的なデザインのビーズアクセサリーが掲載されています。
これを見ていると色々なイマジネーションが湧いてきて、
キャラクタや衣装デザインはもちろん、背景コンセプトも描きたくなってしまいます。
トレーディングカードのイラストにこういった要素を入れると一気にレア度の高いカードに仕上がったりしますよ。
お試しあれ！
 

最後に

この記事は面白法人カヤックの七夕のイベント「777カヤック☆フェスティバル」に向けたリレーブログです。

技術系のアドベントカレンダー(*)になぞり、777イベントが開催される7月7日までの期間に、
4つの職能ブログ ( エンジニア、デザイナー、フロントエンドエンジニア、ディレクター ) を横断し、更新します。

テーマは「つくるための三種の神器」。

カヤック有志による、それぞれの切り口で記事を投稿していきます。
では期間中、どうぞお楽しみにください。

明日は、ディレクターのブログになります！

* アドベントカレンダーについての記事 「師走を楽しもう。技術系アドベントカレンダーの魅力とは」

グラフィッカーの三種の神器っ！？

 

どうもはじめましてカヤック意匠部ディレクターのkosukeです！

グラフィッカーの三種の神器っ！？

と言うほどのものでもないですが案外、普段はベーシックなツール使ってるんですが外出先でふと仕事のアイデアや構想が思い立った時などグラフィッカーが便利にどこでも仕事ができるツール等をサクッとご紹介します！！
 
 
 
 
 
まずはお勧めはこれ！！

①～Eee Slate EP121～

　　　お勧め度☆☆☆☆☆
ASUS.jpg
 
思わず何か仕事の構想が浮かんじゃってどうしても外出先で絵が描きたい！
 
通勤電車中でも絵が描きたい！
 
寝転んで絵が描きたい！
 
う～んトイレでも絵が描きた～い！！
って言う人は知る人ぞ知るASUS Eee Slateが超お勧めです！！
 
グラフィッカー仕様に作られたスマートなタブレットＰＣ。
 
ノートＰＣよりも格段にコンパクトで筆圧感知も‘wacomばりにばっちりでペイントや線画も何でもスラスラ思いのままかけちゃいます。
結構前のモデルではありますが案外国産でも中々こう言ったコンパクトなタブレットＰＣは出回っていないのが現状。中々モバイルで難しい筆圧感知がここまでに薄型で実現するASUSに脱帽です。
 
グラフィッカー用のオールインワンタブレットＰＣとしては未だ類を見ないものだと思います。
 
グラフィックデザイナーにとってアイデアが出た瞬間にいちいちＰＣのあるデスクまで足を運ばないと描けない状況ってのは致命傷！いつでもスレンダーに描けちゃいます！！
 
インストールすればオリジナルソフト以外の様々なグラフィックソフトも普通に使えます！
 
もちろん映画もネットを普通に楽しめる上カメラ内蔵でビデオチャットも余裕で出来るオールインワンタブレットＰＣです！とにかく場所を問わずひたすら絵を描きじゃくりたい人には必見！！
 
～Eee Slate EP121～
 
 
 
 
 
 
 
更にタブレットＰＣにおけるショートカットによるツールアクションにはこれ！！

②～ワイヤレスミニキーボード「diNovo Mini」 ロジクール [DN-500] ～

　　　お勧め度☆☆☆☆
 
ASUS1.jpg
 
 
diNovo Miniを使うとよりコンパクトでカフェでもアウトドアでもどこでも楽々ツールアクションでお絵かきできちゃいます。
 
コードレスなのでまさにパレットと画板をもって絵を描くようなスマートなスタイルでお絵かきライフを楽しめます！Eee Slate付属のキーボードが大きいのでDN-500とEee Padを連用したらどこでもコンパクトに多彩なお絵かきを堪能できます！
 
し かもこいつのすごい所はバックライト式で暗い部屋や夜の野外の景色でも絵を描けちゃう優れもの！どうしても内臓のタッチパネルキーボードは絵の邪魔になっ て描けないのでこれは良いです～☆しかもEP121には付属でイーゼルがついてくるのでこの掛け合わせはまさにパレットを持って絵を描くような次世代の画 家スタイルが一丁出来上がりっ！
 
～DN-500～
 
 
 
 
 
 
 
でもあたしゃipadしか持っていないんだよね～高くてタブレットＰＣ無理っ！という人はこれ！！

③～bambooスタイラスペン×ipadアプリartstudio～

　　　お勧め度☆☆☆
ipad.jpg
 
さすがにipadなんで質厚感知はありませんがその分、artstudioでペンのサイズ調節や、強弱を細かく設定できるのでbambooスタイラスと相性いいです！
 
artstudioはレイヤーも使える機能もある上、これまた多彩な画材ツールが盛りだくさん！！
ちょっとお出かけ先で景色を描いたり人物スケッチやクロッキー程度なら十分です。
 
描きこむことによって結構な表現も可能で伊達なグラフィックツールではありません。基本的なブラシやペンから様々なタッチのツールが用意され更にシンメトリードローイングも出来るので模様やテキスタイルもサクサク作れます！油絵っぽくや水彩っぽくも色々描けちゃいます！
 
保存した下書きを再度パソコンで本番書きするような感じでイメージラフ原画等には十分です！
ちょっと外出先で描きたい構想がある時等は自分はたまに使っています。個人的にはかの有名なZ〇nBr〇shよりもいいかもです！！
 
 
～bambooスタイラスペン～
 
 

～artstudio～

http://itunes.apple.com/jp/app/artstudio-for-ipad-o-huikaki/id364017607?mt=8

 

 

 

というような感じで以上でっす！！

なかなか言葉じゃ伝わらないのでとにかくお試しあれっ！！！