Skip to content

Instantly share code, notes, and snippets.

SFPGMR sfpgmr

Block or report user

Report or block sfpgmr

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@sfpgmr
sfpgmr / README.md
Last active Oct 23, 2016
SVGによる馬のアニメーションです。
View README.md

SVGアニメーション

SVGによる馬のアニメーションです。 エドワード・マイブリッジの「Horse in motion」をInkscapeでトレースし、各馬をセル化してアニメーションしています。

@sfpgmr
sfpgmr / README.md
Last active Oct 23, 2016
three.jsのPathのシリアライズ
View README.md

three.jsのPathのシリアライズ(2)

エドワード・マイブリッジの「Horse in motion」をInkscapeでトレースし、各馬をセル化したものをthree.jsのshapeに変換し表示しています。

今回はシリアライズ・デシリアライズのコードを最適化してみました。 http://bl.ocks.org/sfpgmr/cee0c48acb0854e2055c#pathSerializer.js

下記のURLから動くデモが見れます。Windows 10 Tech Preview 9926 のIE11では動作しませんでした。ひょっとするとIE11ではそもそも動作しないのかもしれません。原因は不明ですが。。

http://bl.ocks.org/sfpgmr/cee0c48acb0854e2055c

View README.md

SVGからthree.jsのshapeへの変換(4)

エドワード・マイブリッジの「Horse in motion」をInkscapeでトレースし、各馬をセル化したものをthree.jsのshapeに変換し表示しています。

@sfpgmr
sfpgmr / README.md
Last active Oct 23, 2016
SVGからthree.jsのshapeへの変換
View README.md

SVGからthree.jsのshapeへの変換

エドワード・マイブリッジの「Horse in motion」をInkscapeでトレースし、各馬をセル化したものをthree.jsのshapeに変換し表示しています。

見ていただくとわかりますが、Bugが残ってます。あとIEとFirefoxでは動作しません。私のコードが悪いようです。 下記のURLから動くデモが見れます。

http://bl.ocks.org/sfpgmr/6dcbf6d5f51d719bc764

@sfpgmr
sfpgmr / Readme.md
Last active Oct 23, 2016
WebGL 0002 回転するタイトル
View Readme.md

About

WebGLとThree.jsを使用した自己学習用のサンプルです。

@sfpgmr
sfpgmr / Readme.md
Last active Oct 23, 2016
Youtube API Test 0001
View Readme.md

##このサンプルについて

nodeからYoutube Data APIを呼んでd3とectを使用しサムネイルHTMLファイルを静的に生成する。

生成した静的ページは以下のリンクを参照。

http://www.sfpgmr.net/test/Youtube/0001/

@sfpgmr
sfpgmr / Readme.md
Last active Oct 23, 2016
動画サムネイルの表示とプレビュー再生
View Readme.md

このサンプルについて

Youtube Data APIとYoutube Player APIを使用して、サムネイル表示の上にマウスカーソルを重ねるとプレビュー再生します。

http://bl.ocks.org/sfpgmr/raw/0671168256d7b4c09d34/

使用したライブラリ

  • d3.js
  • q.js
@sfpgmr
sfpgmr / Readme.md
Last active Oct 23, 2016
再生リストのサムネイルとプレビュー
View Readme.md

このサンプルについて

Youtube Data APIとYoutube Player APIを使用した勉強を兼ねたサンプルコードです。

まずプレイリスト一覧を表示します。クリックするとプレイリストの中身をサムネイル表示します。 サムネイルの上にマウスカーソルを重ねるとプレビュー再生します。

ChannelIDを変更すると他のチャンネルのプレイリストを表示します。

※このサンプルは「Open in a new window」で確認してください。

@sfpgmr
sfpgmr / README.md
Last active Oct 23, 2016
ゲームとしての体裁を整える
View README.md

ゲームとしての体裁を整えた

  • 文字列表示・スコア表示を追加
  • ES6ジェネレータによるゲームフローの実装
@sfpgmr
sfpgmr / README.md
Last active Oct 23, 2016
スカッシュゲームを作る(4) - 徐々に難易度を上げていくルールを加える
View README.md

難易度を徐々に上げていく

  • ボールのスピードを上げていく
You can’t perform that action at this time.