最近、1ツイート(280文字)内にシェーダーをおさめる つぶやきGLSL というものが流行っています。 一見「もうこれ以上詰められないよ～」となってしまっても、よくよく探すと意外なところを削れることがあったります。 この記事では、自分が使っている、つぶやきGLSLで文字を詰めるためのテクニックをチートシートとしてまとめてみました。 つぶやきGLSLの作例 #つぶやきGLSL void main(){vec3 p;for(int i=0;i<32;++i)p+=vec3((gl_FragCoord.xy*2.-r)/r.y,1)*(length(cos(p))-length(sin(t/.1+p/.2))*.6*s)*.5;gl_FragColor=vec4(5./p.z*s);} vec2 mainSound(float t){int i=int(t*=1e3);return vec2((

集合知プログラミング を読んでいたら、K-means 法（K平均法）の説明が出てきました。 K-means 法はクラスタリングを行うための定番のアルゴリズムらしいです。存在は知っていたんだけどいまいちピンときていなかったので、動作を理解するためにサンプルを作ってみました。 クリックすると１ステップずつ動かすことができます。クラスタの数や点の数を変更して、Restart を押すと好きなパラメータで試すことができます。 こうやって１ステップずつ確認しながら動かしてみると、意外に単純な仕組みなのが実感できました。 (追記) HTML5 版の K-means 法を D3.js でビジュアライズしてみた も作成しました。Flash を表示できない環境ではそちらをご覧ください。 K-means 法とは K平均法 - Wikipedia に詳しく書いてあるけど、もうすこしザックリと書くとこんなイメージに

GDC2018 にて Microsoft から「Inertialization: High-Performance Animation Transitions in 'Gears of War'」と題した講演が行われました。実用的で良い講演だったので解説していこうと思います。 www.gdcvault.com 講演概要 従来のクロスフェードによるアニメーションブレンドでは、ブレンド中に2つのアニメーションを評価する必要があり、ゲームの状態により瞬間的な処理コストが跳ね上がるという問題を抱えている。 Gears of War ではアニメーションブレンド時に2つのアニメーションを評価する事を辞め、アニメーション遷移後のポスト処理としてブレンドを行った。 ブレンド開始時点の関節速度を維持することで、遷移前アニメーションの評価を止めても自然なブレンドを実現できる。 従来のクロスフェード Gears

音声信号処理により、自分の声をまったく別の人の声に変換するというSFのような技術が登場してきました。東京・世田谷区にあるクリムゾンテクノロジーが開発した「リアチェンvoice」というのがそれ。リアル＆リアルタイムに音声を変換する、ということから名付けられているそうですが、すでに8月から販売も開始されているという現実となっている技術なのです。 奈良先端科学技術大学院大学の戸田智基客員教授(名古屋大学教授)の戸田智基教授の研究グループとクリムゾンテクノロジーによる共同開発で、製品は標準版とプロ版の2種類。実際、どのくらい使えるものになっているのかを見てきましたので、紹介してみたいと思います。 リアルタイムにしゃべる声をキャラクターの声に変換するリアチェンvoice 最近、ゆるキャラの着ぐるみが各地で活躍しています。ただ、ゆるキャラをしゃべらせるとなると、なかなか無理も生じてきます。アニメなどの

著者：お得情報研究家まめ お得情報研究家として、テレビ出演多数。大阪在住の男性です。結婚や子育てで、あまりにもお金がかかる割に、安月給で将来が不安に。実体験を元に、消費・投資・浪費に関わるお金の使い方や節約情報を配信しています。お得情報や割引クーポン、コスパのいい商品を探すのが得意。 まめのプロフィール X（Twitter）：お得情報研究家まめ｜ビリオンログ インスタグラム：お得情報研究家まめ｜ビリオンログ

