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 Aug 29, 2015
three.js - ウィンドウサイズに合わせてゲーム画面を変更する。
View README.md

スクリーンサイズに合わせてゲーム画面を変更する

  • three.jsでスクリーンサイズに合わせてゲーム画面サイズを変更する
  • ゲーム画面はW 192 × H 256の昔のレトロのピクセル数
  • ゲーム画面を保ったまま、スクリーンサイズにフィットさせる
@sfpgmr
sfpgmr / README.md
Last active Aug 29, 2015
スカッシュゲームを作る - パドルの追加
View README.md

パドルを追加して、跳ね返るようにする

@sfpgmr
sfpgmr / .gitignore
Last active Oct 18, 2015
Web Audio モジュラー接続画面デモ
@sfpgmr
sfpgmr / .gitignore
Last active Oct 20, 2015
Web Audio APIのモジュラー接続デモを作ってみる(3)
View .gitignore
typings
src
.vscode
@sfpgmr
sfpgmr / .gitignore
Last active Oct 24, 2015
Web Audio APIのモジュラー接続デモを作ってみる(4)
View .gitignore
typings
src
.vscode
node_modules
bower_componets
@sfpgmr
sfpgmr / README.md
Last active Jan 4, 2016
馬の3Dアニメーション(VR対応)
View README.md
@sfpgmr
sfpgmr / README.md
Last active Jan 11, 2016
ブロック崩しを作る(1)
View README.md
@sfpgmr
sfpgmr / Readme.md
Last active May 25, 2016
YouTube Viewer Sample
View Readme.md

このサンプルについて

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

使い方

  1. 検索したいタイプ(Channel,Video,Playlist)を選択します。
  2. 検索ボックスにキーワードを入力し、エンターキーを押すと検索結果をサムネイルで表示します。
  3. チャンネルやプレイリストをクリックすると動画一覧を表示します。動画一覧にマウスカーソルをポイントするとプレビュー再生します。
@sfpgmr
sfpgmr / index.html
Last active May 25, 2016
WebGL 0001 地球と戦闘機を表示する
View index.html
<!DOCTYPE html>
<html>
<head>
<title>WebGL Test</title>
<meta name="keywords" content="WebGL,HTML5,three.js" />
<meta name="description" content="WebGL,HTML5,three.js" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//www.sfpgmr.net/scripts/three/three.js"></script>
<script src="//www.sfpgmr.net/scripts/three/Detector.js"></script>
<script src="//www.sfpgmr.net/scripts/three/stats.min.js"></script>
@sfpgmr
sfpgmr / README.md
Last active Oct 23, 2016
SVGからthree.jsのshapeへの変換(3)
View README.md

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

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

3Dっぽく回転させてみてます。

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

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

You can’t perform that action at this time.