タグ HTML5 が登録されている動画 ： 177 件中 33 - 64 件目
種類:
- タグ
- キーワード
対象:
【JavaScript】弾幕ゲーム作ってみた【WebGL】
JavaScriptで弾幕ゲー作ってみました。
ここでプレイできます→ http://9leap.net/games/2877
3面作りました→ sm19854750
技術的な話
WebGLを使って描画しています。
その為、表示できるスプライトの数が通常のCanvasよりも非常に多くなっており、わりとストレスなく弾幕を描画できています。
ソースも公開中。興味のある人は見てみてください。
大文字さとる君のミラクルスペースインベーダーをhtml5で動かしてみた。
「ゲームセンターあらし」に出てくる天才プログラマ、大文字さとる君が
対あらし君用に作り出したインベーダーのパート１です。
全てhtml5のjavascriptで書いています。
まず普通のインベーダーを目コピしたあとミラクルシャワーを追加しました。
これは通常のミサイル処理を流用し落下速度を判定可能限界まで上げたものです。
原作同様、自機がＵＦＯの真下に来ると発射するようにしています。
※原作をコメントしてくれた方ありがとう。
マイリスmylist/34144919
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その1
急にゲーム(エンジン)が作りたくなったので。
ライブラリなど使わず0から作成中。
次: sm21742078
mylist/38547755
使用素材は親作品参照
詳細は下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
(半年後に追記)今見るとショット音の大きさがひどいな、これは。
ブラウザMMDビューア→mylist/49125767
#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)
【MMDドラマ】ミクダヨーを称える動画その２
前回投稿した「【MMDドラマ】ミクダヨーを称える動画」の続きになります。
自作のミクダヨーを称える動画がいくつも流れる動画です。
普通のMMDドラマと違って、ゲームプログラムを流用した部分が9割以上です。
内容はいろいろツッコミどころありますが最後まで見ていただけたら幸いです。
前回の動画で勉強になるコメントをくださりありがとうございました。
今回は諸事情により活かせなかったのですが
経験を積んで次回があれば活かしていきたいです。
★注意★
3分38秒～4分16秒にカイトとメイコの少しラブラブなシーンがあります。
6分42秒～7分22秒にミクダヨーによる殺戮シーンがあります。
苦手な方は注意してください。
あとあまり動きません…
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その4
ライブラリなど使わず0から作っています。
前: sm21834381 次: sm22039412
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は魔理沙、2面は霊夢でプレイしています。
背景変更のせいで弾やアイテムが見辛くなったかも。
ブラウザMMDビューア→mylist/49125767
遊んで学ぶ はじめてのプログラミング 〜Processingの魔法学校〜
遊んで学ぶ はじめてのプログラミング 〜Processingの魔法学校〜という本の紹介です。プログラムを魔法にみたてて、お絵かきツールからアクションゲーム、小さなRPGにも挑戦します。
執筆前に簡易版のRPGをWebに晒したりしながら、前著（遊んで作るスマホゲームプログラミング）よりも少し初心者向けに、ひたすら執筆を続けてようやく形にできました。詳しくは http://dev.eyln.com/book2.html にあります。
【自作ゲーム】ポテくまくんキャッチ！
いきなりですが、秩父第一中学校コンピュータ部のある人達にお詫び申し上げます。
わけありで、せっかく撮影した動画を今回投稿した動画に使うことができませんでした。m(_ _)mﾍﾟｸﾘ
今回は、コンピュータ部第6グループのルッソさんのテストプレイ動画を無修正で
そのままニコニコ動画に投稿しました。
【ゲームタイトル】
ぽてくまくんキャッチ！
【クリア時間】
無限にあそべます
【動作環境】
ネットブラウザがあるものほとんど
【ジャンル】
ミニゲーム(オチゲー,ブラウザゲーム)
【使用した制作ツール】
メモ帳,ペイント
【概要】
遊べばわかる！リンク↓
http://waricoma.hp2.jp/d/p/
もしくは「ぽてくまくんキャッチ！」で検索
【自作ゲーム】シノビダッシュ！
HTML5用ゲームエンジン「enchant.js」で作ったアクションゲーム。スマートフォンでも動きます。多分。 / 処理落ちしてるのはキャプチャのせいです。 http://9leap.net/games/708
iPod touch(2010)でニコニコしてみた
iPod touch(2010)でニコニコ動画を再生してみました。
下準備として、iCabMobile(ブラウザ)を購入。nicoHTML5モジュールをインストールしてます。
(詳しい設定法とかはググッてね♪)
液晶保護フィルム(マット)を貼っているのでちょっと画質悪くなっています。
まあ9月末にはHTML5に正式対応するようなので、こんなことする必要なくなるんでしょうがｗ
【ZenzaWatch】 765Proでコメントキャプチャテスト
ニワン語の構文を無視してreplace命令だけ拾うという雑(現実的)な作戦で妥協しました。
正直ニワン語がオーバーテクノロジーすぎてフル実装できる気がしないけど、いつかは挑戦したいです。
今回お借りした動画はこちら -> sm25818853
(見やすくするために背景は黒くさせていただきました)
コンパイルされたもの: http://makimo.to/Zenza/765Pro!.html
ZenzaWatchがやってることと矛盾してるかもしれませんが、もし新規に動画プレイヤーを作るのであれば、フォントまわりの複雑な挙動は再現しなくていいと思います。
過去の互換よりも、AdobeやGoogleの気まぐれに振り回されないような描画の「仕様」をしっかり固めるべきではないだろうか。
ChromeでもFirefoxでもWindowsでもMacでもスマホでも同じCAが見られる世界こそ未来。
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その2
ライブラリなど使わず0から作っています。
前: sm21734567 次: sm21834381
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
ブラウザMMDビューア→mylist/49125767
【HTML5】東方ノベルシステム for iPhone、的な何か【safari】
続き＞sm10546434
googleのQuakeやらpieguyみてHTML5スゲー、と思ったので弄ってみました。
音が出なかったりしますが、色々できて楽しいです。
とりあえずはシナリオ作った人がテキストアップロード＞誰でもiphoneの方でプレイ可能なトコまではもってきたい所。
需要は知らない。
動画の流れとしては以下の感じです
・サイトにアクセス＞インストール（ホーム画面に登録）＞アプリとして起動
東方関連のグラフィック素材は
いちめどー様 http://www.fuki.x0.com/~kageyama/
から利用させて頂きました、ハイクオリティな素材に感謝です。
JavaScript“だけ”で日本語読み上げするソフトを作ってみた。
espeak（読み上げソフト）とIgo.js（日本語形態素解析）を用いて日本語を読み上げるソフトを作りました。まぁ、作ったのは3年前で今更感ありますが・・・。一応IEに対応させました。
この動画では「吉野家のコピペ」「前原圭一の演説」「ブロントさん」のセリフを喋らせています。
女性の声やロボットの声とかにもできるんですが、めんどくさいのでやってません。
http://logue.github.io/espeak-japanese
【ZenzaWatch】Androidでも動いた。 しかもヌルヌルじゃないですかー.mp4
実用性はともかくAndroidでも動いたーやったー！ しかも公式よりぬるぬるじゃないですかー！
ブックマークレットはここから登録できるので、試してみたい方はどうぞ -> http://makimo.to/Zenza/
詳細やお借りした動画は後ほどブロマガのほうに書きます。
なおiOS版Chromeでも動くことは動きましたが、正直微妙なのでお勧めしません。
なぜか明朝とゴシックが逆になったり、不思議な挙動をします。
CSS3で3DCG風アニメーションに挑戦 中ボス程度のキャラ大暴れ！SPMonster
前回に引き続きCSS3/HTML5でアニメーションに挑戦。
今回は何と3DCG風のアニメーション。
しかも、わざわざ曲までつくっちゃた。
demoサイト http://conyanco.tk/demo/monster.php
楽曲ダウソ https://soundcloud.com/nama-labo/steelplantsmonster
HTML5で迷路作成プログラム
HTML5のcanvas機能を使った迷路作成プログラムです
HTMLとJavaScriptのみで動いてます
http://www.geocities.jp/katsu_don2009/index.html
【JavaScript】弾幕ゲーの3面作った【WebGL】
例の弾幕ゲー ( sm19757110 )の3面を作りました。
以前のステージがわりとヌルめだったので今回はちょっと激しめにしてみました。
渋くて熱い、すばらしいBGMはニコニ・コモンズのこちら( nc52497 )からお借りしています。
プレイはこちらから → http://9leap.net/games/2877
ヘタクソなデモプレイで申し訳ないorz
腕に覚えのあるシューターの方々はぜひハイスコアランキングへ！
Windows 8 と HTML5 でアプリ開発 プレビュー HTML5 プロ生勉強会 #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回＠大阪
http://bit.ly/pronama11
「Windows 8 と HTML5 でアプリ開発 プレビュー」 5zj (@jz5)
風呂グラミングですまん。
lv70701712
mylist/12987821
別府鉄輪地獄変第13話
http://www.studio-boiler.com/h5/
この動画は元々HTML5アニメとして作りました。ゲームも入ってるので是非上記のURLもご覧いただけましたら。
iPhoneのブラウザでも動くアニメ&ゲームで、youTubeやAppStoreの制約を受けずにアニメが公開できます。
さらにベクタベースなので、マシンパワーさえあれば4K・8K即対応可能です。制作はAnimateCCにて制作しました。
sm34258184＜＜第１２話｜
コメントなめらか拡張で比べるコメントアート.mp4
Firefox標準より軽量設定＋拡張のほうが滑らかじゃねーかっ！
いままで見てきた物は何だったのか。
Firefox以外もわかりにくいけど若干ｧ効果はありまぁす。
拡張オンの状態でもたまにカクってなるのは、コメントの描画が重いのと、視聴ページに余計な機能が多すぎてたびたび処理に割り込まれるため。
もしフレームレートが落ちずに安定するなら、ZenzaWatchに近い滑らかさになるはず。
逆に言うと、どれだけプレイヤーを高速化しようが、この問題に気付かなければ永遠に届かない。
インストールはここから
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
お借りしたフレンズはこちら sm33824596
インストールするだけでコメントがめっちゃ滑らかになる拡張だよ
特にFirefoxは生まれ変わるよ。
カクカクで遅いという風評被害を吹き飛ばせ。
まだ倍速再生には対応してないけど、気が向いたらやるかも。一応対応したよ。
Firefoxだと効果が絶大だけど他のブラウザでも効果はあるよ。
導入方法は各自で頑張って調べてね。
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
技術解説は他の人にまかせるよ。
zenナントカとかいうプレイヤーと比べちゃ駄目だよ
【ZenzaWatch】コメントキャプチャテスト・「潜り込み」を検証
ZenzaWatchは元々スロットの概念がないので難しい。
WebWorkerを使って裏で計算してるので、起動時間への影響はごく僅かだと思います。
正直これであってるのどうかは自信がないです。そもそも正解があるのだろうか…。
ZenzaWatchは趣味だから再現してるけど、基本的にはこういうバグだか仕様だかわからない物は一度リセットすべきだと思います。(必要ならbackコマンド(仮)などを作るとか)
追記:
やはり仕様なのかもしれませんが、たまたまFlashの都合に合わせた結果こうなっただけで、作る側は特に意識してなさそうな予感…。
今回お借りした動画はこちら
watch/1305294209
sm4590194
名前映ってるのに気付いたけど、こんな動画を見る人は限られるやろ(*´∀｀*)
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その8
Chrome上でプレイ可能。協力プレイの接続方法はこちら。
http://d.hatena.ne.jp/takahirox/20140920/1411190305
前: sm23482639 次:
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
音・絵は借り物で、プログラムは0から作成(WebGL用行列計算ライブラリ除く)。
念願のオンライン協力プレイに対応。
一人で二機の操作は無理だった。今度友人に協力してもらって撮り直すかも。
あとせっかくWebGL使ってるから自機視点に(無理やり)対応してみたり。
ゲームの完成度を上げる気はなくて、ブラウザゲームの機能面・性能面での実験場になってます。
質問あったらブログにどうぞ。
ブラウザMMDビューア→mylist/49125767
同人ゲームっぽいスマホ対応アクションゲームを作ってみた
http://9leap.net/games/1624 -------------------- 【BUTTERFLY SPEAR】（バタフライスピア）ゲームエンジンenchant.jsを使ってサンプルを寄せ集めて生まれたゲームです。頑張れば制作日数6日でこれくらいのものができます。niconicoには同人ゲームを作りたいけど難しそうと思っている人が多そうなのでDXライブラリよりenchant.js、吉里吉里よりatlasXを先に試してみるといいんじゃないでしょうか。もし技術的な要望があれば公開していきたいと思います。プレイ動画とか誰か投稿してくれないかなあとか言ってみたり^^ ※旧世代スマートフォン(iPhone3GS等）やiPodTouchでは快適なゲーム処理速度が実現できないことをご了承下さい -------------------- スーパープレイ動画→sm17959255 物理アクションパズル→sm18093635
[html5] 空手部をごちうさ1羽コメントで浄化してみた
![[html5] 空手部をごちうさ1羽コメントで浄化してみた](https://nicovideo.cdn.nimg.jp/thumbnails/31558897/31558897)
[ホモ警告]ホモが嫌いな方はブラウザをバックしてください。
sm31559768で、再エンコ前動画を観る方法の応用です。
実は上記動画の手順3で、別のニコ動のソースに置き換えると、置換前のコメントで置換後の動画を視聴できます。
そこできたない動画をきれいなコメントで浄化できないか試してみました
結果は親和性が高すぎてバイオハザードとなり、遺伝子組み換えは危険なものとわかりました
Zenzaで旧サーバーを選択するか、上記動画の手順を実行すると、明確に汚い動画になります。
mylist/59454427
【ZenzaWatch】 コメントキャプチャテスト 【Bad Apple!】
これがHTML5の力！
watch/1463845240 が素晴らしかったので、フルHDでキャプチャしてみた。
Chrome上でここまで再現できるのはZenzaWatchだけ (たぶん)。
コメントアートの再現性を向上する施策はまだあるのですが、
処理速度と情熱のバランスを取りながらがんばっていきます。
そろそろニコスクリプトも一部対応したい。
東方風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
