タグ Javascript が登録されている動画 ： 624 件中 289 - 320 件目
種類:
- タグ
- キーワード
対象:
「無彩限のファントム・ワールド」のアイキャッチをWebカメラで再現
初投稿です。
パソコンについてるWebカメラから取得した映像を、HTML、JavaScript、CSSを使用し、アニメ「無彩限のファントム・ワールド」で特徴的なデジタルな感じのアイキャッチっぽく加工してみました。
挙動不審なのはお許し下さい……
JavaScriptでゲーム作ってみた(´・ω・｀)
いろいろ未調整なとこが多いですが･･･
遊んでたらそれなりに面白かったので動画にしてみました。
■現状の課題点■
●リトライボタンの追加
●ハイスコアの維持
●自分の記録をベスト３まで残す
●ブロックを12 * 12 → 16 * 16に拡大
●キャラクターを８～１０体くらい
●その他諸々････
※動画内に記載漏れがありました
効果音:koshibone 様
http://commons.nicovideo.jp/material/nc899
小泉花陽だけでかよちん描いた for Web
みけねこめがねです。
新作動画ができました。
だれでも推しを推しの名前で描かせることができます。
今回はかしわくん（Twitter：@3920kashiwa)にご協力いただきました。
かしわくん本当にありがとう。
http://mikenekoyutori.lv9.org/
↑のサイトで実行することができます。
注意事項を読んでご利用ください。
Twitter:https://twitter.com/mknk_mgn（よろしければフォローお願いします）
Pixiv：http://pixiv.me/mikeneko_yutori
私のアイコンのキャラクター、みけねこちゃんを描いていただけるとのけぞって喜びます。
マイリスト→mylist/54823522
ガルパンはいいぞ
擬似3Dラスタースクロール
あっているかわからないですが、とびだせ大作戦とかで使われているスムーズな奥行きのあるスクロールです。
縦縞模様をパースさせたようなBGを用意してラスターで市松模様にするのがポイントかとおもいます。(BGを色分けしてあります)
Javascriptで再現してみました。
http://jsdo.it/bitchunk/OqJ7
Chrome音声認識でポケット・ミクがしゃべる【Android】
マイク入力した言葉をオウム返しします。Chromeで音声認識、gooのひらがな化APIを通してWeb MIDI APIでMIDIデータを送ってポケット・ミクが話します。
JavaScriptでゴリゴリ。WindowsのChromeで動いてたやつを、Androidで動くようにするのにかなり苦労しました。だいぶ前に作ったやつがChromeの仕様変更でおかしくなってたのもあり。デモページは以下から。
https://webmidilab.appspot.com/kodama/
この音声認識の発展形が、以前投稿した会話ができるやつです。返答の発音もブラウザでやります。
【ブラウザで動く】ミクと話そう【音声認識＆合成】（顔が動くVer.）
http://www.nicovideo.jp/watch/sm28213860
質問などはツイッターへどうぞ。 https://twitter.com/linclip
Web MIDI API関連のリスト： mylist/55267430
ポケット・ミクをJavaScriptで歌わせる簡易シーケンサー＆リズムマシン
Chromeで動くポケット・ミク（ポケミク）用シーケンサーWebアプリ。JavaScript/Web MIDI APIで動きます。Webアプリ「VOCACID」紹介動画その2。
歌詞の入力、パターンの保存・読み込み、エコー的なエフェクトの選択（ディレイ6種）などの機能を持っています。画面が暗くてすみません。
sm27282296 の続きです。YouTubeにあげてたやつの転載。
一時期話題になったハードウェア（未発売）のVOCALOOPみたいなことはだいたいできるはず。
試せるページはこちら。
https://vocacid.appspot.com/
Web MIDI API関連のリスト： mylist/55267430
iELECTRIBEで音階を鍵盤で演奏するJavaScript/Web MIDI APIプログラム
音階を演奏するには画面上のノブを動かすしかないiELECTRIBE for iPad（for iPhoneも同じ）。
どうしても音階を演奏したいので、Web MIDI APIでプログラムを作りました。
前回（ sm27700766 ）は演奏情報をあらかじめ打ち込んでおくシーケンサーでしたが、今回はリアルタイム演奏をするためのプログラムです。
URLなどは後ほど公開予定。
https://twitter.com/linclip
Web MIDI API関連のリスト： mylist/55267430
スプラトゥーンっぽい何かを作ってみた【JavaScript】
スプラトゥーン再現ネタはたくさん出ていて、もう出涸らしみたいになってますが
JavaScriptのCanvasAPIを使ってインクを出すところを再現してみました。
※最初のSEは後付けです。
最初の部分もブラウザ上で動いてます。
【http://jsdo.it/uzimaru0601/eycu】から遊べます。（IEは動きません＞＜）
使用素材
フォント：イカモドキ
雪の結晶シミュレーション（２次元DLA）
■HTML5による仮想物理実験室（物理シミュレーション）
http://www.natural-science.or.jp/article/20160524000005.php
■DLAによる樹木状クラスタのフラクタル次元
http://www.natural-science.or.jp/article/20110406232038.php
単スリットによる回折現象
スリット幅 w[μm]に波長λ[nm]の可視光を入射した時の回折パターン。スリットからスクリーンまでの距離は1[[m]。
HTML5による仮想物理実験室
http://www.natural-science.or.jp/article/20160526000054.php
【3D音響】エフェクターで360°音を動かす BOSS VF-1ブラウザで操作Web MIDI API
ローランドから発売されていたマルチエフェクツBOSS VF-1のRSSという3次元音響処理技術をブラウザとWeb MIDI APIでコントロールします。
360度、前後左右に定位させられるのですが、一般的なMIDIコントローラーで操作するよりも、タブレットやスマホなどのタッチデバイスの方が、直感的に操作できる気がします。
前方を0度として、左右ともに180度まで（それぞれ30段階）。対して上下は±54度まで、3段階とざっくり。上下はいまひとつ効果が感じにくい気配。いかがですか？
ブラウザで動くWebアプリです。Win / Mac / Android / iOSで動作。要MIDIインターフェイス。URLの公開は後ほど（予定）。
Web MIDI API関連のリスト： mylist/55267430
JavaScript“だけ”で日本語読み上げするソフトを作ってみた。
espeak（読み上げソフト）とIgo.js（日本語形態素解析）を用いて日本語を読み上げるソフトを作りました。まぁ、作ったのは3年前で今更感ありますが・・・。一応IEに対応させました。
この動画では「吉野家のコピペ」「前原圭一の演説」「ブロントさん」のセリフを喋らせています。
女性の声やロボットの声とかにもできるんですが、めんどくさいのでやってません。
http://logue.github.io/espeak-japanese
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でボーカロイドとかもっとすごい世界が広がってますよ。
Mabinogi MML Emulator
マビノギのMMLをブラウザで再生するプログラムを開発しました。（Chrome、FireFox、Edge対応）ほぼゲーム上と同じ音で再生されます。sm29089662の応用プログラムです。（これも、公表から３年経過してるが・・・）ついでに、JSMMLで再生するプログラムも入れてます。（JSMML版は立ち上がりが遅いが・・・。）
http://logue.github.io/MabiMmlEmu/
自分のMMLを入力して、このページの右下にある「シリアライズ」をクリックして、music.jsonのnameに曲名、valueに先ほど「シリアライズ」で出力したテキストを入れることで自分のMMLを登録できます。
自作ゲームをゆっくり紹介：THE 為政者
自作の超シンプルブラウザゲーム「THE 為政者」をゆっくりボイスを使って紹介する動画です。
ゲームはこちらのサイトに掲載しています→http://t374724n.sakura.ne.jp/kokuuex/
自作ゲームの動画置き場→mylist/56405328
Googleで邪魔なサイトを見ずに済むユーザースクリプトを作った【配布有】
前々から自分用に作っていたユーザースクリプトを公開します。
このユーザースクリプトを使うと、Googleの検索結果から条件に合致する特定のページを非表示にできます。
「Google掃除機」はあくまで仮称です。気の利いた名前が思い付かない。
※Greasemonkey/Tampermonkeyのインストール方法については大百科「Greasemonkey」を参照
※Firefox57以降ではTampermonkeyをお使いください。
【主な機能】
・条件を指定して検索結果を隠す
・ブロック対象を指定したルールセットの複数作成・管理
・「未指定: ○○○」対策
詳細情報:
https://github.com/djtkdk-086969/google-search-cleaner/wiki
補足: ar1097425
【公開場所】
Greasy Fork:
https://greasyfork.org/scripts/19620
GitHub:
https://github.com/djtkdk-086969/google-search-cleaner
掃除でパズル！ 解説動画
プラウザで動作するパズルゲームの解説動画です。
プレイはこちらから→https://freegame-mugen.jp/browser/game_2865.html
作成した他のゲーム(mylist/56736258)
なお、この解説動画の作成にはRPGツクール2000を使用しました。
ニコニコ 投稿一覧にID表示 & Twitter検索へのリンク追加ブックマークレット
ニコニコ動画のマイページおよびユーザーページの「投稿」一覧にID表示＆Twitter検索へのリンク追加するブックマークレットを作りました。
ブックマークレットはブラウザ上で動くJavaScriptによるプログラム。
自分の動画に言及してるツイートがないかなあ？ なんて探すことが多い人向け。
自分だけでなく、気になるユーザーの一覧でもお試しあれ。
動画はWindowsのCromeですが、IEでもOKでした。
ブックマークレットの登録は以下から
http://pointofviewpoint.air-nifty.com/blog/2016/09/niconico-id-twi.html
ブラウザ上でMMD編集とVRできるようにした (JavaScript&WebGL)
前(MMDxWebアプリ): sm279561563
次(ブラウザ上でMMDミクのライブをリアルタイム処理で) :sm30124044
マイリスト: mylist/49125767
やっぱりアニメーション編集もできたほうがいいですかね。
オンラインデモ
Editor http://takahirox.github.io/three.js.mmdeditor/editor/index.html
A-FramexMMD https://github.com/takahirox/a-mmd
Three.js MMD example https://threejs.org/examples/#webgl_loader_mmd
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDミクのライブをリアルタイム処理で
前: sm30067053 (ブラウザ上でMMD編集とVRできるようにした)
次: sm31239935 (MMD + ARをブラウザ上で)
マイリスト: mylist/49125767
それなりに凝ったことができるようになってきました。
オンラインデモ
物理 http://takahirox.github.io/MMDLoader-app/index.html#app_physics
モザイク http://takahirox.github.io/MMDLoader-app/index.html#app_postprocessing_lowresolution
ライブ http://takahirox.github.io/MMDLoader-app/index.html#app_music_live
東方風STGブラウザゲーム→mylist/38547755
【はがオケ初初祭】湯煙RTA【00:00:20.89】
はがオケ初初祭（http://hagane.huegame.jp/Campaign/20161118）の湯煙に挑戦しました。
一部下ネタの要素が含まれます。
レギュレーションは、ページを更新してから湯煙を表示した状態で、ストップウォッチをタイマースタート。
すべての湯煙を取り除いたら、ストップウォッチをタイマーストップ。
軽い気持ちで、オモシロ動画2016にも応募してみました。この動画を見て応募へのハードルが下がればいいなあと思います。
立ち絵：im4964683 黒白ぐれい様、ありがとうございます
ブロマガ(解説など)：ar1149695
追記１：げむしゅ様、あむ様、広告ありがとうございます。
追記２：立ち絵の利用規約（金銭が絡む事への使用）に抵触する可能性があった為、応募を取り下げました。(12/11 22:14)
key sound player
javascript で web audio api を使ったブラウザ演奏のプログラムをつくりました。そのデモ操作動画です。
■key sound player
http://yuroy.rdy.jp/other/ks.html
キーボードで音を鳴らしたりループ演奏したり録音したりファイル書き出ししたりできます。
音源がかなり多いので読み込むのに時間がかかります。スペックによってもしかしてブラウザが固まったりするかもしれないですが、固まったらごめんなさい。ほんとうにごめんなさい。
firefox と chrome では動きました。他はわからないですが多分ダメだと思います。
こんなかんじですが、よかったら遊んでみてください。
許諾楽曲検索を便利にするツールを作ってみた
http://storagebox.xxxxxxxx.jp/tools/nicovideo_license-search_ex.html
許諾楽曲検索を便利にするブックマークレットの紹介です。
2017-03-05：機能を改善し、統合版も追加しました。
初心者が初心者向けにJavaScriptを解説しながらゲームを作っていく動画 001
JavaScriptでゆっくりゲームを作っていこうという動画です。
めざすはハイドライド風のゲームです。
解説ページつくりました
http://ohchan2525.web.fc2.com/m/001.html
次-> sm30706732
初心者が初心者向けにJavaScriptを解説しながらゲームを作っていく動画 002
JavaScriptでゆっくりゲームを作っていこうという動画です。
めざすはハイドライド風のゲームです。
解説ページつくりました
http://ohchan2525.web.fc2.com/m/002.html
sm30658685 <-前 次-> sm30851795
ニコニコ動画のコメント入力補助ツールを作ってみた（＃３）
HTML5対応の暫定版です。
残念ながら、コマンドやコメントの書込みが認識されないので、現在は、クリップボードにコピーする仕様となっていますので、使いやすくはありません。
いろいろと癖がありますので、十分練習してから、ミスを連発しない様にして、動画への使用をお願いします。
ニコニコ動画のコメント入力補助ツールを作ってみた
sm26215277
ニコニコ動画のコメント入力補助ツールを作ってみた（＃２）
sm26427467
ブックマークレットの置き場
http://tottemohimadesi.esy.es/
【けものフレンズOP】ようこそジャパリパークへ をJSに演奏させてみた
音楽は得意ではないので、大抵のことは出来るJSにWebAudioAPIを使って演奏してもらった
使うのは、ブラウザとテキストエディタのみです
楽譜参考：sm30603160
※♭・＃が♮まで適用され続けることを、シ♭の指摘をもらって調べるまで知りませんでした。ご指摘ありがとうございます。
初心者が初心者向けにJavaScriptを解説しながらゲームを作っていく動画 003
JavaScriptでゆっくりゲームを作っていこうという動画です。
めざすはハイドライド風のARPGです。
おもいのほか、間隔があいてしまいました。しばらくは1か月近くかかるかもです。
自己満解説
http://ohchan2525.web.fc2.com/m/001.html
sm30658685<-前 次-> なるはやで
音楽投稿サイト作ってみた
PicotuneというMIDI共有サイトを作りました！
http://picotune.me
音をピコピコに変換したり、ピアノロールにイイネを押したり、ツイッターにプレイヤーを埋め込んだりできます！
動画で使っている3曲とも私が作った曲で、Picotuneに投稿してあります□
ツイッターの宣伝を拡散していただけると非常に励みになります。よろしくおねがいします
https://twitter.com/cagpie/status/855765511635820544
追記:このサービスはオリジナル曲など(詳しくは利用規約などに表記しています)に限定したものになりますので、JASRAC云々は基本的には関係ありません。
MMD + ARをブラウザ上で
Three.js + jsartoolkit5 (動画中ではさらに + A-Frame)
デモ: https://takahirox.github.io/mmd-ar/examples/barcode.html
(PC推奨。Androidでも動く？)
前: sm30124044 (ブラウザ上でMMDミクのライブをリアルタイム処理で)
次:
マイリスト: mylist/49125767
東方風STGブラウザゲーム→mylist/38547755
うはうは☆プログラミング 第2回 言語どれにする？
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます！
講師：Revin https://twitter.com/rev84
生徒：やられ https://twitter.com/yanao331
YouTube：https://goo.gl/q3A3RH
マイリスト：mylist/59061583
前(最初)：sm31238731
次：sm31251101