タグ html5 が登録されている動画 ： 177 件中 97 - 128 件目
種類:
- タグ
- キーワード
対象:
初音ミクのオンラインかるたゲーム「ミクミクかるた」を作ってみた！
ブラウザで遊べる初音ミクのオンラインかるたゲーム「ミクミクかるた」を作ったお！
http://mikumikuplay.com/karuta/
ボカロ曲が流れたら、その歌詞の最初の文字のかるたを取るっていうルールだお。「みっくみ～くにし～てあげる～♪」と曲が流れたら「み」の札をとるお！
↓ゲームについての感想、アイデア、要望、バグ報告があったら掲示板に書きこ！
http://mikumikuplay.lrv.jp/forum/tag_2.html
↓実装技術
クライアント HTML5, JQuery, jquery.vgrid.js, Bootstrap
サーバー Node.js(socket.io, express)
↓開発に協力してくれる仲間を募集中だお！(イラスト、音楽制作等)
http://piapro.jp/collabo/?view=collabo&id=22506
↓生放送やってるお！プログラミングの作業生 & 雑談だお
co2268886
HTML5 + TypeScript で作るアイコンジェネレータ - プロ生勉強会 第24回＠名古屋
2013/7/20 開催 プログラミング生放送勉強会 第24回＠名古屋 のセッションです。
詳細： http://pronama.jp/24
「HTML5 + TypeScript で作るアイコンジェネレーター」
ふだん Verilog を書いてる僕がアイコンジェネレーターを作るかもしれません。
スピーカー： 5zj （@jz5）
mylist/27543937
lv145430633
GAIABREAKER(ガイアブレイカー) 1～5面
ガイアブレイカーの1～5面（前半）です。
この動画の録画で初めて5面まで進行、死にました。
価格は1890円。
・自機は左右にしか移動不可。
・ロック数4撃破でチェインが発生。チェイン数分の倍率が撃破スコアに加算。
・30万点毎とそのステージの最後のプレイヤーを抜くとクレジット増加
・コマ落ちは常時こんな感じ。
・オプション？美味しいのそれ？
※ミーバースの設定のみ
・この動画録画後にゲームをやめたら、本体がフリーズした
補足
このゲームはHTML5ベースで作成とのこと。
5面全編→sm22570974
BGMバグ→sm22582589
ラスト→sm22586794
tmlib.jsでゲームを作ってみよう〜横スクアクション編(1)
横スクロールアクション編です。
使用するtmlib.jsはこちら
https://rawgithub.com/daishihmr/tmlib.js/feature/fix-mapsheet/build/tmlib.min.js
tmlib.jsにはTiled Map Editorで作成したマップを表示する機能があるので、これを利用していきます。
前 sm22403990
次 sm22557961
マイリスト mylist/39031781
【MMDドラマ】勝負師弱音ハク
二作目になります。
ほとんど動かない上に文字ばかりで内容もないようなものですが、少しでも楽しんでいただけたら幸いです。
キャラの動きなどは相変わらずJavascriptで制御を行っていて2Dのようになってます。
前回文字が小さいということで、今回は文字サイズを大きくしてみました。
今回登場するゲーム要素のある部分について、需要はないかもしれませんが、致命的なバグを含むシステムの改修やデザインの修正が終わっていつか配布できたらと夢みています。
本編は10秒後くらいから始まります。
補足
ボカロ王国：ミクちゃん、リンちゃん、レンちゃん、ルカちゃん、ネルちゃん、ハクちゃんが住んでる王国
任務：ボカロ王国に他国から来る依頼でミクダヨー様に命じられる仕事
SPAMフィルタ可視化ツール SPAM MAP
SPAMフィルタの動作を可視化。観測地点は関東の某所。迷惑メールと判定されると途中で弾かれる。通常のメールはHAM、迷惑メールはSPAMとしてカウント。音源は次の2曲。てってて～原曲じゅるP氏作：Gene-Revolutionary
【MMDドラマ】弱音ハクの冒険
ミクダヨーさん関連のMMDドラマを見て、自分でもMMDドラマを作ってみたいと思って作ってみました。
内容を省略していたり、仮データのままだったり、おかしいところがいくつかあります・・・
MMDを触るのも動画を作るのも初めてで、未熟な部分もありますが、少しでも楽しんでいただけたら幸いです。
2分30秒くらいから本編が始まりますが、それ以前と音量の差がありますので、ご注意ください。（私の再生環境の違いで2分30秒くらいから音が大きくなります・・・申し訳ないです）
あと後半で、ミクとハクが百合っぽくなってますが、私の表現力不足であって二人はそういう関係ではないです。（二人きりのときになると甘えるミクを表現したかったです。）
eVY1 ShieldをUSB接続して、Web MIDI APIで再生してみる
YAMAHA NSX-1搭載のeVY1 ShieldをMacにUSB接続して、Web MIDI API経由で唄ってもらうサンプルができました。
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その6
ライブラリなど使わず0から作っています。
前: sm22039412 次: sm23482639
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
詳細やプレイ(only Chrome)は下記リンク先。
リプレイをサーバに登録することができるのでお試しあれ。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
高速化のためにメモリ管理手法を変えた結果、
メモリの使用量を25%、GCの負荷を99%カットできました。
他にも細かいチューンを行い、高速化は一段落したので、ようやく次のステップに進めそうです。
今回も相変わらず霊夢と魔理沙のリプレイを垂れ流しています。
ブラウザMMDビューア→mylist/49125767
ネットワークトラフィックを可視化してみた
ネットワークトラフィックの可視化。棒が長いほど通信量が多い。計測地点は東京の某所。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
ネットワークトラフィック可視化ツールMap
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
ネットワークトラフィック可視化ツールcobain
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その5
ライブラリなどは使用せず0から作っています。
前: sm21892468 次: sm22137339
mylist/38547755
更新点はマイリスト参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。Chrome上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
今回はリプレイ機能を実装しました。
サーバに登録することで、他プレイヤーにリプレイを見せることができます。
#0:00 ブラウザ上で動くアピール
#0:03 リプレイ垂れ流し
#4:33 リプレイ登録方法
録画環境が酷い。実物はもっと快適な動作です。
ブラウザMMDビューア→mylist/49125767
【荒ぶる坊主】Steel Plants Monster Ver2【HTML5 CSS3 3DCG風 animation】
HTML5 CSS3を使用したアニメーションを無理くりヴァージョンアップしました。
win8 & chrome環境でキャプチャした映像です。
公開サイト http://conyanco.tk/monster
BGM Download https://soundcloud.com/nama-labo
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その4
ライブラリなど使わず0から作っています。
前: sm21834381 次: sm22039412
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は魔理沙、2面は霊夢でプレイしています。
背景変更のせいで弾やアイテムが見辛くなったかも。
ブラウザMMDビューア→mylist/49125767
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その3
ライブラリは使用せず0から作っています。
次: sm21892468 前: sm21742078
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は動画では初登場の魔理沙、2面は霊夢でプレイしています。
ブラウザMMDビューア→mylist/49125767
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その2
ライブラリなど使わず0から作っています。
前: sm21734567 次: sm21834381
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
ブラウザMMDビューア→mylist/49125767
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その1
急にゲーム(エンジン)が作りたくなったので。
ライブラリなど使わず0から作成中。
次: sm21742078
mylist/38547755
使用素材は親作品参照
詳細は下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
(半年後に追記)今見るとショット音の大きさがひどいな、これは。
ブラウザMMDビューア→mylist/49125767
イチから簡単なアクションゲームを作る15分ぐらいの解説
夏休み企画！でもないけど作ってみました。ソースコードは100行。Processing(Java/JavaScript)で作ります。デモやソースは http://dev.eyln.com に置いてあります。いつ休みかなぁ。
遊んで作るスマホゲームプログラミング
遊んで作るスマホゲームプログラミング for Androidという本のサンプルゲームの紹介です。楽しく作るをコンセプトに、ゲーム作りの個人的な経験を日々地道に書き、ときどきWebにプログラムを晒し、長ーい執筆期間を経て、ようやく形にできました。詳しくは http://dev.eyln.com にあります。
CSS3で3DCG風アニメーションに挑戦 中ボス程度のキャラ大暴れ！SPMonster
前回に引き続きCSS3/HTML5でアニメーションに挑戦。
今回は何と3DCG風のアニメーション。
しかも、わざわざ曲までつくっちゃた。
demoサイト http://conyanco.tk/demo/monster.php
楽曲ダウソ https://soundcloud.com/nama-labo/steelplantsmonster
CSS3でアニメーション実験！思い付きの力技でねじ伏せてみる
HTML5/CSS3を使った描画の実験でアニメーション的な表現がどこまでできるか試してみた。
また、閲覧環境がさまざまな状況でなるべく近い状態でなおかつ割と手間を掛けずに対処する方法を思い付きで実装した力技の実験である・・・
demoサイト http://conyanco.tk/portfolio/
波動方程式（ノイマン境界条件）の時間発展
波動方程式をノイマン境界条件に対して時間発展を計算した結果です。WebGL版はこちらをご覧ください。http://www.natural-science.or.jp/WebGL/WaveEquation_Neumann.htmlこれは「HTML5による物理シミュレーション【拡散・波動編】」執筆目的で開発しました。詳細についてはこちらをご覧ください。http://www.natural-science.or.jp/article/20130517211719.php
HTML5（Canvas）を利用して作ったmatrixサンプル紹介
皆さん初めまして！今回はHTML5のCanvasの紹介です（Canvasとjavascriptを使って実装してます。）ソースコードと、ソースの解説は以下でやってます。http://ossanhoihoi.web.fc2.com/html5/matrix.htmlではー。
ブラウザのスクロールバーを視覚エフェクトにしてみた
何を言ってるのかわからないと思うがとりあえず見てみて欲しい。
スクロールバーをスペクトルにしてみた。
javascriptでWebAudioAPIを使ってやっています。
WebKit系のChromeとSafariに対応してます。
FireFoxもAudioDataAPIがあるので(私が頑張って対応すれば)多分出来るはず。
2013/4/5 頑張らずにIE、Firefoxなどに対応しました。
お試しはこちらから : http://ohhiru.info/scrollvisualizer/
つくったの mylist/37102131 実験的 mylist/37102151
#abc2013s C-15 HTML5ハイブリッドアプリ開発実践編
※もしアップロードがマズかったらコメントでお知らせ下さい。すく削除させて頂きます。 ＞関係者様
http://www.android-group.jp/conference/abc2013s/conference/technology/#anc_sess17
2013/03/15 16:00 C会場(28号館 113教室)
【久保田光則 さん】 Monaca Framework http://monaca.mobi/?lang=ja
HTML5ハイブリッドアプリ開発実践編 ～クロスプラットフォーム開発でハマりがちなポイントを解説～
■YouTube： http://youtu.be/4LQWnyjCcQA
■マイリスト： mylist/36316925
(2013/03/17)
#abc2013s B-13 HTML5におけるAndroid端末間互換性
※もしアップロードがマズかったらコメントでお知らせ下さい。すく削除させて頂きます。 ＞関係者様
http://www.android-group.jp/conference/abc2013s/conference/business/#anc_sess9
2013/03/15 14:00 B会場(28号館 112教室)
【紀平拓男 さん】 ExGameの作者
株式会社ディー・エヌ・エー グローバルプラットフォームシステム統括部 ソフトウェアソリューション部
HTML5におけるAndroid端末間互換性
■YouTube： http://youtu.be/6cWrKrr_BlI
■マイリスト： mylist/36316925
(2013/03/17)
【JavaScript】弾幕ゲーの3面作った【WebGL】
例の弾幕ゲー ( sm19757110 )の3面を作りました。
以前のステージがわりとヌルめだったので今回はちょっと激しめにしてみました。
渋くて熱い、すばらしいBGMはニコニ・コモンズのこちら( nc52497 )からお借りしています。
プレイはこちらから → http://9leap.net/games/2877
ヘタクソなデモプレイで申し訳ないorz
腕に覚えのあるシューターの方々はぜひハイスコアランキングへ！
【JavaScript】弾幕ゲーム作ってみた【WebGL】
JavaScriptで弾幕ゲー作ってみました。
ここでプレイできます→ http://9leap.net/games/2877
3面作りました→ sm19854750
技術的な話
WebGLを使って描画しています。
その為、表示できるスプライトの数が通常のCanvasよりも非常に多くなっており、わりとストレスなく弾幕を描画できています。
ソースも公開中。興味のある人は見てみてください。