WebGL-ES6でInstancing

WebGLをES6で書いてInstancingしてみた。 リロードするたびに三角形の描画位置が変わります

• 371
• 0

WebGL-ES6でdrawElements

WebGLをES6に書き直してみた。描画はdrawElements

• 612
• 0

WebGL-ワイプエフェクト

WebGLのステンシルバッファを使ってワイプエフェクトを掛けています。 以下のことができます。 マウスの位置に合わせて円形ワイプが移動 マウスホイールで円形ワイプのサイズ変更

• 1431
• 1

WebGL-ステンシルバッファ

テクスチャ２枚を使って、ステンシルバッファでマスクしてます。 1枚目にマスク用のテクスチャを描画し、その上に2枚目を重ねる事で目の部分だけくり抜くマスクができました。 マウスでぐりぐりできます

• 1529
• 0

WebGL-オフスクリーン

テクスチャをオフスクリーン表示してみました。 imgの上下反転はgl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1);でやってます

• 1227
• 0

WebGL-ステンシルとフレームバッファ

フレームバッファにステンシルバッファをさせてみました。 マウスでぐりぐりできます ※　追記 　この方法だとステンシルバッファしたものをフレームバッファに表示してるだけなので フレームバッファのステンシルは使ってません。 →　フレームバッファでステンシル使う場合はこちら(http://jsdo.it/.naotaro/2EIH)

• 1178
• 0

WebGL-乗算済みアルファテスト

プリマルチプライド（乗算済みアルファ）画像の場合、透明部分のふちが黒くなる その解決法のテスト。 HTMLのコメント部分を解除すれば正しく動く。 このサンプルはわかりやすくバグったままにしてある（顔のふちが黒くなるのが、乗算を２重にかけてる証拠） 乗算済みでない画像に切り替えると綺麗になる ・参考URL [コンポジターに必要なアルファチャンネルの知識（前編）](http://compojigoku.blog.fc2.com/blog-entry-4.html) [コンポジターに必要なアルファチャンネルの知識（後編）](http://compojigoku.blog.fc2.com/blog-entry-5.html) [乗算済みアルファとは？ その１:補間アルファの問題点](https://blogs.msdn.microsoft.com/ito/2010/07/10/423/)

• 975
• 1

まどまぎドット5 - tmlib.js 0.2.0

• 2898
• 1

まどまぎドット4 - tmlib.js 0.2.0

• 2239
• 0

まどまぎドット3 - tmlib.js 0.2.0

• 3638
• 1

まどまぎドット2 - tmlib.js 0.2.0

• 1957
• 0

まどまぎドット - tmlib.js 0.2.0

• 2863
• 1

ファミコンにしてみた - tmlib.js 0.2.0

• 2335
• 0

忍者じゃじゃ○くんにしてみた - tmlib.js 0.2.0

• 2569
• 1

カービ○にしてみた - tmlib.js 0.2.0

• 4248
• 6

[tmlib.js]手裏剣を上中下から真ん中に飛ばす

三角関数(sin,cos)の復習も兼ねて、手裏剣を真ん中に飛ばすようにしてみました。 手裏剣も画像を使わず、canvasで描画してます。 避けゲーのサンプル用です /* 2013.09.08 */ ・避けゲーとして成立してないので、修正

• 2096
• 1

スロット的なもの

スロットゲーム的なものを作ろうと思い、enchant.jsでスロットの基本機能を作ってみました〜！

• 6151
• 0

Web Speech API with tmlib.js

音声認識の電工掲示板です。 2013/01/14公開のChrome25開発版でしか動きません。 試してみたい方は以下のサイトからBeta or Dev版をDLして下さいね。 http://www.chromium.org/getting-involved/dev-channel 【使い方】 （１）音声入力ボタン押下 （２）マイクアクセスを許可押下 （３）faviconが点滅している時にマイクに話かけると文字が変わります 【ポイント】 ・音声入力後、少し待って下さい。 ・faviconが点滅している間は何回も入力可能です ・faviconが点滅しない場合は、もう１度ボタンを押して見て下さい ・Webサーバ上でしか動かないです 味見部でWeb Speech APIの勉強会をやっていたので影響受けて作ってみました〜！

• 4559
• 1

【enchant.js】スマホクラッシュ

android1.x〜2.x系の携帯をひたすら殴ります。 HTML5開発者がかかえている不満を少し解消！ 【操作方法】 マウスクリックのみ ＜素材＞ ・android携帯画像 http://www.matcheck.cz/androidguipsd/ http://www.marlinmobile.com/blog?page_id=285 ・割れた画像(Photoshopプラグイン) http://design-develop.net/design/high-res-photoshop-brushes-for-creating-broken-glass-effect.html ・効果音源 http://koukaongen.com/cgi/se_search/herodb.cgi?table=sound&view=L&recpoint=0

• 2667
• 0

隕石墜落ゲーム的な何か

ゲームライブラリを使わずに書いたレトロゲーム サウンド素材：魔王魂の爆発０６、銃０５

• 3026
• 1

【tmlib.js】Survival Land

襲ってくるモンスターからプレイヤーを守って下さい 【操作方法】 マウスキードラッグ上下：プレイヤーの移動 スペースキー：弾を発射します [サウンド素材・絵素材] びたちー素材館 http://www.vita-chi.net/sec/voi/hora/voivoi1.htm マッチメイカーズ http://osabisi.sakura.ne.jp/m2/material3.html [絵素材] ドット絵素材 http://park2.wakwak.com/~kuribo/dot/dot1.htm ※　2013/1/27のGGJに投稿したゲームです！ tmlib.jsを使えば１日もかからずにこれぐらいのゲームができます♪ 　　若干操作性が悪いのでそのうち修正

• 1958
• 2

[tmlib.js]32x32画像で敷き詰める

スプライト画像を画面いっぱいに敷き詰めるテストコード

• 2965
• 1

[tmlib.js]3種類の畳を敷き詰める

畳が大好きなので、javascriptで敷き詰めてみました♪

• 1440
• 0

テトリス的な何か

HTML５純正なテストリス的なゲーム

• 2394
• 0

ゲームランキング

ゲームによくあるランキング機能がほしかったので作りました。 【機能】 ・localStorageから読込・保存 ・点数の大きい順に入れ替え表示 ・セットした値をCSSアニメーションで強調

• 3324
• 1

避けゲー(tmlib.js)

tmlib.jsを使ってゲームを作る

• 2751
• 1

forked: Fire Effect - tmlib.js version

炎を円運動させてみた！ animation.move(x, y, m);でうまくできなかったので とりあえずjS実装

• 2819
• 1

forked: 2011-03-30 3rd Canvasで円グラフアニメサンプル

requestAnimationFrameとsetIntervalの検証 参考： requestAnimationFrameでフレームと再描画更新を制御する http://yomotsu.net/blog/2013/01/05/fps.html

• 1447
• 0

CANVASでダウンローダー

CANVASでよく動画読み込みなどで使用されるダウンローダー画像作ってみました

• 1021
• 0