Submit Search
Upload
ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料
•
15 likes
•
19,672 views
minoru nakanou
Follow
HTML5飯 http://atnd.org/events/52477 発表資料 ぱんちら.js -JavaScriptでテクスチャマッピング-
Read less
Read more
Report
Share
Report
Share
1 of 30
Download now
Download to read offline
Recommended
Web Speech API でおっさんの声を美少女化してみた
Web Speech API でおっさんの声を美少女化してみた
minoru nakanou
【HTML5飯】第2回 Webフロントエンジニア交流会 @横浜 #HTML5飯
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
minoru nakanou
第1回 HTML5minutes!! https://atnd.org/events/52545 登壇資料
Bootstrap
Bootstrap
Masaki Kusuhata
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
Kawaji Masaki
Bootstrapでサイト構築中に気がついた注意点と、IE7対応した際に準備したことをご紹介します。
120225 bootstrap
120225 bootstrap
TechGardenSchool
下村先生のクラス資料です! Twitter Bootstrap, Webデザイン, UI, UX
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
Masakazu Muraoka
Make TypingGame in JavaScript
Make TypingGame in JavaScript
undertale1
JavaScriptを使ったタイピングゲームのスライドです qiitaに詳しいコードも一部載せてるのでよかったらどうぞ →https://qiita.com/papyrustaro/items/7f3133569ec363670cd6
Bootstrapを使ってみよう
Bootstrapを使ってみよう
Kawaji Masaki
CSSフレームワークを代表するひとつ、Bootstrapを使ってみましょう。 2015/07/29 松戸WordPress部 第19回勉強会で発表した内容です。
Recommended
Web Speech API でおっさんの声を美少女化してみた
Web Speech API でおっさんの声を美少女化してみた
minoru nakanou
【HTML5飯】第2回 Webフロントエンジニア交流会 @横浜 #HTML5飯
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
minoru nakanou
第1回 HTML5minutes!! https://atnd.org/events/52545 登壇資料
Bootstrap
Bootstrap
Masaki Kusuhata
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
Kawaji Masaki
Bootstrapでサイト構築中に気がついた注意点と、IE7対応した際に準備したことをご紹介します。
120225 bootstrap
120225 bootstrap
TechGardenSchool
下村先生のクラス資料です! Twitter Bootstrap, Webデザイン, UI, UX
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
Masakazu Muraoka
Make TypingGame in JavaScript
Make TypingGame in JavaScript
undertale1
JavaScriptを使ったタイピングゲームのスライドです qiitaに詳しいコードも一部載せてるのでよかったらどうぞ →https://qiita.com/papyrustaro/items/7f3133569ec363670cd6
Bootstrapを使ってみよう
Bootstrapを使ってみよう
Kawaji Masaki
CSSフレームワークを代表するひとつ、Bootstrapを使ってみましょう。 2015/07/29 松戸WordPress部 第19回勉強会で発表した内容です。
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
Keisuke Aizawa
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
Let's make quickly mock up by bootstrap.
Bootstrap
Bootstrap
kenji goto
201409 ゼロから始めるWordPress勉強会 「Sass+Bootstrap+_sでテーマを作ろう」の中で使用したBootstrapについてのスライドです。 http://zerokarawp.com/ http://coedo-wordpress.doorkeeper.jp/events/14849
続・Twitter bootstrap入門 #html5j
続・Twitter bootstrap入門 #html5j
Toshiaki Maki
【再放送】WEBデザインのためのPhotoshop【WEBデザイナー学部】
【再放送】WEBデザインのためのPhotoshop【WEBデザイナー学部】
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/915/room ーーーーーーーーーーーーーーーーーーーーーーー
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
Masako Miyazaki
windowsにgulpを導入するまでの流れを説明したものです。未完成に見えて完成です。タイトル詐欺。
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
スライドだけじゃ情報足りないので興味ある方はFBやtwでコンタクトしてくれると嬉しいです。
高速化はじめの一歩
高速化はじめの一歩
Yuki Nakane
第3回 Creators MeetUpで使用したスライドです。
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
Erina Takei
第36回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/24504/ ・エンジニアがディレクタを兼務すればプロジェクトはスムーズになるのか? ・それぞれの立場の人が、お互いのプロセスに理解を示せば、世界は優しくなれる というお話 武井絵利菜@skyguild http://skyguild.jp
Laravel vue-project-upload
Laravel vue-project-upload
小川 昌吾
Vue.js Night Nagoya #2の発表資料
WebComponentsをPolymerとgulpとyeomanでさっくり使い始めよう
WebComponentsをPolymerとgulpとyeomanでさっくり使い始めよう
Hidetaka Okamoto
ITベンチャー3社の開発ツール チラ見せ♡ナイト LT
140119 hackathon
140119 hackathon
Marie Suenaga
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
Erina Takei
第25回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/11870/ 「オープンソース」の思想で「クリエイティブ」を楽しもう! というお話です。 武井絵利菜@skyguild
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
schoo WEB-campus http://schoo.jp/class/251
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
Androiderとi os屋さんがfirefoxosアプリを作ったら
Androiderとi os屋さんがfirefoxosアプリを作ったら
Kazuhiro Furue
2013/06/15 関西Firefox OS勉強会 1st にて発表した資料 http://atnd.org/events/39457
真のレシポンシブって何だろう
真のレシポンシブって何だろう
Yumi uniq Ishizaki
詳細はあとでblogに
WordPressのサイト内検索を使ってみよう
WordPressのサイト内検索を使ってみよう
Kawaji Masaki
WordPressのサイト内検索はとっても簡単に設置できます! サイト内検索の設置方法から、検索条件の設定方法などをまとめたものを発表しました。 2015/09/30 松戸WordPress部 第20回勉強会で発表した内容です。
CSSのカバレッジツール
CSSのカバレッジツール
sinsoku listy
第13回【フリースタイル】PORTもくもく会【学生歓迎!】 http://freestyle-mokumoku.connpass.com/event/25617/
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
Yuriko Kamimori
2020/2/29ウェブ解析士協会 (WACA) & Sprobeの共同主催イベントとして、ウェブ⽣存戦略セミナー (アフィリエイト/SEO/メディア運営) での登壇内容
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
Masakazu Muraoka
WebアプリをElectronに乗せる
WebアプリをElectronに乗せる
Hiroyuki Anai
https://atnd.org/events/66189
More Related Content
What's hot
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
Keisuke Aizawa
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
Let's make quickly mock up by bootstrap.
Bootstrap
Bootstrap
kenji goto
201409 ゼロから始めるWordPress勉強会 「Sass+Bootstrap+_sでテーマを作ろう」の中で使用したBootstrapについてのスライドです。 http://zerokarawp.com/ http://coedo-wordpress.doorkeeper.jp/events/14849
続・Twitter bootstrap入門 #html5j
続・Twitter bootstrap入門 #html5j
Toshiaki Maki
【再放送】WEBデザインのためのPhotoshop【WEBデザイナー学部】
【再放送】WEBデザインのためのPhotoshop【WEBデザイナー学部】
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/915/room ーーーーーーーーーーーーーーーーーーーーーーー
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
Masako Miyazaki
windowsにgulpを導入するまでの流れを説明したものです。未完成に見えて完成です。タイトル詐欺。
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
スライドだけじゃ情報足りないので興味ある方はFBやtwでコンタクトしてくれると嬉しいです。
高速化はじめの一歩
高速化はじめの一歩
Yuki Nakane
第3回 Creators MeetUpで使用したスライドです。
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
Erina Takei
第36回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/24504/ ・エンジニアがディレクタを兼務すればプロジェクトはスムーズになるのか? ・それぞれの立場の人が、お互いのプロセスに理解を示せば、世界は優しくなれる というお話 武井絵利菜@skyguild http://skyguild.jp
Laravel vue-project-upload
Laravel vue-project-upload
小川 昌吾
Vue.js Night Nagoya #2の発表資料
WebComponentsをPolymerとgulpとyeomanでさっくり使い始めよう
WebComponentsをPolymerとgulpとyeomanでさっくり使い始めよう
Hidetaka Okamoto
ITベンチャー3社の開発ツール チラ見せ♡ナイト LT
140119 hackathon
140119 hackathon
Marie Suenaga
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
Erina Takei
第25回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/11870/ 「オープンソース」の思想で「クリエイティブ」を楽しもう! というお話です。 武井絵利菜@skyguild
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
schoo WEB-campus http://schoo.jp/class/251
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
Androiderとi os屋さんがfirefoxosアプリを作ったら
Androiderとi os屋さんがfirefoxosアプリを作ったら
Kazuhiro Furue
2013/06/15 関西Firefox OS勉強会 1st にて発表した資料 http://atnd.org/events/39457
真のレシポンシブって何だろう
真のレシポンシブって何だろう
Yumi uniq Ishizaki
詳細はあとでblogに
WordPressのサイト内検索を使ってみよう
WordPressのサイト内検索を使ってみよう
Kawaji Masaki
WordPressのサイト内検索はとっても簡単に設置できます! サイト内検索の設置方法から、検索条件の設定方法などをまとめたものを発表しました。 2015/09/30 松戸WordPress部 第20回勉強会で発表した内容です。
CSSのカバレッジツール
CSSのカバレッジツール
sinsoku listy
第13回【フリースタイル】PORTもくもく会【学生歓迎!】 http://freestyle-mokumoku.connpass.com/event/25617/
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
Yuriko Kamimori
2020/2/29ウェブ解析士協会 (WACA) & Sprobeの共同主催イベントとして、ウェブ⽣存戦略セミナー (アフィリエイト/SEO/メディア運営) での登壇内容
What's hot
(20)
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
Bootstrap
Bootstrap
続・Twitter bootstrap入門 #html5j
続・Twitter bootstrap入門 #html5j
【再放送】WEBデザインのためのPhotoshop【WEBデザイナー学部】
【再放送】WEBデザインのためのPhotoshop【WEBデザイナー学部】
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
高速化はじめの一歩
高速化はじめの一歩
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
Laravel vue-project-upload
Laravel vue-project-upload
WebComponentsをPolymerとgulpとyeomanでさっくり使い始めよう
WebComponentsをPolymerとgulpとyeomanでさっくり使い始めよう
140119 hackathon
140119 hackathon
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
オープンソースプロジェクトのはじめかた@Creators MeetUp #25
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
Androiderとi os屋さんがfirefoxosアプリを作ったら
Androiderとi os屋さんがfirefoxosアプリを作ったら
真のレシポンシブって何だろう
真のレシポンシブって何だろう
WordPressのサイト内検索を使ってみよう
WordPressのサイト内検索を使ってみよう
CSSのカバレッジツール
CSSのカバレッジツール
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
クリエイターじゃなくてもできるWebサイト表示速度改善方法(事例のこぼれ話のおまけつき)
Similar to ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
Masakazu Muraoka
WebアプリをElectronに乗せる
WebアプリをElectronに乗せる
Hiroyuki Anai
https://atnd.org/events/66189
おしゃれCatalystに触ってみた
おしゃれCatalystに触ってみた
tomohiro morishita
CS5 Seminar | station 5 in 表参道『おしゃれ Flex User Group 』」にてライトニングトーク
Html5 and Graphics
Html5 and Graphics
Masakazu Muraoka
自作アプリ7月号
自作アプリ7月号
Tsuyoshi Kinoshita
Webアプリ作成の練習をしていました
面白法人カヤックのウェブフロントエンド術
面白法人カヤックのウェブフロントエンド術
minoru nakanou
【登壇資料】「プロに求められる最新Webスキルとは?」~第3回 HTML5 企業Webシステム開発セミナー http://hifive.connpass.com/event/11445/
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
ASP.net MVC で Stripe課金を実装してみた話
ASP.net MVC で Stripe課金を実装してみた話
Yukihito Kataoka
ASP.NET MVC でも Stripe 課金の実装が簡単にできます 簡単に利用開始! 直観だけでダッシュボードが使える! ドキュメントも充実!(日本語訳できているとなお良いが) いきなり開発、テストができる! 本番環境の利用申請もシンプル!(まだ登録してないですが) このLTの詳細は以下Quiitaを参照ください!http://bit.ly/2BwdVIX
Web audio control-webaudio.tokyo
Web audio control-webaudio.tokyo
Ryoya Kawai
Web Audio Controlsの紹介です。 https://github.com/WebMusicDevelopersJP/webaudio-controls
たのしいアノテーション
たのしいアノテーション
Kazuhiro Sasao
第45回 コンピュータビジョン勉強会@関東の発表資料です
おしゃれCatalystに触ってみた
おしゃれCatalystに触ってみた
tomohiro morishita
Meaning of law specialist join to hackathon
Meaning of law specialist join to hackathon
Hidemi Arai
11/11/2016 at patent salon off-kai after 2016 Patent Information Fair & Conference
Swaggerのさわりだけ
Swaggerのさわりだけ
Masakazu Muraoka
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
Web屋という仕事のこれから 〜Web動向からWeb屋に必要な技術を考えてみる〜 FutureSync Vol.5 で発表したスライドです。 タイトルは釣りです。前半はほぼネタです。 中身はJavaScriptで動作するデバイスは楽しいからみんなやってみたら? という内容です。
WebRTCでリアル店舗を作ってみる
WebRTCでリアル店舗を作ってみる
Junichi Okamura
【#techbuzz】10/23 第18回 HTML5+JS 勉強会 https://atnd.org/events/69852
第19回html5とか勉強会 pjax
第19回html5とか勉強会 pjax
Kensaku Komatsu
pjax = pushState + ajaxのプレゼン これまでのajaxの課題を解決する、history api(pushStateなど)を使ったプラクティスです。
ライブラリ作成のすゝめ - 事例から見る個人OSS開発の効能
ライブラリ作成のすゝめ - 事例から見る個人OSS開発の効能
Yoshifumi Kawai
for students.
Webの勉強会#11
Webの勉強会#11
MarlboroLand
JavaScriptについてまとめた資料です
Force.comサイトで動かすWeb Starter Kit
Force.comサイトで動かすWeb Starter Kit
Taiki Yoshikawa
シリコンバレーと世界のPerlエンジニア #yapcasia @kawanet
シリコンバレーと世界のPerlエンジニア #yapcasia @kawanet
Yusuke Kawasaki
シリコンバレーでは毎日のように企業主催のハッカソンイベントが開催されています。 シリコンバレーは魅力ある企業も多く、優秀なエンジニアを採用するのは難しいです。 そこでクラウド経由で世界のフリーランスのエンジニアに発注できるサービスが興隆しています。 シリコンバレーと比べたコストは10分の1。実際に使って分かったことを紹介します。 日本にいるエンジニアも、海外にいるエンジニアとのグローバルな競争に曝されています。 エンジニアを雇う企業も、圧倒的に低コストの開発を行う海外企業との競争に曝されます。 このセッションでは、シリコンバレーの最新情報を踏まえて、 世界の中での我々日本人 Perl エンジニアの今後について議論します。 海外をみる具体的な方法として、世界各地の Perl Mongers への参加方法、 ハッカソンなどイベントの探し方についても紹介します。
Similar to ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料
(20)
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
WebアプリをElectronに乗せる
WebアプリをElectronに乗せる
おしゃれCatalystに触ってみた
おしゃれCatalystに触ってみた
Html5 and Graphics
Html5 and Graphics
自作アプリ7月号
自作アプリ7月号
面白法人カヤックのウェブフロントエンド術
面白法人カヤックのウェブフロントエンド術
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
ASP.net MVC で Stripe課金を実装してみた話
ASP.net MVC で Stripe課金を実装してみた話
Web audio control-webaudio.tokyo
Web audio control-webaudio.tokyo
たのしいアノテーション
たのしいアノテーション
おしゃれCatalystに触ってみた
おしゃれCatalystに触ってみた
Meaning of law specialist join to hackathon
Meaning of law specialist join to hackathon
Swaggerのさわりだけ
Swaggerのさわりだけ
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
WebRTCでリアル店舗を作ってみる
WebRTCでリアル店舗を作ってみる
第19回html5とか勉強会 pjax
第19回html5とか勉強会 pjax
ライブラリ作成のすゝめ - 事例から見る個人OSS開発の効能
ライブラリ作成のすゝめ - 事例から見る個人OSS開発の効能
Webの勉強会#11
Webの勉強会#11
Force.comサイトで動かすWeb Starter Kit
Force.comサイトで動かすWeb Starter Kit
シリコンバレーと世界のPerlエンジニア #yapcasia @kawanet
シリコンバレーと世界のPerlエンジニア #yapcasia @kawanet
Recently uploaded
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
Masatsugu Matsushita
下記の会の感想 https://kichijojipm.connpass.com/event/315276/presentation/
Compute Units/Budget最適化 - Solana Developer Hub Online 6 #SolDevHub
Compute Units/Budget最適化 - Solana Developer Hub Online 6 #SolDevHub
K Kinzal
Solana Developer Hub Online #6 https://lu.ma/evx8jtpi
「VRC海のおはなし会_深海探査とロボットのお話」発表資料
「VRC海のおはなし会_深海探査とロボットのお話」発表資料
Yuuitirou528 default
深海探査を行うロボットについてざっくりと初心者向け?に解説したおはなし会の資料です。 https://x.com/INHI_UV2B/status/1796712335765369263
ビジュアルプログラミングIotLT17-オープンソース化されたビジュアルプログラミング環境Noodlの紹介
ビジュアルプログラミングIotLT17-オープンソース化されたビジュアルプログラミング環境Noodlの紹介
miyp
ビジュアルプログラミングIoTLT17資料です。
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
Toru Miyahara
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
Toru Miyahara
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
Toru Miyahara
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
Recently uploaded
(7)
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
Compute Units/Budget最適化 - Solana Developer Hub Online 6 #SolDevHub
Compute Units/Budget最適化 - Solana Developer Hub Online 6 #SolDevHub
「VRC海のおはなし会_深海探査とロボットのお話」発表資料
「VRC海のおはなし会_深海探査とロボットのお話」発表資料
ビジュアルプログラミングIotLT17-オープンソース化されたビジュアルプログラミング環境Noodlの紹介
ビジュアルプログラミングIotLT17-オープンソース化されたビジュアルプログラミング環境Noodlの紹介
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料
1.
ぱんちら.js JavaScriptで テクスチャマッピング Webフロントエンジニア交流会 @横浜 #HTML5飯
2.
面白法人カヤック HTMLファイ部 中農稔/ねろ ! エンジニア:JSer、ASer、Flasher 兼ウェブアニメーター SNS:nenjiru http://twitter.com/nenjiru http://qiita.com/nenjiru http://github.com/nenjiru http://www.kayac.com/team/nakano-minoru
3.
さいきんの仕事
4.
Yahoo!JAPAN 祝っていいとも 公開終了
5.
面白法人カヤック カヤックサイト2013版 http://www.kayac.com/
6.
おとこ大学 アダルトあ Private http://adult-ah.com/
7.
NHK HACKATHON NEWS CALL Private http://create.kayac.com/web/newscall/
8.
つくってみたラボ 現実の鍵でウェブサイトに ログインする http://create.kayac.com/electronic-work/real-keychain/ Private
9.
本日のテーマ
10.
11.
ぱんちら.js JavaScriptでテクスチャマッピング
12.
demo http://nenji.ru/_/pantira.js/
13.
レイヤー構造 img canvas
14.
テクスチャマッピング • 3D(2D)モデルにテクスチャを貼る • 形状にあわせて画像を変形するマッピング これを
canvas でやれば スカートを自由に変形できる!?
15.
canvasでできる変形 • 拡縮(scale) • 傾斜(skew) •
移動(translate) • 回転(rotate) 台形変形がない!
16.
17.
どうするか?
18.
三角形をつかう
19.
三角形をつかう
20.
21.
バージョン1 http://nenji.ru/_/pantira.js/
22.
スカートのふわふわ感たりなくない?
23.
バージョン2 http://jsdo.it/nenjiru/eXkp
24.
バージョン1との違い スカートの頂点座標の計算に ベレの方法を採用
25.
ベレの方法 ベレ法はラグドール物理ともよばれIKを実現するのにも利用されている 速度を明示的に保存しないことが特徴。速度が必要ときには、前回との座標との差分から求める 対になった粒子を引き寄せたり話したという拘束条件を行う。 ベレは、点と線でオブジェクトを構成する。棒は2つの点で構成され、構造物は一つ以上の棒か ら構成される ようするに・・・ 2点間の振る舞いを表すアルゴリズム
26.
Verlet polygon http://jsdo.it/nenjiru/pCaT
27.
28.
資料 テクスチャマッピング 最速チュパカブラ研究会 http://d.hatena.ne.jp/gyuque/20090211 ベレの方法 詳解 ActionScript 3.0アニメーション http://www.amazon.co.jp/dp/4873114373
29.
ご静聴ありがとうございました
30.
http://twitter.com/nenjiru
Download now