タグ HTML5 が登録されている動画 ： 177 件中 97 - 128 件目
種類:
- タグ
- キーワード
対象:
しっとり物理アクションパズルを作ってみた
http://9leap.net/games/1784 --------------------色玉里（しきたまり）という物理演算を使ったアクションパズルゲームを作ってみました。パズルゲームは遊べるカタチになるまでが結構大変なのであまり作りたくなかったのですが、なんとか頭を使っても使わなくてもそれなりに没頭できるゲームに仕上がったので紹介します＾＾ -------------------- 他のゲーム【BUTTERFLY SPEAR】→sm17809030
【万年エターナるが3Dシューティング…ではない…だと？】微生物シミュ
来週から頑張ります
シューティング制作の過程でJavascriptの勉強ができたので
すごい昔に作った微生物シミュレーションを作り直してみました。
↓ライブデモ
http://www.geocities.jp/warotarock/experimental/webpcl/
※Google Chromeで動作確認しています。
※WebGLではないのでChrome以外でもわりと動く気がします。
HTML5（Canvas）を利用して作ったmatrixサンプル紹介
皆さん初めまして！今回はHTML5のCanvasの紹介です（Canvasとjavascriptを使って実装してます。）ソースコードと、ソースの解説は以下でやってます。http://ossanhoihoi.web.fc2.com/html5/matrix.htmlではー。
CSS3でアニメーション実験！思い付きの力技でねじ伏せてみる
HTML5/CSS3を使った描画の実験でアニメーション的な表現がどこまでできるか試してみた。
また、閲覧環境がさまざまな状況でなるべく近い状態でなおかつ割と手間を掛けずに対処する方法を思い付きで実装した力技の実験である・・・
demoサイト http://conyanco.tk/portfolio/
東方風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
さいころぱずる*くらしっく あん！ - アルファ版プレイ
HTML5対応PCブラウザで遊べるパズルゲームの公開テストを実施中です。
http://ichigo.pudding.jp/sakura_ann/
*2014/8/20 - ルールを簡単にしてAndroidアプリにしてみました。
https://play.google.com/store/apps/details?id=com.ecl_gms_project.sakura_ann_petit
*2014/8/17 - ポップアップブロック対策の方法を変更しました。
2くらいから始めるライフゲーム開発 第3回 「この動画のゴールについて」
引き続き視聴してくださってる方はありがとうございます
今回は、これまで説明してなかったこの動画の最終目標についてとこの動画で採用した言語がHTMLなのかの説明も軽くしています
内容は薄い上にライフゲームから脱線してしまっているのは申し訳ないです
mylist：mylist/61839221
前回：sm33126558
次回：待っていてください
艦これ 第二期（HTML5） 始まります！ -艦隊これくしょん- [実況]
![艦これ 第二期（HTML5） 始まります！ -艦隊これくしょん- [実況]](https://nicovideo.cdn.nimg.jp/thumbnails/33706611/33706611)
艦これ -艦隊これくしょん- の第二期（HTML5化）メンテが終了したので、お試しで収録してみました。
画面サイズ 1200×720（等倍） 60fps です。
普段はスパクロ（スーパーロボット大戦X-Ω）の実況動画をupしているのですが、今回、突発的に艦これの収録を試みました。
終始gdgdなので予めご了承下さい。
※ マウスカーソルを表示しないで録画する設定になっていましたので、カーソル非表示になっています。
収録時1280×720だと思ってました。正確には720Pではないです。
スパクロマイリスト mylist/55618661
ツイッター https://twitter.com/yutohar
【HTML5】東方ノベルシステム for iPhone、的な何か2【webkit】
sm10459029 からちょいちょい作ってます。
続き > sm10705262
まともに動くかはアレですがためしに触ってみたい方はこちらをどうぞ
（キャッシュ処理を完全に入れてないのでWIFI環境推奨）
http://novesys.appspot.com/index.html
ちなみに動かしているシナリオは以下のテキストの記法でやってます。
http://novesys.appspot.com/scenario1.txt
http://novesys.appspot.com/scenario2.txt
GW明けにはアップロードして誰でも見ることができるようなったらいいな。
バグとか何とかあれば [email protected] へ頂けると助かります！
名古屋Reject会議 keigoi
2011年2月26日 名古屋Reject会議 keigoi http://partake.in/events/47ccda3b-82d2-4f89-aa83-395a26545b62 (mylist/24198962)
WebGroove ブラウザで動くシーケンサー (HTML5 + Javascript) デモ
ブラウザで動作するシーケンサーのデモです。ただしFirefoxかChromeが必要です。Javascriptのソフトシンセでリアルタイムに音を合成しています。【http://www.g200kg.com/】の左メニューにあります。ボーカルシンセ搭載のver0.9はこちら⇒sm16190548
【ZenzaWatch】replace機能実装中のテスト(まだ不完全)
Zenzaの描画システムは、言うならば「コメントのJITコンパイラ」である。
再生時に、コメント(XML) → 中間コード → CSS3 http://makimo.to/Zenza/SenbonZakura.html
への変換が行われる。
あとはコンパイルされたhtmlを、動画に合わせて表示位置を変えるだけ。
中間コードのおかげでフォントや解像度の変化にも強い。
ニワン語の対応は自分の技量でどこまでできるだろうか？ 作った人は本当に凄いと思う。 (これが動画プレイヤーに必要なのかは激しく疑問だけど・・・)
今回お借りした動画はこちら sm17367353
@逆再生はこちらで確認できます。sm6328375
@デフォルト(色)はこちらがオススメ sm19550074
そのうち書きたくなったらニコナレかどこかに解説を上げます。
#1 導入と環境構築【HTML5入門】
HTMLとはなにか。始める前の準備をします。※キーボードの打鍵音がうるさいかもしれませんが、#2から改善しています。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
|| #2 → sm30175859
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
2くらいから始めるライフゲーム開発 第2回 「実装済みの機能について」
引き続き視聴してくださってる方はありがとうございます
前回の動画では内容はどうあれ、画質などにも問題なく視聴できるレベルだと判断したので
今回からは、動画の作り方の方に試行錯誤してみました
これからもより良い動画になるようにがんばります
mylist：mylist/61839221
前回：sm33117675
次回：sm33331034
参考にさせていただいたアルゴリズム (他の地形生成アルゴリズムも載っています)
https://blog.splout.co.jp/3429/
ネットワークトラフィック可視化ツールcobain
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
HTML5で東方ノベルシステム的な何か【iPhone/Android】
sm10870882 からまたちょろっと進化？
canvasアニメーションやら、transformやら手を出してみました
iPhoneがアップデートしたら、音出してみたいですね。
iPhone/Androidでプレイ -> http://novesys.appspot.com/
シナリオ登録してみたい -> http://novesys.appspot.com/flask/
な感じで
BGMはフランソワさんのよもぎ畑様よりファミコン版メガマリ「チルノステージ」を使用させて頂いています。
http://hccweb6.bai.ne.jp/yomogi-farm/music.html
東方風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
【ZenzaWatch】 コメントキャプチャテスト 【Bad Apple!】
これがHTML5の力！
watch/1463845240 が素晴らしかったので、フルHDでキャプチャしてみた。
Chrome上でここまで再現できるのはZenzaWatchだけ (たぶん)。
コメントアートの再現性を向上する施策はまだあるのですが、
処理速度と情熱のバランスを取りながらがんばっていきます。
そろそろニコスクリプトも一部対応したい。
[html5] 空手部をごちうさ1羽コメントで浄化してみた
![[html5] 空手部をごちうさ1羽コメントで浄化してみた](https://nicovideo.cdn.nimg.jp/thumbnails/31558897/31558897)
[ホモ警告]ホモが嫌いな方はブラウザをバックしてください。
sm31559768で、再エンコ前動画を観る方法の応用です。
実は上記動画の手順3で、別のニコ動のソースに置き換えると、置換前のコメントで置換後の動画を視聴できます。
そこできたない動画をきれいなコメントで浄化できないか試してみました
結果は親和性が高すぎてバイオハザードとなり、遺伝子組み換えは危険なものとわかりました
Zenzaで旧サーバーを選択するか、上記動画の手順を実行すると、明確に汚い動画になります。
mylist/59454427
同人ゲームっぽいスマホ対応アクションゲームを作ってみた
http://9leap.net/games/1624 -------------------- 【BUTTERFLY SPEAR】（バタフライスピア）ゲームエンジンenchant.jsを使ってサンプルを寄せ集めて生まれたゲームです。頑張れば制作日数6日でこれくらいのものができます。niconicoには同人ゲームを作りたいけど難しそうと思っている人が多そうなのでDXライブラリよりenchant.js、吉里吉里よりatlasXを先に試してみるといいんじゃないでしょうか。もし技術的な要望があれば公開していきたいと思います。プレイ動画とか誰か投稿してくれないかなあとか言ってみたり^^ ※旧世代スマートフォン(iPhone3GS等）やiPodTouchでは快適なゲーム処理速度が実現できないことをご了承下さい -------------------- スーパープレイ動画→sm17959255 物理アクションパズル→sm18093635
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その8
Chrome上でプレイ可能。協力プレイの接続方法はこちら。
http://d.hatena.ne.jp/takahirox/20140920/1411190305
前: sm23482639 次:
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
音・絵は借り物で、プログラムは0から作成(WebGL用行列計算ライブラリ除く)。
念願のオンライン協力プレイに対応。
一人で二機の操作は無理だった。今度友人に協力してもらって撮り直すかも。
あとせっかくWebGL使ってるから自機視点に(無理やり)対応してみたり。
ゲームの完成度を上げる気はなくて、ブラウザゲームの機能面・性能面での実験場になってます。
質問あったらブログにどうぞ。
ブラウザMMDビューア→mylist/49125767
【ZenzaWatch】コメントキャプチャテスト・「潜り込み」を検証
ZenzaWatchは元々スロットの概念がないので難しい。
WebWorkerを使って裏で計算してるので、起動時間への影響はごく僅かだと思います。
正直これであってるのどうかは自信がないです。そもそも正解があるのだろうか…。
ZenzaWatchは趣味だから再現してるけど、基本的にはこういうバグだか仕様だかわからない物は一度リセットすべきだと思います。(必要ならbackコマンド(仮)などを作るとか)
追記:
やはり仕様なのかもしれませんが、たまたまFlashの都合に合わせた結果こうなっただけで、作る側は特に意識してなさそうな予感…。
今回お借りした動画はこちら
watch/1305294209
sm4590194
名前映ってるのに気付いたけど、こんな動画を見る人は限られるやろ(*´∀｀*)
インストールするだけでコメントがめっちゃ滑らかになる拡張だよ
特にFirefoxは生まれ変わるよ。
カクカクで遅いという風評被害を吹き飛ばせ。
まだ倍速再生には対応してないけど、気が向いたらやるかも。一応対応したよ。
Firefoxだと効果が絶大だけど他のブラウザでも効果はあるよ。
導入方法は各自で頑張って調べてね。
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
技術解説は他の人にまかせるよ。
zenナントカとかいうプレイヤーと比べちゃ駄目だよ
コメントなめらか拡張で比べるコメントアート.mp4
Firefox標準より軽量設定＋拡張のほうが滑らかじゃねーかっ！
いままで見てきた物は何だったのか。
Firefox以外もわかりにくいけど若干ｧ効果はありまぁす。
拡張オンの状態でもたまにカクってなるのは、コメントの描画が重いのと、視聴ページに余計な機能が多すぎてたびたび処理に割り込まれるため。
もしフレームレートが落ちずに安定するなら、ZenzaWatchに近い滑らかさになるはず。
逆に言うと、どれだけプレイヤーを高速化しようが、この問題に気付かなければ永遠に届かない。
インストールはここから
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
お借りしたフレンズはこちら sm33824596
別府鉄輪地獄変第13話
http://www.studio-boiler.com/h5/
この動画は元々HTML5アニメとして作りました。ゲームも入ってるので是非上記のURLもご覧いただけましたら。
iPhoneのブラウザでも動くアニメ&ゲームで、youTubeやAppStoreの制約を受けずにアニメが公開できます。
さらにベクタベースなので、マシンパワーさえあれば4K・8K即対応可能です。制作はAnimateCCにて制作しました。
sm34258184＜＜第１２話｜
Windows 8 と HTML5 でアプリ開発 プレビュー HTML5 プロ生勉強会 #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回＠大阪
http://bit.ly/pronama11
「Windows 8 と HTML5 でアプリ開発 プレビュー」 5zj (@jz5)
風呂グラミングですまん。
lv70701712
mylist/12987821
【JavaScript】弾幕ゲーの3面作った【WebGL】
例の弾幕ゲー ( sm19757110 )の3面を作りました。
以前のステージがわりとヌルめだったので今回はちょっと激しめにしてみました。
渋くて熱い、すばらしいBGMはニコニ・コモンズのこちら( nc52497 )からお借りしています。
プレイはこちらから → http://9leap.net/games/2877
ヘタクソなデモプレイで申し訳ないorz
腕に覚えのあるシューターの方々はぜひハイスコアランキングへ！