タグ html5 が登録されている動画 : 177 件中 1 - 32 件目
種類:
- タグ
- キーワード
対象:
すふぃあと学ぶJavaScript #part1
WEBプログラミングにおけるJavaScriptをすふぃあと一緒に勉強しよう!今回はJavaScriptをブラウザで実行するところまで説明したよ。
扱って欲しいコンテンツや、詳しく聞きたいところ、そしてもし動画内の間違いに気づいたら是非是非コメントお願いします。。。!!
私たちのTwitter
https://twitter.com/MarineSphere_
お借りしている楽曲
騒音のない世界
https://noiselessworld.net/
効果音ラボ
https://soundeffect-lab.info/
ぷよぷよをHTML5とJavascriptでつくりました(プレイしたい方は、概要欄に貼っておきます)
ぷよぷよ
http://winlinuxmac.starfree.jp
PCで無理やり「スマホで初代電車でGO!」をプレイしてみた。
パソコンからのやり方のヒント
ウェブブラウザを開発者モードで開いてユーザーエージェント情報を変更。
初代『電車でGO!』が遊べる!運転士体験サイト | SQUARE ENIX
https://www.jp.square-enix.com/denshadego/syodai/game/
女の子楽しそう
何かしら投稿したいけど静止画だけとか文1個だけとかじゃ面白くないので作りました
絵:ジュン2 曲:ジュン2
単スリットによる回折現象
スリット幅 w[μm]に波長λ[nm]の可視光を入射した時の回折パターン。スリットからスクリーンまでの距離は1[[m]。
HTML5による仮想物理実験室
http://www.natural-science.or.jp/article/20160526000054.php
雪の結晶シミュレーション(2次元DLA)
■HTML5による仮想物理実験室(物理シミュレーション)
http://www.natural-science.or.jp/article/20160524000005.php
■DLAによる樹木状クラスタのフラクタル次元
http://www.natural-science.or.jp/article/20110406232038.php
【検証】振子の周期が一番短いのはサイクロイド曲線?
振子の周期が一番早いとされるサイクロイド曲線。他の曲線と比較してみました。
サイクロイド曲線(緑)vs2次関数曲線(青)vs円曲線(ピンク)vs楕円曲線(赤)
【動画作成方法】
http://www.natural-science.or.jp/article/20150223214212.php
【なんとなく】 enigma one 【音とCG】
なんとなく、Web Audio APIを使ってみた。
----
CGの方は@mrdoob氏のthree.jsを使用しました。
ありがとうございます。
Thanks to Mr.doob.
----
あと、自演宣伝してみる。
さいころぱずる*くらしっく あん! - アルファ版プレイ
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 - ポップアップブロック対策の方法を変更しました。
!CheerZ! 乾杯可視化システム
html5 Japan Cup 2014応募作品センサー付きのグラスで乾杯をすると可視化され、遠隔地の人間とも乾杯が行える。遠い異国の言葉も通じない人とも乾杯を通じてコミュニケーションが可能となる。ニコニコ生放送の飲み配信等の生主と視聴者のように遠隔地にいる人達の間でも乾杯できる。
オレ達HTML5
HTML5のタグを戦隊ものキャラに擬人化してみました。HTML5勉強中の為、解釈がおかしかったりするかもしれませんが、色々よろしくです。その他作品 http://euren.web9.jp/---コメントありがとうございます! 色々浮かんできますが、敵?が中ボスクラスのキャラしか浮かばなくてあれこれ考えてます。。
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
HTML5で迷路作成プログラム
HTML5のcanvas機能を使った迷路作成プログラムです
HTMLとJavaScriptのみで動いてます
http://www.geocities.jp/katsu_don2009/index.html
【フラワーナイトガール】プレチケいっぱい貰ったので回してみた
HTML5移行記念にいつもは撮影しないガチャを撮影
58連
【アプリ開発を試みる放送】その9 プロゲート中級を終了する放送
HTML,CSSを学びます。
#プロゲート
【最新のブログ記事】
9月の振り返りと反省する菊田敬大
https://okiku001.com/2018/10/02/sbi-009/
ーーーーーーーーーーーーーーーーーーー
【定期放送再生リスト】
毎朝6時~「365日キクタプロジェクト」
https://goo.gl/XuwUMo
毎週土曜20時~ベーシックインカム について「今週のベーシックインカム」
https://goo.gl/G71J4b
毎週水曜20時~幸せになるには?「幸福を呼ぶマインドセット」
https://goo.gl/ApDmbJ
不定期配信【アプリ開発を試みる放送】
https://goo.gl/p43nD6
ーーーーーーーーーーーーーーーーーーー
ベーシックインカムとは?
https://goo.gl/poqFtP
某の活動について語っています。
http://okiku001.com/sbi-001/
ーーーーーーーーーーーーーーーーーーー
ツイッターはこちら
https://twitter.com/vocalooos
ーーーーーーーーーーーーーーーーーーー
↓キクタのHP↓
http://okiku001.com
【アプリ開発を試みる放送】その8 プロゲート中級を進めていく放送。
HTML,CSSを学びます。
#プロゲート
【最新のブログ記事】
9月の振り返りと反省する菊田敬大
https://okiku001.com/2018/10/02/sbi-009/
ーーーーーーーーーーーーーーーーーーー
【定期放送再生リスト】
毎朝6時~「365日キクタプロジェクト」
https://goo.gl/XuwUMo
毎週土曜20時~ベーシックインカム について「今週のベーシックインカム」
https://goo.gl/G71J4b
毎週水曜20時~幸せになるには?「幸福を呼ぶマインドセット」
https://goo.gl/ApDmbJ
不定期配信【アプリ開発を試みる放送】
https://goo.gl/p43nD6
ーーーーーーーーーーーーーーーーーーー
ベーシックインカムとは?
https://goo.gl/poqFtP
某の活動について語っています。
http://okiku001.com/sbi-001/
ーーーーーーーーーーーーーーーーーーー
ツイッターはこちら
https://twitter.com/vocalooos
ーーーーーーーーーーーーーーーーーーー
↓キクタのHP↓
http://okiku001.com
【アプリ開発を試みる放送】その4 javascriptとは何ぞや?やっとプログラミング??
HTML5,CSS初級編が終わり、JavaScript初級編に入る。
Javascriptは全く初めてゆえに不安は多いが頑張るぞ☆
【最新のブログ記事】
ベーシックインカムはインフレを引き起こすのか?
https://okiku001.com/2018/09/15/bi-011/
ーーーーーーーーーーーーーーーーーーー
【定期放送再生リスト】
毎朝6時~「365日キクタプロジェクト」
https://goo.gl/XuwUMo
毎週土曜20時~ベーシックインカム について「今週のベーシックインカム」
https://goo.gl/G71J4b
毎週水曜20時~幸せになるには?「幸福を呼ぶマインドセット」
https://goo.gl/ApDmbJ
不定期配信【アプリ開発を試みる放送】
https://goo.gl/p43nD6
ーーーーーーーーーーーーーーーーーーー
ベーシックインカムとは?
https://goo.gl/poqFtP
某の活動について語っています。
http://okiku001.com/sbi-001/
ーーーーーーーーーーーーーーーーーーー
ツイッターはこちら
https://twitter.com/vocalooos
ーーーーーーーーーーーーーーーーーーー
↓キクタのHP↓
http://okiku001.com
【アプリ開発を試みる放送】その3 HTML,CSS初級編終了までの放送
プロゲートで学び、アプリ開発を試みる放送。
その3では初級編の終了までを頑張る。
【最新のブログ記事】
ベーシックインカムはインフレを引き起こすのか?
https://okiku001.com/2018/09/15/bi-011/
ーーーーーーーーーーーーーーーーーーー
【定期放送再生リスト】
毎週土曜20時~ベーシックインカム について「今週のベーシックインカム」
https://www.youtube.com/playlist?list=PLcN5KHp6v6NSHomUxDlXhHa-hcwLR-9j-
毎週水曜20時~幸せになるには?「幸福を呼ぶマインドセット」
https://www.youtube.com/playlist?list=PLcN5KHp6v6NQK8XZNNBWCCiwnGN2yT_QI
不定期配信【アプリ開発を試みる放送】
https://www.youtube.com/playlist?list=PLcN5KHp6v6NSbd7FWMxIkGBaCc89H4xCg
ーーーーーーーーーーーーーーーーーーー
ベーシックインカムとは?
https://goo.gl/poqFtP
某の活動について語っています。
http://okiku001.com/sbi-001/
ーーーーーーーーーーーーーーーーーーー
ツイッターはこちら
https://twitter.com/vocalooos
ーーーーーーーーーーーーーーーーーーー
↓キクタのHP↓
http://okiku001.com
【アプリ開発を試みる放送】その2 プロゲートに学ぶHTMLとCSS基礎
最終地点は自分の作りたいアプリを自分で作ることです。しかし、何からすればよいかちんぷんかんぷんなのでHTMLからやっていきます。
【最新の記事】
ベーシックインカムはインフレを引き起こすのか?
https://okiku001.com/2018/09/15/bi-011/
ーーーーーーーーーーーーーーーーーーー
毎週土曜20時~ベーシックインカム について「今週のベーシックインカム」
毎週水曜20時~幸せになるには?「幸福を呼ぶマインドセット」
について語っています。
ベーシックインカムとは?
https://goo.gl/poqFtP
ーーーーーーーーーーーーーーーーーーー
某の活動について語っています。
http://okiku001.com/sbi-001/
私のサイトはこちら↓
http://okiku001.com
ーーーーーーーーーーーーーーーーーーー
ツイッターはこちら
https://twitter.com/vocalooos
【アプリ開発を試みる放送】HTMLとCSSについて簡単に触れてみる
最終地点は自分の作りたいアプリを自分で作ることです。しかし、何からすればよいかちんぷんかんぷんなのでHTMLからやっていきます。
【最新の記事】
ベーシックインカムはインフレを引き起こすのか?
https://okiku001.com/2018/09/15/bi-011/
ーーーーーーーーーーーーーーーーーーー
毎週土曜20時~ベーシックインカム について「今週のベーシックインカム」
毎週水曜20時~幸せになるには?「幸福を呼ぶマインドセット」
について語っています。
ベーシックインカムとは?
https://goo.gl/poqFtP
ーーーーーーーーーーーーーーーーーーー
某の活動について語っています。
http://okiku001.com/sbi-001/
私のサイトはこちら↓
http://okiku001.com
ーーーーーーーーーーーーーーーーーーー
ツイッターはこちら
https://twitter.com/vocalooos
艦隊これくしょん 1期(Flash版) 2期(HTML5版)比較動画
8/15 11:55にて 艦隊これくしょんの1期が終了しました・・・
8/17 メンテが明け2期がスタートしました・・・
今回は1期と2期の違いをなるべく分かりやすく比較しやすい動画を作成しました
もし良ければ最後までご覧下さい
1期 Flash版まとめ動画→sm33697242
前回の動画の広告者様
clusterさん ソラみみさん ありがとうございますm(__)m
ブラウザとJavaScriptだけでベートヴェンの交響曲第9番+Ζ刻をこえてを演奏
sm29089662 からエンジンに改良を重ねてベートヴェンの第9番を演奏できるぐらいになりました。
主な変更
・描画負荷を減らすためテーブルタグでなくDivタグとスタイルシートで鍵盤を表示。 (一応レスポンシブ対応)
・数値よりもバーのほうがわかりやすいっしょということでパンポットやピッチはmeterタグで描画。
・音色ファイルをS-YXG50_0.2.1.2.sf2をベースに作り直した。48kHzと以前の倍以上に向上。
・リバーブエフェクトのインパルス応答(IR)のライセンスが怪しかったのでエフェクターのインパルス応答JavaScriptで自作(https://github.com/logue/sf2synth.js/blob/develop/src/reverb.js)
今後の予定
・バンク・セレクトに正式対応しGeneral MIDI 2に準拠させる。(今はドラムとSFXしか対応していません。)
・音色が存在しなかった場合の処理を書く。(125未満のバンクの場合、バンク0の音色を鳴らす。126~128の場合、音色番号1の楽器(通常はドラムのStandard Kit)を鳴らす)
だいぶシャリシャリ感はなくなったハズ。
MIDIファイルのアドレスもコピペできます(日本語が含まれてると動かないが・・・):
https://logue.github.io/smfplayer.js/#zip=midifiles%2F%E9%81%A9%E5%BD%93%E8%A9%B0%E3%82%81%E5%90%88%E3%82%8F%E3%81%9B.zip&file=Beethoven%20-%20Symphony%20No.%209%20(with%20choir)%20in%20d%20minor%2C%20Op.%20125%20-%204.mid
おまけに、Ζ刻をこえて(Better days are comming)19:41 も入れてあります。
「60fpsの滑らかさ」 の比較
解説記事用の動画です。
これだけ見ても意味不明だと思います。
ざっくり言うと、
上は時間とコメントがきっちり同期してるのに対し、
下はそんなに正確じゃなかったりします。(そのかわりに滑らか)
この辺をCanvasとCSS3 Transitionの性質と絡めつつ、うまくまとめられるといいんですが。
録画環境
Ryzen 1700X / Radeon 580 / 1920x1080 / Chrome 64
お借りした動画はこちら sm30617631
Nintendo Switchでコメントアートのテスト
Nintendo Switchの内蔵ブラウザを呼び出す方法があるらしいので試してみた。
しかし動画は再生できなかったので、コメントアートだけ流してみる。
もしNintendo SwitchでZenzaWatchが動いたらこんな感じだよ、というイメージです。
使ったデータはここにいろいろ置いてあります。
http://makimo.to/Zenza/
天井プロジェクターのテスト
投げ売りしてたプロジェクターとスティックPCで、お手軽に寝ながらニコニコ動画。
消費電力も少ないので、つけっぱなしで眠ってしまっても安心。
ただし天井が白くないと厳しい。
画面をお借りした素晴らしい動画はこちら。
sm23722424
sm26171783
sm22391265
sm25619783
sm3945173
【ラズパイ】Raspberry Pi3でZenzaWatchを動かす! その1【いつかリベンジ】
色々なデバイスでZenzaWatchを動かしてみるシリーズ.
エゴサーチしていたらラズパイでもそこそこ動くという情報を発見したので買ってみた。
最初は音も普通だった気がするんだけど・・・いつのまにかおかしくなった?
最後のミクさんも悲惨なことになってますが、フォントがないのでどうしようもない。ドット絵系や二重リサイズ系はそこそこ安定してるんですけどね。
■これまでに動作確認した環境
PC (Windows/Mac/Linux)
iOS(iPad)
Android
Kindle Fire
XboxOne(起動だけ)
Amazon Fire TV
Raspberry Pi3new!
【ATOM】ASUS VivoStick TS10でZenzaWatchをためしてみる 【CherryTrail】
前世代のスティックPCでも普段は問題なかったのだけど、高画質系動画でスローになってしまうのが残念だったので、新型はどうなの?というのを試してみました。(本当は無駄遣いしたかっただけ)
3倍速とか無茶させなければ結構イケるようです。
このテストではコメントがカクついてるけど、普通の動画ならヌルヌルです。
GINZAは相変わらず重いです。
お借りした動画はこちら: sm28539679
こんな動画を選んでおいて言うのもなんですが、実はアイマスよく知らなかったり。。。
ラザフォード散乱(古典)の様子(静電ポテンシャル表示)
xy平面上におけるラザフォード散乱の様子。z軸方向にターゲット荷電粒子が作る静電ポテンシャルを表示。ラザフォード散乱についてhttp://www.natural-science.or.jp/article/20160406055544.phpグラフ描画は以下を参照くださいhttp://www.natural-science.or.jp/laboratory/graphjs.php
いんちきゲーム屋のギャラクシーウォーズをhtml5で動かしてみた。
「ゲームセンターあらし」で炎のコマを生み出すきっかけとなったゲームです。
とは言うものの、基板の性能に即して作ってみると
GIVEUP出せる人なら手を200万回も動かす必要も無く
一万点は取れたんじゃないかなあと(笑
隕石の初期個数の増加と隕石がミサイルを撃つ改変を行っています。この動画では都合上4面目の難易度からスタートしています。
マイリスmylist/34144919
自作ゲーム レイガリ 参考用プレイ動画
http://9leap.net/games/4211
HTML5+JavaScriptで作成しました。
tmlib.jsを使用しています。
音や画像は全てオリジナルです