タグ HTML5 が登録されている動画 ： 177 件中 65 - 96 件目
種類:
- タグ
- キーワード
対象:
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その1
急にゲーム(エンジン)が作りたくなったので。
ライブラリなど使わず0から作成中。
次: sm21742078
mylist/38547755
使用素材は親作品参照
詳細は下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
(半年後に追記)今見るとショット音の大きさがひどいな、これは。
ブラウザMMDビューア→mylist/49125767
東方風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
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その4
ライブラリなど使わず0から作っています。
前: sm21834381 次: sm22039412
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は魔理沙、2面は霊夢でプレイしています。
背景変更のせいで弾やアイテムが見辛くなったかも。
ブラウザMMDビューア→mylist/49125767
ネットワークトラフィック可視化ツールMap
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
インストールするだけでコメントがめっちゃ滑らかになる拡張だよ
特にFirefoxは生まれ変わるよ。
カクカクで遅いという風評被害を吹き飛ばせ。
まだ倍速再生には対応してないけど、気が向いたらやるかも。一応対応したよ。
Firefoxだと効果が絶大だけど他のブラウザでも効果はあるよ。
導入方法は各自で頑張って調べてね。
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
技術解説は他の人にまかせるよ。
zenナントカとかいうプレイヤーと比べちゃ駄目だよ
HTML5だけでミュージックシーケンサーを作ってみた【作ってみた】
去る2012年9月ごろに製作したHTML5だけで動くミュージックシーケンサ紹介動画です。
なぜ、2016年の今まで寝かしていたかは聞かないでください……
動画を見て「train12P」が気になった方は、こちらのマイリストをご参照ください。
mylist/55609191
2016/5/2 11:56追記;
アプリのURL: http://picopico-seq.appspot.com
マイリストの公開設定とアプリのURL追記しました。ごめんなさい
2016/5/4 追記; 参考程度にソースコード: https://github.com/hazama-yuinyan/picopico_sequencer
ほかの自作プログラム: mylist/55931937
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その3
ライブラリは使用せず0から作っています。
次: sm21892468 前: sm21742078
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は動画では初登場の魔理沙、2面は霊夢でプレイしています。
ブラウザMMDビューア→mylist/49125767
ブラウザのスクロールバーを視覚エフェクトにしてみた
何を言ってるのかわからないと思うがとりあえず見てみて欲しい。
スクロールバーをスペクトルにしてみた。
javascriptでWebAudioAPIを使ってやっています。
WebKit系のChromeとSafariに対応してます。
FireFoxもAudioDataAPIがあるので(私が頑張って対応すれば)多分出来るはず。
2013/4/5 頑張らずにIE、Firefoxなどに対応しました。
お試しはこちらから : http://ohhiru.info/scrollvisualizer/
つくったの mylist/37102131 実験的 mylist/37102151
しっとり物理アクションパズルを作ってみた
http://9leap.net/games/1784 --------------------色玉里（しきたまり）という物理演算を使ったアクションパズルゲームを作ってみました。パズルゲームは遊べるカタチになるまでが結構大変なのであまり作りたくなかったのですが、なんとか頭を使っても使わなくてもそれなりに没頭できるゲームに仕上がったので紹介します＾＾ -------------------- 他のゲーム【BUTTERFLY SPEAR】→sm17809030
2くらいから始めるライフゲーム開発 第3回 「この動画のゴールについて」
引き続き視聴してくださってる方はありがとうございます
今回は、これまで説明してなかったこの動画の最終目標についてとこの動画で採用した言語がHTMLなのかの説明も軽くしています
内容は薄い上にライフゲームから脱線してしまっているのは申し訳ないです
mylist：mylist/61839221
前回：sm33126558
次回：待っていてください
#1 導入と環境構築【HTML5入門】
HTMLとはなにか。始める前の準備をします。※キーボードの打鍵音がうるさいかもしれませんが、#2から改善しています。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
|| #2 → sm30175859
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
CSS3でアニメーション実験！思い付きの力技でねじ伏せてみる
HTML5/CSS3を使った描画の実験でアニメーション的な表現がどこまでできるか試してみた。
また、閲覧環境がさまざまな状況でなるべく近い状態でなおかつ割と手間を掛けずに対処する方法を思い付きで実装した力技の実験である・・・
demoサイト http://conyanco.tk/portfolio/
東方風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、的な何か3【flask】
sm10459029 からの続き
続き > sm10870882
インストールまでは前回を見てもらえれば、ということではしょりました。
今回は実際にシナリオ登録＞iPhoneで再生してみる、な流れまでできたのでご紹介をば。
よかったら遊んでみてください。
なお、東方関連の立ち絵等のグラフィック素材は
いちめどー様 http://www.fuki.x0.com/~kageyama/
より、
背景関連は幻想入りシリーズまとめの●●●様より使用させて頂いています。
http://gensouiri.web.fc2.com/
非常にありがたいです。シナリオ登録・編集ページ -> http://novesys.appspot.com/flask/
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その7
0から作成中。
使用ライブラリはWebGLのための行列計算ライブラリglMatrixのみ。
詳細やプレイ(only Chrome)は下記リンク先。
リプレイをサーバに登録することができるのでお試しあれ。
http://d.hatena.ne.jp/takahirox/20140504/1399222894
前: sm22137339 次: sm24664609
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
背景レイヤにWebGLを採用し、3D表現が可能になりました。
ブラウザMMDビューア→mylist/49125767
Mabinogi MML Emulator
マビノギのMMLをブラウザで再生するプログラムを開発しました。（Chrome、FireFox、Edge対応）ほぼゲーム上と同じ音で再生されます。sm29089662の応用プログラムです。（これも、公表から３年経過してるが・・・）ついでに、JSMMLで再生するプログラムも入れてます。（JSMML版は立ち上がりが遅いが・・・。）
http://logue.github.io/MabiMmlEmu/
自分のMMLを入力して、このページの右下にある「シリアライズ」をクリックして、music.jsonのnameに曲名、valueに先ほど「シリアライズ」で出力したテキストを入れることで自分のMMLを登録できます。
CSS3で3DCG風アニメーションに挑戦 中ボス程度のキャラ大暴れ！SPMonster
前回に引き続きCSS3/HTML5でアニメーションに挑戦。
今回は何と3DCG風のアニメーション。
しかも、わざわざ曲までつくっちゃた。
demoサイト http://conyanco.tk/demo/monster.php
楽曲ダウソ https://soundcloud.com/nama-labo/steelplantsmonster
コメントなめらか拡張で比べるコメントアート.mp4
Firefox標準より軽量設定＋拡張のほうが滑らかじゃねーかっ！
いままで見てきた物は何だったのか。
Firefox以外もわかりにくいけど若干ｧ効果はありまぁす。
拡張オンの状態でもたまにカクってなるのは、コメントの描画が重いのと、視聴ページに余計な機能が多すぎてたびたび処理に割り込まれるため。
もしフレームレートが落ちずに安定するなら、ZenzaWatchに近い滑らかさになるはず。
逆に言うと、どれだけプレイヤーを高速化しようが、この問題に気付かなければ永遠に届かない。
インストールはここから
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
お借りしたフレンズはこちら sm33824596
ネットワークトラフィック可視化ツールcobain
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
【万年エターナるが3Dシューティング…ではない…だと？】微生物シミュ
来週から頑張ります
シューティング制作の過程でJavascriptの勉強ができたので
すごい昔に作った微生物シミュレーションを作り直してみました。
↓ライブデモ
http://www.geocities.jp/warotarock/experimental/webpcl/
※Google Chromeで動作確認しています。
※WebGLではないのでChrome以外でもわりと動く気がします。
【ZenzaWatch】replace機能実装中のテスト(まだ不完全)
Zenzaの描画システムは、言うならば「コメントのJITコンパイラ」である。
再生時に、コメント(XML) → 中間コード → CSS3 http://makimo.to/Zenza/SenbonZakura.html
への変換が行われる。
あとはコンパイルされたhtmlを、動画に合わせて表示位置を変えるだけ。
中間コードのおかげでフォントや解像度の変化にも強い。
ニワン語の対応は自分の技量でどこまでできるだろうか？ 作った人は本当に凄いと思う。 (これが動画プレイヤーに必要なのかは激しく疑問だけど・・・)
今回お借りした動画はこちら sm17367353
@逆再生はこちらで確認できます。sm6328375
@デフォルト(色)はこちらがオススメ sm19550074
そのうち書きたくなったらニコナレかどこかに解説を上げます。
BadApple.html BadApple!! をテキスト化してブラウザで
BadAppleをHTMLのテキストで再生しました。
Youtube:https://youtu.be/t_3JIGEG7oA
https://dev.maa123.net/ba/ で公開しています
（データは前回マイクラで再現した時の物をブラウザで見やすい形に加工しただけだったりします、0と1を反転させてやるとコンソール版になったりもします）
自作ゲーム レイガリ 参考用プレイ動画
http://9leap.net/games/4211
HTML5+JavaScriptで作成しました。
tmlib.jsを使用しています。
音や画像は全てオリジナルです