タグ JavaScript が登録されている動画 ： 624 件中 225 - 256 件目
種類:
- タグ
- キーワード
対象:
【まるで○コ動!?】YouTube投稿動画のコメントを動画上にテロップとして流すブラウザ拡張機能作ってみた【おこめビューア】
YouTube Liveチャットを配信画面に重ねるツールはあるのに、投稿動画についたコメントを合成するツールが見つからなかったので自分で作ってみました。
その名も「おこめビューア」
当動画はYouTubeチャンネル「おとぼけ師匠」の動画を転載したものです。
続きはYouTubeの方に投稿していきますので、ご興味ある方はぜひどうぞ！
https://www.youtube.com/channel/UCnb1SqoV3k3guFNq9RNEagg
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その2
ライブラリなど使わず0から作っています。
前: sm21734567 次: sm21834381
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
ブラウザMMDビューア→mylist/49125767
【ワイヤーフレーム#1】ダンジョンから回転飛翔体を眺めます【JavaScript動画】
ダンジョンを探索しながら回転飛翔体を眺めます。
隠線消去を施したワイヤーフレーム動画です。
テクスチャを貼ることはできませんが，線分であるワイヤーの可視性を一本ずつ求めながら描画しています。
ブラウザ上でMMDを踊らせてみる その8 (JavaScript & WebGL)
前: sm25974661 次: sm26069436
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
エッジ対応。マウスによるカメラ制御対応。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算やIKのおかしさには目を瞑ってください。
60fps出る環境なら物理演算はだいぶましに見えます。
東方風STGブラウザゲーム→mylist/38547755
tmlib.jsでゲームを作ってみよう〜道中を重視したSTG(2)
横スクロールアクションの時と同じように、今回も Tiled Map Editor と tm.display.MapSprite を使っていきます。
tmlib.jsのダウンロードはコチラから→https://raw.githubusercontent.com/phi-jp/tmlib.js/develop/build/tmlib.js
使用する画像素材はコチラ→ http://static.dev7.jp/docyuun_assets.zip
利用条件はREADME.txtを読んでね。
前 sm25738659
次 sm25926183
マイリスト mylist/39031781
ワンクリック詐欺を作ろう - #7 JavascriptでHTMLを制御する
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
Javascriptを使ってプログレスバーを0%から100%まで動かす。
内容が高度になってきたので初見の方は#1からご覧になるのをおすすめします。
前 sm26211170 次 sm26235735 全パート mylist/49951864
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
PS3のステ６ブックマークレット修正
02/25追記。"stage6"が02/28で終了となりましたので、このブックマークレットの役目も終わります。短い間でしたが、ありがとうございました。
＝＝＝ 動画一覧からダウンロード ＝＝＝
javascript:a=document.activeElement.pathname.split("/");b=3;if(a[1]=="user"){b++;};id=a[b];
vd="http://video.stage6.com/"+id+"/.divx";open(vd,"_self");
動画一覧のサムネイル画像にカーソルを合わせて、このブックマークレットを呼び出します。すでに旧バージョンを入力している場合は、先頭あたりの「location」を「document.activeElement」に変えるだけです。
http://niconix.web.fc2.com/
PS3向けのブックマーク登録用リンクを作りました。
JavaScriptって意外と面白かった。
tmlib.jsでゲームを作ってみよう（１）
その１ 自機の表示
今回のポイント
(1)tmlib.jsのインクルード
https://rawgithub.com/phi-jp/tmlib.js/0.1.8/build/tmlib.min.jsをscriptタグで読み込みます。
(2)tm.app.CanvasApp
canvasを使ったアプリケーション。コンストラクタ引数にcanvas要素のidを渡しましょう。
(3)scene
エレメント階層の一番上にいるエレメント。app.currentSceneで取得できます。
(3)tm.app.TriangleShape
三角形のエレメントです。addChildTo()でsceneに追加できます。
(4)update()
毎フレーム呼び出される関数です。
(5)app.keyboard.getKey()
キーボードでキーが押されているかどうかを取得することができます。
次 sm22063641
マイリスト mylist/39031781
TM-Shooter CBL A-S 真ボス サカガミ ハイパー手動ボム禁止縛り
TM-Shooter cure black label
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
真ボス出現条件はノーコンティニュー2ミス以内でビギナースタイル以外です。
トレーニングモードはビギナー以外で必ず出現します。
この動画はトレーニングモードStage5のrank50で開始。
ハイパーと手動ボム禁止の縛りです。
できるだけ弾幕を覚えられるように撮りました。
他のプレイ動画 mylist/41537568
【万年エターナるが(ry その22】エピソード３仮配置【自作ゲーム進捗】
この夏、冬が来る
「万年エターナるが3Dシューティングを作ります」その22です。
「Phantastic Tryno World」（エピソード２まで）
http://www.geocities.jp/warotarock/ptw_beta/
絵コンテをもとにエピソード３のステージ仮配置をしてみました。
これから本格的な作りに入り、理想は２カ月で完成させたいと思います。
それにしてもなんつー季節感。
音楽素材：Cyber-Rainforce様 powder snow (trance version)
[リスト]mylist/33115940
ブラウザのスクロールバーを視覚エフェクトにしてみた
何を言ってるのかわからないと思うがとりあえず見てみて欲しい。
スクロールバーをスペクトルにしてみた。
javascriptでWebAudioAPIを使ってやっています。
WebKit系のChromeとSafariに対応してます。
FireFoxもAudioDataAPIがあるので(私が頑張って対応すれば)多分出来るはず。
2013/4/5 頑張らずにIE、Firefoxなどに対応しました。
お試しはこちらから : http://ohhiru.info/scrollvisualizer/
つくったの mylist/37102131 実験的 mylist/37102151
tmlib.jsでゲームを作ってみよう〜横スクアクション編(13)
遅くなってゴメンナサイ。
仕事とこれ（http://tmshooter.net）が忙しくてなかなか時間が作れませんでした。
今回は敵を踏んで倒せるようにします。
前 sm22611151
次 sm25738659
マイリスト mylist/39031781
プリンセスコネクト 音声再生設定を拡張するPC Chrome用スクリプト
プリンセスコネクトをプレイしていて
ボイス設定で「次の音声まで再生を止めない」機能と
SE・BGM・ボイスの個別音量設定があればいいのに、と思ったので
PC ChromeのTampermonkey用ユーザースクリプトを組んでみました。
ブックマークレット化してインラインフレームを利用した擬似ブラウザみたいな感じにすれば携帯でも...
http://tools.gfdb.info/princess-connect-voice-cancel-inhibitor.html
【ゆっくり解説】 クラスの作り方 【プログラミング】
CODE COMPLETEという本に触発されて作りました。プログラミングで使う道具であるクラスの解説です。
解説はC#で行っていますがC++やJavaでも同じです。大事なのは言語や文法ではなく抽象的なデータ型の考え方です。
Webサイト(ソースコードなど)→
http://qiita.com/Tw_Mhage
http://mhage.zombie.jp/PicTrap
他の投稿動画→mylist/20341298。
いいね さん、宣伝ありがとうございます！
tmlib.jsでゲームを作ってみよう〜横スクアクション編(2)
自機としてtmlib.jsのマスコットであるひよこちゃんを使用。
tm.geom.Vector2クラスを利用して速度ベクトルを表現していきます。
前 sm22504751
次 sm22561588
マイリスト mylist/39031781
東方風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でタイガー計算機作ってみた。
タイガー計算機(オドネル計算機)をご存知でしょうか? ご存知なければググれ。 さて、一昨日国立科学博物館に菌展を見に行ったら常設展にプレイアブルなタイガー計算機を見つけたので、解説員の話を聞き流しながら加減乗除算を一通りやってみました。 が、翌日ググってみるとこの計算機なんと開平計算までできるというではありませんか。 遊び足りなかったことを悔やんで、仕方ないのでJavaScriptでエミュレータを作ってみました。http://www.nexyzbb.ne.jp/~ikadzuchi/wwu/digital/soft/toraCalc.html なるほど、開平計算できた。すげぇ。
ホモォのゲームを作ってみた【ゆっくり解説】
簡単なスクリプトゲームです。超初心者用なので関数とかの説明は吹っ飛ばしました。自分もほぼ独学状態なのでかなり意味不明なこといってると思いますがここは生暖かい目で見守ってください(´･ω･`) 動画中でいってたzipはこのウェブのトップにうpしておきました。ゆっくりいじってね。 http://menchikatu5.tyonmage.com/ twitter @menchikatu5
javascriptで伺かっぽいのをつくってみた。
javascriptで
伺かっぽいのを
作ってみた。
イカのソフトを使わせてもらってるでゲソ。
キャラクターなんとか機：K.Hみっくす ふぁーすと えでぃしょん さん
http://khmix.sakura.ne.jp/
棒読みちゃん：Fight Not Found さん
http://chi.usamimi.info/
めんまフォント：あの日見た花の名前を僕達はまだ知らない。| アニメ公式サイト
http://www.anohana.jp/
その２：sm17070115
ブラウザ上でMMDを扱えるようにした (JavaScript & WebGL)
現状は「MMDデータを扱えるようにした」がより正確かも。
前: sm26268613 次: sm27956156
mylist/49125767
デモ: http://threejs.org/examples/#webgl_loader_mmd_audio
JavaScriptでMMDデータを扱えるMMDLoaderを作りました。
Three.js r74に入りました。
ブラウザ上でリアルタイムにMMDを踊らせたり、その他色々できます。
後半はまだまだ開発途中のブラウザMMDエディタの紹介。
Three.js EditorにMMDをサポートさせようとしているところ。
エディタデモ: http://takahirox.github.io/three.js.mmdeditor/editor/
Menu bar->Add->Miku
ブラウザMMDビューアアプリ作成で得たノウハウを
もっと多くの人が活用できるようにThree.jsに取り込んでもらおうと思ったのが始まりです。
東方風STGブラウザゲーム→mylist/38547755
tmlib.jsでゲームを作ってみよう（４）
その４ 敵弾
今回のポイント
(1)敵弾の移動
弾の向かう方向をdとし、X座標にcos(d)、Y座標にsin(d)を足していくことで任意の方向に弾を動かすことが出来ます。
前 sm22160827
次 sm22256498
マイリスト mylist/39031781
ネットワークトラフィック可視化ツールMap
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
【新】ワンクリック詐欺を作ろう - #6 VueJSを導入する
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
HTMLの基礎を習得してから、Bulma + VueJSでモダンなワンクリック詐欺サイトを作成します。
前: sm35675066, 次: sm35675089
全パート: series/60324
tmlib.jsでゲームを作ってみよう〜横スクアクション編(7)
前回作ったGObjectを継承して敵キャラを実装していきます。
前 sm22572354
次 sm22580851
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう（５）
その５ 爆発
今回のポイント
(1)爆発
円形（CircleShape）を爆発として使います。
時間とともに拡大し、透明度（alpha）を0に近づけていきます。
前 sm22206747
次 sm22311216
マイリスト mylist/39031781
【AviUtl】exoファイルから字幕を自動抽出するWEBツールを作ったので解説【動画編集効率化】
【アプリはこちら】https://lemon-slime.com/?p=1705
【関連動画】https://youtu.be/osOfJtCDup8
Aviutlで動画を編集後、その字幕を一覧で取得したいと思うことがあります。特にYoutubeに動画を投稿する際に、こうした字幕があると入力の手間が省けて非常に便利です。
先日、こうした機能をもつアプリを配布＆解説しました。これをさらにWEBツールにしたので改めて解説します。 exoファイルのうち、字幕の部分を抽出してtxt・subに変換することが可能です。是非、ご活用ください。
【使用素材】
琴葉葵・琴葉茜 - 音声
琴葉葵・琴葉茜 - 立ち絵（ユメのオワリ様 - im10706241）
AviUtl
ホシノキセキ（BGM）
Soda_Soda（BGM）
神速プログラミング
コメ見てて「確かに方向性がよくわからないな」、と思い作り直してみました。
→sm14095355
プログラムの構成をいくつか変えたり、ラストのBad Apple!!の配分多くしたり、解説もプログラムのロジックよりも基本設計よりの内容に変更してます。
よかったらどうぞ。