ECSは現状正直な所、物量が必要な部分をECSで試して大まかな部分は既存のMonoBehaviourやUnityEngine系のコンポーネントを使うのがベターな回答です。今回はECSとGameObjectを連携させる手法についてを紹介します。 検証バージョン：Unity 2019.3、Entities 0.3.0 preview 4 Hybrid ECS GameObjectとEntityの同期 同期のサンプルコード GameObjectもしくはEntityの破棄について クラスを管理する「Managed」なComponentData ISharedComponentDataとの違い おまけ 関連 Hybrid ECS ConvertToEntityはGameObjectをEntityへ変換してくれるコンポーネントですが、ConvertAndInjectGameObjectを使用すると変換

2人の開発者についての話があります（仮にA、Bとしましょう）。どちらも同じような専門で、同程度の知識と造詣がありました。スキルが上達するにつれ、Aは自分が知っているすべてのことをブログに書くようになりました。そのブログはすぐに人気が出て、大勢のファンを獲得し、Kickstarterのキャンペーンで数千ドルを獲得しました。 もう1人の開発者であるBは、自分の学んだことを何ひとつシェアしないどころか、ほとんど誰にも話しませんでした。 この話で面白いのは、自分の知識をシェアしなかったBは、Aのブログを軽視しているということです。Bにとっては、そのブログは「自分の知らないこと」を教えてくれてはいないので、役に立たないものでした。ところが、多くの人は自分が知っていることをまだ知らず、学びたいと思っていることに、Bは気付けませんでした。「自分ほどの知識が無い人はたくさんいる」という事実に気付いたAとの

子供の頃から絵を描くこと（ラクガキ）が大好きでした。 とはいえ、絵を仕事にする画家や漫画家になりたいというのはあまりなく、ただ単に絵を描くことが好きでテストの裏紙やノートや手帳に描いたりがほとんど。 それもあって「これは自分が楽しむためのラクガキなんですよ」といい続けてきました。 そんなある日、このブログで私のラクガキを見てくれた知人の「僕も絵を描けるようになりたいんです！」というリクエストに応えるために「ハッピーラクガキライフ」というラクガキ講座を開催することになりました。 今回はその講座の中でも一番キャッチーで多くの人に喜んでいただいている「絵が苦手な人でも一瞬で100の表情が描けるようになるテクニック」をご紹介したいと思います。 人間の表情を構成する要素 人間には人の顔にとても敏感に反応する本能が備わっています。この現象のことを「シミュラクラ現象」といいます。 ▼点3つが顔に見えるこ

サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

ブログを書くことで自分の成長を加速できる３つの理由 2013年12月27日投稿 2017年10月10日更新 カテゴリ：ブログの書き方 著者: jMatsuzaki photo credit: plugimi via photopin cc 私の愛しいアップルパイへ 2011年8月にこの愛すべきブログを開設して以来、700近くの記事を投稿してきました。特に開設してから最初の1年以上(正確には467日間)は毎日休まず更新していました。 もちろん最初はアクセスがほとんど無い状態です。誰にも読まれないブログを毎日1時間以上かけて更新するモチベーションがどこから来るのかと不思議に思う方もいらっしゃったようですが、明確な理由がありました。 理由は３つあります。 文章化することで記憶が定着する 後で検索できるデータベースになる 他人に教えることで学びの質が上がる もっと詳しく知りたいですか。ハッハー！よ

「全然使えないおっさんが入ってきた」状態のつらい状況から這い上がるきっかけとなった3つのターニングポイントについての話。 @TechCrunch Tokyo ハッカソン Tech Talk 関連記事：『人生初の講演をしました』 http://d.hatena.ne.jp/shu223/20131111/1384156668 もしよろしければ。。 http://www.amazon.co.jp/registry/wishlist/3OXBFWIH88643

面白法人カヤック HTMLファイ部 古都鎌倉から新しい技術と面白いサービスを、次々にリリースする面白法人カヤックのフロントエンジニアチーム

