タグ HTML5 が登録されている動画 ： 177 件中 97 - 128 件目
種類:
- タグ
- キーワード
対象:
HTML5 でゲーム配信とか - shinh
SDLオフ 2009年夏 (2009-09-23)
http://gonypage.jp:10080/proj/wiki/SDL_2009%E5%A4%8F
マイリスト: mylist/15007094
この動画はCreative Commons「表示」を適用します
http://creativecommons.org/licenses/by/2.1/jp/
BadApple.html BadApple!! をテキスト化してブラウザで
BadAppleをHTMLのテキストで再生しました。
Youtube:https://youtu.be/t_3JIGEG7oA
https://dev.maa123.net/ba/ で公開しています
（データは前回マイクラで再現した時の物をブラウザで見やすい形に加工しただけだったりします、0と1を反転させてやるとコンソール版になったりもします）
艦隊これくしょん １期(Flash版) 2期(HTML5版)比較動画
8/15 11：55にて 艦隊これくしょんの１期が終了しました・・・
8/17 メンテが明け2期がスタートしました・・・
今回は1期と2期の違いをなるべく分かりやすく比較しやすい動画を作成しました
もし良ければ最後までご覧下さい
1期 Flash版まとめ動画→sm33697242
前回の動画の広告者様
clusterさん ソラみみさん ありがとうございますm(__)m
phina.jsによる10分間プログラミングPart0
今回からphina.jsによる10分間プログラミングをやっていきます。
導入編
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
前回 sm29959833
次回 sm31321436 ウィンドウの作成
mylist/59143338 phina.jsマイリスト
shioleap様 だいし様 広告ありがとうございます。
#6 フォームとその部品【HTML5入門】
お問い合わせなどに使われるフォームの基本。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30226104 ← #5 || #7 → 再開までもう少しお待ちを
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
【ZenzaWatch】 Amazon Fire TVでBad Apple!
公式プレイヤーもAmazon Fire TVで動いたので比較テスト。
最初がめんどくさいけど、環境さえ構築すればそこそこ使える。
以前試した時: sm29273116 は丸っぽいフォントだったのですが、ある日突然、ゴシックっぽいフォントが表示されるようになりました。 謎すぎる。
お借りしたマイメモリーはこちら: watch/1463845240
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
いんちきゲーム屋のギャラクシーウォーズをhtml5で動かしてみた。
「ゲームセンターあらし」で炎のコマを生み出すきっかけとなったゲームです。
とは言うものの、基板の性能に即して作ってみると
GIVEUP出せる人なら手を200万回も動かす必要も無く
一万点は取れたんじゃないかなあと(笑
隕石の初期個数の増加と隕石がミサイルを撃つ改変を行っています。この動画では都合上4面目の難易度からスタートしています。
マイリスmylist/34144919
SPAMフィルタ可視化ツール SPAM MAP
SPAMフィルタの動作を可視化。観測地点は関東の某所。迷惑メールと判定されると途中で弾かれる。通常のメールはHAM、迷惑メールはSPAMとしてカウント。音源は次の2曲。てってて～原曲じゅるP氏作：Gene-Revolutionary
【自作ゲームフェス2018】やじるしゴー！のご紹介♪【Simple is best ?】
【ゲームサイト】
https://baltan3600878.wixsite.com/baltanslife/game
追加ステージを皆様から随時募集しています！
twitter @baltan2721246 までご連絡お待ちしております(ﾟ∀ﾟ)
どうも！ニコニコを愛しすぎた雑談配信者「ばるたん」です！
こちら、自作ゲームフェス2018出展ゲームのチュートリアル動画です。
「何このショボイゲーム？！」そう思ったそこのあなた！大正解ｗｗｗ
さくっとプログラマデビューしちゃいましょう(ﾟ∀ﾟ)
本来ゲーム作成は楽しい物、それを体感できる教材としても是非！
#5 リストとテーブル【HTML5入門】
色々なリストとテーブルの作成。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30195764 ← #4 || #6 → sm30245302
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
#4 画像と相対絶対パス 【HTML5入門】
画像の表示と混乱しがちなパスについて。※alt属性の略はalternateです。タイピングミスりました。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30182020 ← #3 || #5 → sm30226104
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
#3 タグの分類とテキスト【HTML5入門】
大まかなHTMLタグの分類とテキスト関連のタグについて。
しゃべりが下手なので、Webサイトを作ってそこに詳しくじっくり書いていくことにしました！
HTML5/CSS3の超教科書 | http://prog.guide/html5-css3/
sm30175859 ← #2 || #4 → sm30195764
Twitter → @ithat_me
01 : HTML5入門：mylist/57685012
ラザフォード散乱（古典）の様子（静電ポテンシャル表示）
xy平面上におけるラザフォード散乱の様子。z軸方向にターゲット荷電粒子が作る静電ポテンシャルを表示。ラザフォード散乱についてhttp://www.natural-science.or.jp/article/20160406055544.phpグラフ描画は以下を参照くださいhttp://www.natural-science.or.jp/laboratory/graphjs.php
3D音ナビ Conoot
3D音（立体音響）を利用した音声ナビゲーションアプリ「3D音ナビ Conoot」の紹介動画です。
http://conoot.ariafloat.com/
「新しい音の世界」ぜひ、ご体験ください。
[ブラウザゲー] よけろ！弾幕さん [STG]
![[ブラウザゲー] よけろ！弾幕さん [STG]](https://nicovideo.cdn.nimg.jp/thumbnails/23974408/23974408)
JavaScriptで作った弾幕STGです。
スマホでも動くんでぜひ遊んでみてね。
http://9leap.net/games/4107
ソースの場所
https://github.com/daishihmr/danmaku-san
オレ達HTML5
HTML5のタグを戦隊ものキャラに擬人化してみました。HTML5勉強中の為、解釈がおかしかったりするかもしれませんが、色々よろしくです。その他作品 http://euren.web9.jp/---コメントありがとうございます！ 色々浮かんできますが、敵？が中ボスクラスのキャラしか浮かばなくてあれこれ考えてます。。
東方風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
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その3
ライブラリは使用せず0から作っています。
次: sm21892468 前: sm21742078
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は動画では初登場の魔理沙、2面は霊夢でプレイしています。
ブラウザMMDビューア→mylist/49125767
ポテンシャル障壁に対する電子パルスのトンネル効果（2次元）
【HTML5+WebGL】ポテンシャル障壁に対する電子パルスのトンネル現象の時間発展ビューア。実物のほうがサクサク動かすことができます（データの読込に30秒程度かかります）。http://www.natural-science.or.jp/virtual-lab/results/pulse4.html
明日から使えない IndexedDB プロ生勉強会 第15回＠大阪 #pronama
2012/4/21 に開始した プログラミング生放送勉強会 第15回＠大阪のセッションです
「明日から使えない IndexedDB」
スピーカー: mzsm さん（@mzsm_j）: 株式会社ジェーン
JavaScript で大量のデータをローカル環境に保存できる Indexed Database API。まだ仕様がちゃんと固まっておらず、まともに使える段階ではありませんが、Windows 8 のメトロアプリでも使える注目の技術です。主要なブラウザでの実装状況、実装はされていないが最新の仕様では変更されている点など、できる限り最新の情報をお伝えします。
lv89231179
mylist/28883076
HTML5 プロ生勉強会 ライトニングトーク #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回＠大阪
http://bit.ly/pronama11
•@linerlock さん
•@kyubuns さん
•@nakaji さん
•@black__se さん
lv70701712
mylist/12987821
metaタグでviewportを設定しよう（動画中ではViewpointと勘違いしています）
Android端末で、JavaScriptを使って動かす系のサイトを作っていたら、viewport設定によって動作が違うので、動画に取ってみました。（※投稿時ViewPointだと思い込んで制作していました）動画の音声は、VOICEROID+民安ともえ（弦巻マキ）を使用しました。
HTML5 で作る！ Twitterクライアント iPhone アプリ - プロ生勉強会第7回
co9320 主催 2010/12/18 開催 プログラミング生放送勉強会 第7回＠新宿 のセッション
http://co9320.spaces.live.com/blog/cns!F8FA3BD6ABDDDB63!317.entry
HTML5 で作る！ Twitterクライアント iPhone アプリ
スピーカー: 恥さらしさん（@hazi_nico）、深紫さん（@deeppurple2828）
mylist/22697020
PCで無理やり「スマホで初代電車でGO！」をプレイしてみた。
パソコンからのやり方のヒント
ウェブブラウザを開発者モードで開いてユーザーエージェント情報を変更。
初代『電車でGO！』が遊べる！運転士体験サイト | SQUARE ENIX
https://www.jp.square-enix.com/denshadego/syodai/game/
公式プレイヤーのコメントをなめらか化するテスト
思いついたらまず検証。
エコノミーだと違いが判らないかも。
これは60fpsなのに微妙なカクつきが発生するのを軽減する技であり、
プレイヤーが軽くなったり、30fpsが60fpsになったりするような魔法ではありません。
元から60fpsの出る環境でないと、効果は薄いと思います。
下でもたまにカクカクするのは、動画プレイヤー以外に裏で色々動いているせいかもしれません。(ニュースとか広告とか)
録画環境
CPU Ryzen 1700X / GPU Radeon 580 / 1920x1080 / Chrome 64
お借りした動画はこちら sm32611152
「60fpsの滑らかさ」 の比較
解説記事用の動画です。
これだけ見ても意味不明だと思います。
ざっくり言うと、
上は時間とコメントがきっちり同期してるのに対し、
下はそんなに正確じゃなかったりします。(そのかわりに滑らか)
この辺をCanvasとCSS3 Transitionの性質と絡めつつ、うまくまとめられるといいんですが。
録画環境
Ryzen 1700X / Radeon 580 / 1920x1080 / Chrome 64
お借りした動画はこちら sm30617631
Nintendo Switchでコメントアートのテスト
Nintendo Switchの内蔵ブラウザを呼び出す方法があるらしいので試してみた。
しかし動画は再生できなかったので、コメントアートだけ流してみる。
もしNintendo SwitchでZenzaWatchが動いたらこんな感じだよ、というイメージです。
使ったデータはここにいろいろ置いてあります。
http://makimo.to/Zenza/