タグ

2017年5月6日のブックマーク (5件)

  • グラフィックデザイナーやディレクターがhtmlコーディングの指示に関して注意すべきこと / Shiro Kuro Inc.

    友人の広告企画制作会社で、Webサイトのコーディング指示に関する注意すべきことを話しました。

    グラフィックデザイナーやディレクターがhtmlコーディングの指示に関して注意すべきこと / Shiro Kuro Inc.
    oki448jp
    oki448jp 2017/05/06
    グラフィックデザイナーやディレクターがhtmlコーディングの指示に関して注意すべきこと
  • WebGL使ったスマホでの動画インライン再生 - devdev Inc. / works

    いわゆるvideo要素のcurrentTime進めてキャプチャしてcanvasへ表示するやつ。 もっと手間かかるかと思ってたけど、THREE.VideoTextureのおかげでだいぶスマートに実装できた。 使用頻度高そうなので忘れないようにメモる。 ・デモはこちら https://ikeryou.github.io/inlineMovie/ ・github GitHub - ikeryou/inlineMovie: スマホでの動画インライン再生テスト ・ソースメモ スマホでの動画インライン再生 for WebGL

    oki448jp
    oki448jp 2017/05/06
    Three.jsを使ったスマホでの動画インライン再生
  • スタイルガイドジェネレーターの「Fractal」がかなり良さそう

    ずっと自分好みのスタイルガイドジェネレーターを探していたんですが、ようやく見つけました!「Fractal 」というツールで、かなり良さそうなのでご紹介します。 初級編、中級編の2回に分けて、初級編ではインストールと初級設定からウェブUIの起動までを、中級編ではコンポーネントのより細かい設定などについてご紹介します。公式ドキュメントは初めてだとわかりづらいところもあったので、その辺を補う形でまとめてみたいと思います。 ※先日、スタイルガイドとパターンライブラリの違いについてまとめましたが、スタイルガイドやパターンライブラリを自動生成するツールは「スタイルガイドジェネレーター」というのが一般的なようです。「パターンライブラリジェネレーター」とは呼ばないみたいですね。 では早速、「Fractalのはじめの一歩」的な感じで行ってみましょう! Fractalとは まずは、ざっくりとFractalをご

    スタイルガイドジェネレーターの「Fractal」がかなり良さそう
    oki448jp
    oki448jp 2017/05/06
    スタイルガイドジェネレーター「Fractal」
  • OpenToonz

    2Dアニメーション制作ソフトウェアです。 イタリアのDigital Video社が開発し、株式会社スタジオジブリのカスタマイズを経て、 ジブリ作品の制作に長年使われてきたソフトウェア「Toonz」が基になっています。 ドワンゴはDigital Video社とスタジオジブリの協力を得て、このOpenToonzのプロジェクトを開始します。 商用・非商用問わず、どなたでも無料で使用することができます。 オープンソースで公開され、自由にソースコードを改変することができます。 映像表現に関する学術研究とアニメ制作の現場とをつなぐ、あたらしいプラットフォームを目指しています。

    OpenToonz
    oki448jp
    oki448jp 2017/05/06
    Toonzのオープンソース版「OpenToonz」
  • three.jsのlinewidth効かへんメモ - devdev Inc. / works

    ある程度太めのライン(2D)をうにょうにょさせたいっていう要望があって、 それならthree.jsのLineBasicMaterialのlinewidth設定すれば一発だろうと思ってて、 即「できます!」って答えたんだけど、 このプロパティまったく効かへん。。。 なに設定してもずっと1pxの細い線のまま、、 前できてたような気がしたんだけど記憶違いだったか、、 ウニョ線は色々汎用性の高い表現なので、 できればWebGLでできるように無理やり解決しておきたくて、 (Canavsなら線幅変えられる。何回もやったことあったなと思ってたのはたぶんCanvasのことだった) 調べたらTubeBufferGeometryっていうよさそうなのがあって、 これカメラ固定して表示したらまんま2Dのラインだな。 と思って試したらそれっぽくなった。 線太くするテスト アニメーションさせるときに頂点一から計算し直

    three.jsのlinewidth効かへんメモ - devdev Inc. / works
    oki448jp
    oki448jp 2017/05/06
    Three.jsのLineBasicMaterialのlineWidthについて