文章を読み易くする為に段落を用いてレイアウトすることは非常に多く、いかに読みやすく、いかに見やすいかを考えて構成する必要がありますね。 1.段落の使い方 2.読みやすい改行位置 3.箇条書きについて 4.文章をデザインするという事 段落の使い方 このブログではある程度の長さで1段落を設定し、一つ一つのブロックが長過ぎないようにある程度の調節を心がけています。 しかし可読性や視認性の事を考えると当然これだけでは駄目ですよね。もっと考えるべき点があります。 今回はちょっとその辺りについて考えをまとめてみたいと思います。 読みやすい改行位置 まず文章を構成するにあたり、必ず考えるべきなのは改行の位置です。Webに限らず紙媒体でも同じで、どこで改行すれば読みやすいのか・見やすいのかを意識するのはとても大切な事ですよね。 基本的に改行は句読点位置で行う事。これが一番シンプルではないでしょうか？あと、

最近テック系のブログやニュースなどでHTML5を取り上げられることが多くなり、目にされた方も多いと思います。人気ブログの「Techwave」でも以下のような記事でHTML5に言及しており、その注目の高さが伺えます。 ソーシャルの次の時代、「フリーミアム」が終わり「コンテンツがキング」になる Appleを脅かすFacebookの「プロジェクト・スパルタン」とは 日本のソーシャルゲームに追い風、日本はスマホソーシャルゲーム市場で世界を獲れる！ これらの記事の中で、HTML5をベースにしたWebアプリの可能性が非常に高く評価されており、今後のモバイルアプリの主流がネイティブアプリからWebアプリに移行すると予想されています。 そこで今回はこのHTML5およびWebアプリについて取り上げ、その可能性を探ってみたいと思います。 ■ HTML5とは 最初にHTML5とはどういうものなのか簡単に説明した

Movable Type（以下MT）で複数ブログを使ったサイトを更新していると、全体が再構築されないことがあります。 あっちこっちで共通部分をインクルードしていたりすると、特に気になったり。 ブログが10個とかになると、ひとつひとつに手動で再構築をかけていくのも面倒です。 再構築トリガーやプラグインを試してみても、イマイチすっきり再構築してくれず困っていた時に発見したのがコレ！ 対応MTは4.2までとなっていますが、5でもちゃんと使えました。 http://tec.toi-planning.net/mt/rebuildlet/ 使い方はちょっと変わっていて、まず上記ページにあるリンクをお気に入りにブックマークします。 再構築をかけたい時は、MT管理画面にログインした状態でブックマークしたURLにアクセス！ すると… こんな感じでブログをリストアップしてくれます。 あとは再構築したいブログを

Googleは、「Google Chrome」でコーデック「H.264」のビルトインサポートを中止するという同社の決断への批判に対する回答として、ウェブビデオの規格にロイヤリティが生じていたのでは、ウェブが制約を受けてしまうと主張した。 Googleの製品マネージャーを務めるMike Jazayeri氏は米国時間1月14日付けのブログ投稿で、<video>タグ内のビデオコーデック規格として「WebM」のみをサポートするという同社の計画について、賛同以上に寄せられている批判に対して回答した。 「われわれの選択は、今決断してプラットフォームを推進するためのオープンな技術に投資するか、プラットフォームが分断化され、ロイヤリティの徴収に多大な関心が寄せられる中で革新が進められるような現状を甘受するかのいずれかであった」と同氏は記した。「この観点からわれわれは、オープンなウェブに賭ける方を選択し、こ

RSSリーダーやソーシャルブックマークを情報収集のツールとして使用していると、自分はタイトルを見て記事を読むかどうかを判断している場合が多いことに気付く。 溢れる情報の中でパッと目につくタイトルがあるととりあえず見てしまう。こういう人って意外と多いんじゃないかな。 こちらの記事では、そんな重要なタイトル作りのノウハウをいくつか紹介しています。 http://www.modernlifeisrubbish.co.uk/article/how-to-write-great-headlines 話題のキーワードやトレンドを記載する みんなの関心を引くには、みんなが今関心を持っている事柄をタイトルに入れよう。 基本といえば基本ですが、ちょっとした工夫でより人の目を引くタイトルになるかも。 悪い例：カタールのTV局が新しい機器を入手　(Qatar TV Channel aquires new har