【新機能】作り忘れたまとめはありませんか?31日前まで期間指定してまとめが作れる高度な検索ができました。有料APIだからツイートの漏れはありません!

RECREATIVE Vol.1 テーマはWebのアニメーション

2016年8月2日(火)に開催されたRECREATIVE Vol.1(http://recreative.connpass.com/event/36399/)のツイートをまとめました。
WebGL CSS Processing FLASH アニメーション
2436view 0コメント
このまとめをお気に入りにして応援しよう!
0
ログインして広告を非表示にする
沖 良矢 @448jp 2016-08-02 19:08:56
今日はRECREATIVEという第1回目の勉強会に来ています。会場のシフトブレインさんのオフィスがおしゃれすぎて震えています……。 #re_creative
沖 良矢 @448jp 2016-08-02 19:13:40
RECREATIVE Vol.1のイベントページはこちらです。 recreative.connpass.com/event/36399/ #re_creative
よしこ @yoshiko_pg 2016-08-02 19:26:32
かっけぇ #re_creative (@ SHIFTBRAIN INC. in 港区, 東京都) swarmapp.com/c/fZQTXLPRba9
沖 良矢 @448jp 2016-08-02 19:31:59
RECREATIVE Vol.1が始まりました。クリエイティブなことをテーマにしてイベントを開催していくそうです。第1回目のテーマは、「Webのアニメーション」。 #re_creative
沖 良矢 @448jp 2016-08-02 19:34:00
イベント自体は安友さんが個人的に始められたものの、各種協力・スポンサーが。椅子はソニックジャムさん、マイク・ミキサーはCINRAさん、懇親会はシフトブレインさんの協力だそうです。 #re_creative
沖 良矢 @448jp 2016-08-02 19:37:23
出演者4名の自己紹介のあとは、座談会形式で質問に答えていくそうです。最初は、「制作環境やまずは何から始めたらいいか。」 #re_creative
沖 良矢 @448jp 2016-08-02 19:40:04
東倉さん(シフトブレイン)はWebStorm (MacBook Pro)。昔と比べるとCodePenなどサンドボックス系のWebサービスが充実しているので、見よう見まねで始めるのがオススメ。 codepen.io #re_creative
沖 良矢 @448jp 2016-08-02 19:41:55
池田さん(フリー)は、Coda。始め方は、Flashから始めることをオススメ。今もプログラミング内で使う概念を学べる。才能に自信がある人は、最初からWebGLとかを始めてもいいけど……。 #re_creative
沖 良矢 @448jp 2016-08-02 19:43:06
ホさん(シフトブレイン)は、MacBook Pro(IDEは聞き取れず)。最初はスケッチから始めて、それをコードに写す、ということをやっている。完成形を目指すのではなく、かんたんな物から始める。 #re_creative
よしこ @yoshiko_pg 2016-08-02 19:43:14
アニメーション作るときまずスケッチするんだー Sketchじゃなくて手書きのスケッチだよねきっと #re_creative
沖 良矢 @448jp 2016-08-02 19:44:08
荒井さん(ホムンクルス)は、WebStorm。池田さんと同じく、Flashから始めたことが今の下地になっている。CodePenやProcessingなど入りやすいところから気軽に始めるのがよいのでは。 #re_creative
沖 良矢 @448jp 2016-08-02 19:45:47
requestAnimationFrameの話。1/60フレームで描画するというやり方は、CSSアニメーションのようなやり方よりも、クリエイティブコーディングに向いている。 #re_creative
よしこ @yoshiko_pg 2016-08-02 19:46:33
easingのマイルールめっちゃききたい #re_creative
沖 良矢 @448jp 2016-08-02 19:46:33
2番目の質問は「イージングのチョイスにいつも悩むのですが、みなさんのマイルールみたいなものがあれば教えてください。」これワシの質問やで! #re_creative
よしこ @yoshiko_pg 2016-08-02 19:47:28
私はとりあえず最初にease-in-outあてる #re_creative
沖 良矢 @448jp 2016-08-02 19:48:19
荒井さん「たくさん使って好みのものを選んでいく」、安友さん「Robert Pennerのイージングばかりになってしまうけど?」、荒井さん「もちろん自作することもあるけど、基本はRobert Pennerイージングからチョイスすることが多い」 #re_creative
沖 良矢 @448jp 2016-08-02 19:49:56
ホさん「イージングは、自分にとってはとても大事。cubic-bezierというサイトを使って作り込む」私もcubic-bezierはよく使ってます。いいすよねー。 cubic-bezier.com #re_creative
沖 良矢 @448jp 2016-08-02 19:50:37
安友さん「距離や時間でもイージングの印象はとても変わってくるのが難しいですよね」(スピーカー同意) #re_creative
よしこ @yoshiko_pg 2016-08-02 19:51:02
作業の3割がイージング調整・・・スゴイ #re_creative
沖 良矢 @448jp 2016-08-02 19:51:36
池田さん「困ったらeaseInOutExpo。他に使うのはeaseOutBackで、そのまま使うとサンプルっぽくなるけど、パラメータを調整するといい。たまにカッコつけてeaseInOutQuart#re_creative
よしこ @yoshiko_pg 2016-08-02 19:51:43
easeInOutExpoとeaseOutBackが使える(こういうの聞きたかった) #re_creative
よしこ @yoshiko_pg 2016-08-02 19:52:49
easeInOutCubicをベースにしていじる。クセがないので #re_creative
沖 良矢 @448jp 2016-08-02 19:52:52
東倉さん「サイトのデザインによってコロコロ変える。一番使う確率が高いのは、easeInOutCubic。これをベースにパラメーターをいじるのが多い。コーポレートのようなプレーンなサイトでは、クセのないイージングを使う#re_creative
残りを読む(97)

カテゴリーからまとめを探す

ログインして広告を非表示にする
ログインして広告を非表示にする