タグ HTML5 が登録されている動画 ： 177 件中 65 - 96 件目
種類:
- タグ
- キーワード
対象:
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
ネットワークトラフィック可視化ツールcobain
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
2くらいから始めるライフゲーム開発 第2回 「実装済みの機能について」
引き続き視聴してくださってる方はありがとうございます
前回の動画では内容はどうあれ、画質などにも問題なく視聴できるレベルだと判断したので
今回からは、動画の作り方の方に試行錯誤してみました
これからもより良い動画になるようにがんばります
mylist：mylist/61839221
前回：sm33117675
次回：sm33331034
参考にさせていただいたアルゴリズム (他の地形生成アルゴリズムも載っています)
https://blog.splout.co.jp/3429/
#1 導入と環境構築【HTML5入門】
HTMLとはなにか。始める前の準備をします。※キーボードの打鍵音がうるさいかもしれませんが、#2から改善しています。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
|| #2 → sm30175859
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
【ZenzaWatch】replace機能実装中のテスト(まだ不完全)
Zenzaの描画システムは、言うならば「コメントのJITコンパイラ」である。
再生時に、コメント(XML) → 中間コード → CSS3 http://makimo.to/Zenza/SenbonZakura.html
への変換が行われる。
あとはコンパイルされたhtmlを、動画に合わせて表示位置を変えるだけ。
中間コードのおかげでフォントや解像度の変化にも強い。
ニワン語の対応は自分の技量でどこまでできるだろうか？ 作った人は本当に凄いと思う。 (これが動画プレイヤーに必要なのかは激しく疑問だけど・・・)
今回お借りした動画はこちら sm17367353
@逆再生はこちらで確認できます。sm6328375
@デフォルト(色)はこちらがオススメ sm19550074
そのうち書きたくなったらニコナレかどこかに解説を上げます。
WebGroove ブラウザで動くシーケンサー (HTML5 + Javascript) デモ
ブラウザで動作するシーケンサーのデモです。ただしFirefoxかChromeが必要です。Javascriptのソフトシンセでリアルタイムに音を合成しています。【http://www.g200kg.com/】の左メニューにあります。ボーカルシンセ搭載のver0.9はこちら⇒sm16190548
名古屋Reject会議 keigoi
2011年2月26日 名古屋Reject会議 keigoi http://partake.in/events/47ccda3b-82d2-4f89-aa83-395a26545b62 (mylist/24198962)
【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] へ頂けると助かります！
艦これ 第二期（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
2くらいから始めるライフゲーム開発 第3回 「この動画のゴールについて」
引き続き視聴してくださってる方はありがとうございます
今回は、これまで説明してなかったこの動画の最終目標についてとこの動画で採用した言語がHTMLなのかの説明も軽くしています
内容は薄い上にライフゲームから脱線してしまっているのは申し訳ないです
mylist：mylist/61839221
前回：sm33126558
次回：待っていてください
さいころぱずる*くらしっく あん！ - アルファ版プレイ
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 - ポップアップブロック対策の方法を変更しました。
東方風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
CSS3でアニメーション実験！思い付きの力技でねじ伏せてみる
HTML5/CSS3を使った描画の実験でアニメーション的な表現がどこまでできるか試してみた。
また、閲覧環境がさまざまな状況でなるべく近い状態でなおかつ割と手間を掛けずに対処する方法を思い付きで実装した力技の実験である・・・
demoサイト http://conyanco.tk/portfolio/
HTML5（Canvas）を利用して作ったmatrixサンプル紹介
皆さん初めまして！今回はHTML5のCanvasの紹介です（Canvasとjavascriptを使って実装してます。）ソースコードと、ソースの解説は以下でやってます。http://ossanhoihoi.web.fc2.com/html5/matrix.htmlではー。
【万年エターナるが3Dシューティング…ではない…だと？】微生物シミュ
来週から頑張ります
シューティング制作の過程でJavascriptの勉強ができたので
すごい昔に作った微生物シミュレーションを作り直してみました。
↓ライブデモ
http://www.geocities.jp/warotarock/experimental/webpcl/
※Google Chromeで動作確認しています。
※WebGLではないのでChrome以外でもわりと動く気がします。
しっとり物理アクションパズルを作ってみた
http://9leap.net/games/1784 --------------------色玉里（しきたまり）という物理演算を使ったアクションパズルゲームを作ってみました。パズルゲームは遊べるカタチになるまでが結構大変なのであまり作りたくなかったのですが、なんとか頭を使っても使わなくてもそれなりに没頭できるゲームに仕上がったので紹介します＾＾ -------------------- 他のゲーム【BUTTERFLY SPEAR】→sm17809030
Firefoxのコメントが滑らかになった (公式プレイヤー)
Firefoxの拡張無しでも滑らかになった。
右クリックメニューでスムージング処理のON/OFFしてみるとわかりやすい！
原理的には生放送のタイムシフトにも効果があるはず。
Firefoxだとコメントがカクカク？ だったら滑らかにしてやんよ 【公式プレイヤー】
前から理屈はわかっていたけど証明するのが怠かった(他に誰か気付くかなあとか思いながら)。
滑らかにする方法は、ブラウザにTampermonkeyを導入してから ↓ をインストールするだけ
https://greasyfork.org/ja/scripts/377400-comment-render-smoother
技術的な説明は苦手なので、コード見て意味がわかった人に任せます(丸投げ)。
わかってしまえば、なんだそんなことかって拍子抜けすると思う。
時報やアンケートやニュースがある限り公式プレイヤーに興味は持てないけど、Firefoxがダメな子扱いされるのも可哀想なのでちょいちょいっと。
ZenzaWatchはまだまだやりたいことがたくさんあるけど、しばらくエネルギー不足で動けない。無念。
#2 テンプレートとHello World!【HTML5入門】
HTMLの基本となるテンプレートの作成とHello World!です。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30166509 ← #1 || #3 → sm30182020
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
PS4でBad Apple! (世界初？)
PS4でも新仕様の動画は普通に再生できるんだけど、
旧仕様の動画はProxomitronやCharlesを駆使して無理矢理cookieをとばさないと駄目な模様。
PS4側の問題だと思うのだけど、修正してもらえないだろうか。
コメントがカクカクなのは、CPUの性能からすればこんなもんなのか？
PS4 Proなら少しは滑らかになるかもしれません。
なお、Zenzaくんはまったく動く気配もありません。(せめてデバッグ可能なら・・・)
お借りしたマイメモリーはこちら: watch/1463845240
JavaScriptだけでMidiプレーヤー
Imaya氏のソースをベースにXG音源と一部のGS音源に対応させたMIDIプレイヤーを作りました。
smfplayer.jsでMIDIをWebMidiLink形式に変換し、sf2synth.jsで受け取ったMIDIシーケンスを再生します。ちなみに、MIDIファイルはZipで固めて、やっぱりJavaScriptで解凍してたりします。
http://logue.github.io/smfplayer.js/
この動画では、鳥の歌と微笑みの爆弾（※）のMIDIファイルを再生しています。
※微笑みの爆弾は、MIDIファイルをドラッグアンドドロップでローカルのファイルを直接再生。
WebMidiLinkに関してはhttp://www.g200kg.com/en/docs/webmidilink/を参考にしてください。JavaScriptでボーカロイドとかもっとすごい世界が広がってますよ。
ネットワークトラフィックを可視化してみた
ネットワークトラフィックの可視化。棒が長いほど通信量が多い。計測地点は東京の某所。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
【荒ぶる坊主】Steel Plants Monster Ver2【HTML5 CSS3 3DCG風 animation】
HTML5 CSS3を使用したアニメーションを無理くりヴァージョンアップしました。
win8 & chrome環境でキャプチャした映像です。
公開サイト http://conyanco.tk/monster
BGM Download https://soundcloud.com/nama-labo
【ZenzaWatch】新iPadProではコメントも120fpsで流れてた ほか
動画自体は60fpsだけど、なんとなく違いがわかる？
わざわざiPadでZenzaWatchを使う人もいないと思うけど、SafariよりChromeのほうがおすすめです。
タッチパネル関連はまだまだアイデアが出てくると思うので、今後も研究していきたい。(たぶんChromeしか確認しないけど)
検証にお借りした動画はこちら: sm17209552
Flashを使わずにビジュアルノベルゲームエンジンを作ってみたPart2
どうも、こんにちはこんばんは。train12です。
前回のパート1から1か月以上経って、途中経過報告です。
といっても、見た目は大して進歩してません。機能も然りだったりします。
この調子で、本当に8月中旬までにお披露目まで持っていけるんだろうか……
前回の動画でいただいていたコメントへの回答も行ってます。ありがとうございました。
ソース; https://github.com/hazama-yuinyan/VNE
動画内シナリオクレジット:
音楽 TAM Music Factory; http://www.tam-music.com/
効果音：TAM Music Factory; http://www.tam-music.com/
WEB WAVE LIB; http://wwl.s-t-t.com/
効果音g; http://sfx-g.net/index.html
train12
Part1: sm28914017
ほかの自作プログラム: mylist/55931937
【ATOM】ASUS VivoStick TS10でZenzaWatchをためしてみる 【CherryTrail】
前世代のスティックPCでも普段は問題なかったのだけど、高画質系動画でスローになってしまうのが残念だったので、新型はどうなの？というのを試してみました。(本当は無駄遣いしたかっただけ)
3倍速とか無茶させなければ結構イケるようです。
このテストではコメントがカクついてるけど、普通の動画ならヌルヌルです。
GINZAは相変わらず重いです。
お借りした動画はこちら: sm28539679
こんな動画を選んでおいて言うのもなんですが、実はアイマスよく知らなかったり。。。
【ニコニコ自作ゲームフェス2016】 箱入り娘 VER.2
『箱キャッチして 迫り来る敵を倒し 最強の箱入り娘になろう！』
「ニコニコ自作ゲームフェス2016」投稿作品です。 降ってくる箱をキャッチした瞬間にショットが撃てるというシステムのアクションゲーム。 24時間でお題に沿ったあほげーを作るイベント「あほげー第18回」（お題は「箱」）の参加作品に新要素を加え、バージョンアップしたものです。
【ゲームタイトル】 箱入り娘 VER.2
【クリア時間】 無限にあそべます
【動作環境】 HTML5 が動作するブラウザ（Google Chrome, Firefox ~）
【ジャンル】 アクションゲーム
【ゲームURL】 http://nekopopolon.com/program/hako
HTML5/CanvasでADVRPG作ってみた①
お初にお目にかかります、HNは てふ と名乗ってます。
さて、HTML5のCanvasを利用してADVぽいRPGぽいゲームを作ってますが、
今回はそのADV部分だけ、東方のキャラ達にご出演頂いて紹介させていただきます。
ちなみに東方に関しては"にわか"なので悪しからず…
次回はバトルシーンもある程度完成させて投稿する予定です。
以下使用素材とか(敬称略
キャラクター立ち絵
kaoru http://gensoukyou.1000.tv/
効果音
魔王魂 http://maoudamashii.jokersounds.com/
背景画像
闇討ちProject http://commons.nicovideo.jp/user/499432
その他 ゆっくり画像など
製作状況などはこちら→ @tefugame
【MMDドラマ】勝負師弱音ハク
二作目になります。
ほとんど動かない上に文字ばかりで内容もないようなものですが、少しでも楽しんでいただけたら幸いです。
キャラの動きなどは相変わらずJavascriptで制御を行っていて2Dのようになってます。
前回文字が小さいということで、今回は文字サイズを大きくしてみました。
今回登場するゲーム要素のある部分について、需要はないかもしれませんが、致命的なバグを含むシステムの改修やデザインの修正が終わっていつか配布できたらと夢みています。
本編は10秒後くらいから始まります。
補足
ボカロ王国：ミクちゃん、リンちゃん、レンちゃん、ルカちゃん、ネルちゃん、ハクちゃんが住んでる王国
任務：ボカロ王国に他国から来る依頼でミクダヨー様に命じられる仕事
CanvasとWebSocketsのデモ
HTML5で入るらしいCanvasとWebSocketsを使った、それぞれのプレイヤーが操作するキャラクターがウロウロするデモです。（ウロウロすることしかできません。）ソースはこちら http://github.com/komagata/prowler