タグ javascript が登録されている動画 ： 624 件中 417 - 448 件目
種類:
- タグ
- キーワード
対象:
ゲーム作りで学ぶjavascript 第3回 前半
今回はforループと、配列についてです。
アップローダーに、サンプルと練習問題を挙げておきました。
字幕をつけたほうがいいかも、とのことですが、
作業量が半端じゃなくなるので、勘弁してください。
変わりに、今回の内容を説明したテキストもあげてあるので、
そちらを見てください。
ロダ＞http://loda.jp/js_for_smilevideo_learners/
第3回 後半＞sm15566653
小泉花陽だけでかよちん描いた for Web
みけねこめがねです。
新作動画ができました。
だれでも推しを推しの名前で描かせることができます。
今回はかしわくん（Twitter：@3920kashiwa)にご協力いただきました。
かしわくん本当にありがとう。
http://mikenekoyutori.lv9.org/
↑のサイトで実行することができます。
注意事項を読んでご利用ください。
Twitter:https://twitter.com/mknk_mgn（よろしければフォローお願いします）
Pixiv：http://pixiv.me/mikeneko_yutori
私のアイコンのキャラクター、みけねこちゃんを描いていただけるとのけぞって喜びます。
マイリスト→mylist/54823522
ガルパンはいいぞ
HTML5で迷路作成プログラム
HTML5のcanvas機能を使った迷路作成プログラムです
HTMLとJavaScriptのみで動いてます
http://www.geocities.jp/katsu_don2009/index.html
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でボーカロイドとかもっとすごい世界が広がってますよ。
ブラウザ上で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
ネットワークトラフィック可視化ツールcobain
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
ブラウザ上でMMDを踊らせてみる その7 (JavaScript & WebGL)
前: sm25953917 次: sm26008748
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
音楽を鳴らして、音楽と同期を取れるようにした。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算の処理がまだおかしいらしく、
そばかす魔理沙のスカートが暴れていますが気にしないでください。
デモで使える素材を探すのが大変。
東方風STGブラウザゲーム→mylist/38547755
tmlib.jsでゲームを作ってみよう〜横スクアクション編(1)
横スクロールアクション編です。
使用するtmlib.jsはこちら
https://rawgithub.com/daishihmr/tmlib.js/feature/fix-mapsheet/build/tmlib.min.js
tmlib.jsにはTiled Map Editorで作成したマップを表示する機能があるので、これを利用していきます。
前 sm22403990
次 sm22557961
マイリスト mylist/39031781
WebGroove ブラウザで動くシーケンサー (HTML5 + Javascript) デモ
ブラウザで動作するシーケンサーのデモです。ただしFirefoxかChromeが必要です。Javascriptのソフトシンセでリアルタイムに音を合成しています。【http://www.g200kg.com/】の左メニューにあります。ボーカルシンセ搭載のver0.9はこちら⇒sm16190548
PS3で"zoome"を試してみた
どうやらzoome側が対策を行ったようです。
もはやこのブックマークレットは動作しません。
ITmediaの記事(http://www.itmedia.co.jp/news/articles/0801/28/news010.html)で"zoome"の存在を知る。PS3のブラウザでも（一応）動画が見れるし、wikiを見てみるとMP4ファイルも用意してるそうじゃないか。
ならば、PS3でのダウンロードに挑戦せざるをえない。
そう思ったわけで…
http://niconix.web.fc2.com/
ブックマークレットの簡単登録用リンクあります
【ゆっくり解説】公開したら家宅捜索されるプログラムを解説するぜ【アラートループ事件】
今回はアラートループ事件（無限アラート事件）について解説したぜ。
プログラミングを勉強したいという人やエンジニアとして働いている人は多いが、そういう人たちが委縮しないようになるといいな。
◆チャンネル登録はこちら
http://www.youtube.com/channel/UC9yE5zNQtT-sItF53GfQs7w?sub_confirmation=1
◆おすすめ動画
【ゆっくり解説】危険すぎて公開停止されたAI【GPT-2/GPT3】
https://youtu.be/dHFrsr0_T2o
【ゆっくり解説】AIに小梅太夫のTwitterを1000件学習させてみたｗｗ【ゆっくり解説】
https://youtu.be/cWepLWzDjIM
【ゆっくり解説】AI作曲 vs 人間作曲 見分けられる？【著作権】
https://youtu.be/onr6kNsDMBw
■投稿動画一覧
mylist/71519064
https://www.youtube.com/channel/UC9yE5zNQtT-sItF53GfQs7w
ゲーム作りで学ぶjavascript 第３回 後編
今回は配列を使ったプログラムをしてみます。
だいぶゲームらしくなってきました。
ろだ＞http://loda.jp/js_for_smilevideo_learners/
補講＞まだ
CanvasとWebSocketsのデモ
HTML5で入るらしいCanvasとWebSocketsを使った、それぞれのプレイヤーが操作するキャラクターがウロウロするデモです。（ウロウロすることしかできません。）ソースはこちら http://github.com/komagata/prowler
【ゲーム製作】ライツアウトを40分ぐらいでjsで作ってみた【実況解説】
正月休みを利用してenchant.jsでライツアウトを作ってみました．【イヤホン推奨】
録画したあとで気が付いたのですが，クリアできないパターンを生成しますね．
所要時間：40分
遊んでみたい方はこちら → http://urx.blue/qcZ8
ソース一式 → http://urx.blue/qcZc
過去作品 mylist/35461250
ブラウザ上でMMDを踊らせてみる その10 (JavaScript & WebGL)
前: sm26069436 次: sm26268613
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
複数モデル対応。影対応。ポストエフェクト追加。
複数モデルはさすがに重いので、動画中の物理演算が若干残念なことになってます。
実装したい機能は大体入れた感じ。
顔モザイクのアイデア元 https://twitter.com/i_saint/status/590815779802648577
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかの3D CGライブラリは使ってません。
0からガリガリ書いてます。
東方風STGブラウザゲーム→mylist/38547755
プリンセスコネクト 音声再生設定を拡張するPC Chrome用スクリプト
プリンセスコネクトをプレイしていて
ボイス設定で「次の音声まで再生を止めない」機能と
SE・BGM・ボイスの個別音量設定があればいいのに、と思ったので
PC ChromeのTampermonkey用ユーザースクリプトを組んでみました。
ブックマークレット化してインラインフレームを利用した擬似ブラウザみたいな感じにすれば携帯でも...
http://tools.gfdb.info/princess-connect-voice-cancel-inhibitor.html
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その4
ライブラリなど使わず0から作っています。
前: sm21834381 次: sm22039412
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は魔理沙、2面は霊夢でプレイしています。
背景変更のせいで弾やアイテムが見辛くなったかも。
ブラウザMMDビューア→mylist/49125767
歌詞に難読コードを渡されたミク
歌詞はGitHubに上げてます
>> https://github.com/nimono3/MikkuMiku/blob/main/MikkuMiku.js
JSなのでブラウザのコンソールなどから実行できます
YouTube: https://youtu.be/ysfcyePz0_Q
イラスト:にものさん
編集:にものさん
改行テスト
私はその人を常に先生と呼んでいた。 だからここでもただ先生と書くだけで 本名は打ち明けない。 これは世間を憚る遠慮というよりも、 その方が私にとって自然だからである。 _
うはうは☆プログラミング 宿題★1 最高点の調査
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます！
という講座の宿題です。
講師：Revin https://twitter.com/rev84
生徒：やられ https://twitter.com/yanao331
YouTube：https://goo.gl/FjZ6ui
教材：https://github.com/rev84/uhauha_programming
本編マイリスト：mylist/59061583
宿題マイリスト：mylist/59781918
次：sm31811001
【はがオケ初初祭】湯煙RTA【00:00:20.89】
はがオケ初初祭（http://hagane.huegame.jp/Campaign/20161118）の湯煙に挑戦しました。
一部下ネタの要素が含まれます。
レギュレーションは、ページを更新してから湯煙を表示した状態で、ストップウォッチをタイマースタート。
すべての湯煙を取り除いたら、ストップウォッチをタイマーストップ。
軽い気持ちで、オモシロ動画2016にも応募してみました。この動画を見て応募へのハードルが下がればいいなあと思います。
立ち絵：im4964683 黒白ぐれい様、ありがとうございます
ブロマガ(解説など)：ar1149695
追記１：げむしゅ様、あむ様、広告ありがとうございます。
追記２：立ち絵の利用規約（金銭が絡む事への使用）に抵触する可能性があった為、応募を取り下げました。(12/11 22:14)
うはうは☆プログラミング 宿題★5 釣りはいらねぇよ
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます！
という講座の宿題です。
講師：Revin https://twitter.com/rev84
生徒：やられ https://twitter.com/yanao331
YouTube：https://goo.gl/FjZ6ui
教材：https://github.com/rev84/uhauha_programming
本編マイリスト：mylist/59061583
宿題マイリスト：mylist/59781918
最初：sm31810972
前：sm31811046
次：sm31855746
ニコニコ 投稿一覧にID表示 & Twitter検索へのリンク追加ブックマークレット
ニコニコ動画のマイページおよびユーザーページの「投稿」一覧にID表示＆Twitter検索へのリンク追加するブックマークレットを作りました。
ブックマークレットはブラウザ上で動くJavaScriptによるプログラム。
自分の動画に言及してるツイートがないかなあ？ なんて探すことが多い人向け。
自分だけでなく、気になるユーザーの一覧でもお試しあれ。
動画はWindowsのCromeですが、IEでもOKでした。
ブックマークレットの登録は以下から
http://pointofviewpoint.air-nifty.com/blog/2016/09/niconico-id-twi.html
【ニコニコ自作ゲームフェス３】まじょりんぱ！【魔法アクション】
自作ゲームの紹介動画です。ぜひ、プレイしてみてください！
http://oab.no-ip.biz/~palincos/maho/
新作→sm24025560
【ゲームタイトル】まじょりんぱ！ ～輝け！マジカル・ハート！～
【クリア時間】 約300分
【動作環境】 Windows：Google ChromeもしくはIE9,10推奨
【ジャンル】 魔法アクション
【使用言語】 JavaScript＋自作ラッパー
【概要】 バリエーション豊かな魔法を駆使して戦う魔女っ娘の、
友情を描いた物語です。
【制作】 ぱるそ
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様 だいし様 広告ありがとうございます。
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
ネットワークトラフィックを可視化してみた
ネットワークトラフィックの可視化。棒が長いほど通信量が多い。計測地点は東京の某所。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その1
急にゲーム(エンジン)が作りたくなったので。
ライブラリなど使わず0から作成中。
次: sm21742078
mylist/38547755
使用素材は親作品参照
詳細は下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
(半年後に追記)今見るとショット音の大きさがひどいな、これは。
ブラウザMMDビューア→mylist/49125767
２ちゃんねるの過去ログ閲覧マシンを開発してみた
２ちゃんねるでdat落ちしたスレッドの過去ログを閲覧するプログラムを開発してみました。JavaScriptで作ったので、誰でも簡単に作れます。ちなみに、今回のプログラムはニュース速報VIPのスレッドにしか対応してないです。ご注意ください。 他の動画→mylist/19094109
ブラウザ上でトリミングしてサムネイル生成するajaxアプリを作ってみた
画像の領域をマウスで選択して、任意の大きさのサムネイルを作るアプリケーションをPHP+JSライブラリで実装してみました。使っているのはGDとcropperというJSライブラリです。thanks to cropper(http://www.defusion.org.uk/demos/060519/cropper.php)
Twitterをスターウォーズ風にするブックマークレット書いてみた
ツイッターのタイムラインをスターウォーズのあのオープニング風にするJavascript書けないかな〜、と思い腕試しに書いてみた。
使い方など詳しくはブログに書きました。
Star Wars like Timeline generator bookmarklet for Twitter:
http://blog.bresson.biz/2015/11/i_love_sw.html
【まるで○コ動!?】YouTube投稿動画のコメントを動画上にテロップとして流すブラウザ拡張機能作ってみた【おこめビューア】
YouTube Liveチャットを配信画面に重ねるツールはあるのに、投稿動画についたコメントを合成するツールが見つからなかったので自分で作ってみました。
その名も「おこめビューア」
当動画はYouTubeチャンネル「おとぼけ師匠」の動画を転載したものです。
続きはYouTubeの方に投稿していきますので、ご興味ある方はぜひどうぞ！
https://www.youtube.com/channel/UCnb1SqoV3k3guFNq9RNEagg