キーワード JavaScript が含まれる動画 ： 1160 件中 705 - 736 件目
種類:
- タグ
- キーワード
対象:
エアリスのテーマをアレンジ／JavaScriptで3Dスペクトラムアナライザーを自作してみた
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。（本来であればフーリエ変換などの知識が必要になる）
で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。
初めての3Dプログラミングなので色々間違ってる気がしてならない。
（フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装）
ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。
【台湾産】Cyber Sprite サイバースプライト【振り向き型横STG】HARD 1ccALL(task Ex uses retry)
擬人化プログラミング言語の女の子たちが戦う台湾産振り向き型横STG。
HARDモードをルア(Lua)で1ccALLしました。
初プレイからHARD打開まで、撮った動画の合計時間は17時間ぐらい掛かりました。
非常にギミックが凝ってて面白いので、弾幕じゃないSTGに飢えてる方は是非！
task Exはさすがに1発打開できなかったのでリトライしまくってクリア！
動画ではtask Exを2回目のプレイで打開しているように見えますが編集してます。
（数えたらtake 36でようやくtask Ex打開でした…＾＾；）
task Exのボス、エマ(Javascript)さまのスプレッド弾の詐欺判定で相当苦しめられました。
恐らくは円状グラフィックに対して四角判定なんじゃないかな？
発売元・開発元：電子妖精實驗室 (C.S.Lab)( https://cyber-sprite.blogspot.com/ )
DLsite販売ページ：https://www.dlsite.com/home/work/=/product_id/RJ234431.html
Vue.js スタートアップ
配信で使っているVue.jsのスタートアップを動画にまとめました。
Vue.jsは僕も1ヶ月前から触り始めところなんで
分からない事もめっちゃるんやけど
僕が始めたときに調べことを動画にしました。
みなさんが始めるときの手助けになれば
えぇなぁと思ってまーす。
【過去放送】2019/09/14 雑談「てかこれJavaScriptなんだよな？」
最近のJavaScriptはえぐいよのう
下記日付に行ったニコ生の録画編集動画です。
2019年09月14日（土） 21:00～
sm35650449←前 mylist/61095983 次→sm35712742
Vue JS 2 入門 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)
Vue.jsの基礎を紹介した無料の動画です。
この動画でVue.jsを始めてみてください。
続きはこちらから視聴できます。
https://www.udemy.com/course/vue-js-complete-guide/?couponCode=NICONICO20190915
新しいコースを作成した際にいち早くお知らせできるので、Twitterのフォローもよろしくお願いします。
https://twitter.com/firstbumpofrice
【新】ワンクリック詐欺を作ろう - #6 VueJSを導入する
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
HTMLの基礎を習得してから、Bulma + VueJSでモダンなワンクリック詐欺サイトを作成します。
前: sm35675066, 次: sm35675089
全パート: series/60324
Dsl-feat.初音ミク
初めて投稿させて頂きました！！
作詞作曲 ・二ト
二ト Twitter
(@O48Ial3cIqwpHGh)
https://twitter.com/O48Ial3cIqwpHGh?s=09
イラスト・かなしみ Twitter @YOMEI_5_FUN
定期的にあげて行こうと思います
お友達のumc氏にアレンジしてもらいました！
<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm36003403/script?w=640&h=360&from=0"></script><noscript><a href="https://www.nicovideo.jp/watch/sm36003403?from=0">【ボーカロイドカバー】Dsl-feat.鏡音リン レン / umc.</a></noscript>
ライフゲームを使った模様の描画
表題の通りライフゲームを用いた模様の描画です。
適当なBGMでもかけながら眺めるために作りました。
動きを維持するために外周からセルを一定間隔ごとに供給しているので
厳密にはライフゲームそのものではありません。
一定の規則性がある一方で周期がかなり長く変化が不規則で
全体的には虫が蠢いているような動きなので
蟻の巣作りでも眺めているような感覚になるかと思います。
人によっては幻覚というかサイケなものに見えるかも。
この動画自体はただの紹介で実際のプログラムは以下にあります。
https://xf108.web.fc2.com/gameoflife.html
javascriptのプログラムにhtmlのUIをつけただけですので
ローカルに保存しても動きます。
色調と残像効果は目が疲れないものにしたつもりですがそこはお好みで。
空が落ちてく-feat.初音ミク
前回もコメント・マイリス・広告ありがとうございます
今回はギターロックでエモい曲を作りました～
音楽 二ト
イラスト UNF
https://piapro.jp/t/IXeA
お友達のumc氏にアレンジしてもらいました！
<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm36003403/script?w=640&h=360&from=0"></script><noscript><a href="https://www.nicovideo.jp/watch/sm36003403?from=0">【ボーカロイドカバー】Dsl-feat.鏡音リン レン / umc.</a></noscript>
開業前の羽沢横浜国大駅に行ってきた！ 探索編
2019年11月25日撮影
今週の土曜日に開業する相鉄・JR直通線を探索する
特に西谷駅から羽沢貨物駅までのバスルートが少なく波乱の一日だった
発着編はこちら
引退した旧7000系はこちら
<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm35191181/script?w=640&h=360"></script><noscript><a href="https://www.nicovideo.jp/watch/sm35191181">期間限定! 相鉄7000系10両編成を見に行った‼︎ 横浜駅にて</a></noscript>
【自作ゲーム】琴葉姉妹はｾﾔﾅｰを飼いたい ver.0.7.0β
生きてました
【箱庭セヤナ】
URL：※レンタルサーバーの契約切れに伴い公開停止
※Windows各種ブラウザ（IE除く）のみ動作を保証します。
【作成環境】HTML5 + JavaScript 【使用ライブラリ】phina.js
【twitter】@motyo3_seyana
【メガドラ実機も】MD版ラングリッサー２のエンディングだよ（後編）【ついでに買え】
ベドリントン・テリア【Bedlington-Terrier】
イギリス原産。キツネ、イタチ猟のため作出。炭鉱労働者の人気者だった中型犬。
洋梨みたいな細長顔と、子羊っぽい体つきが特徴。おとなしいが興奮すると猟犬の血が蘇る感じ。
いっぱい動きたいお年頃。トリミングもやっとけ。猟犬のなかでは小回りのきくほう（偏見）
注：エンディングなんでラング２のモロネタバレです。じゃなくてもわたしが色々と
喋ってます。ネタバレやだって人は別のラング、グロー動画を見てください
RPGツクールmv体験版ダウンロードしてみたのよ。でもゲームプログラミングというより
ほんとにツールって感じだったんよ。だもんでjavascriptでやっちまえって思ってさ・・・
アレって既存のプログラム全部使わなくてもいいんだべ？ onloadに自分の関数
ぶちこんでもいいんだべ？ 作るとは言ってないべ（重要）
動画投稿数が限界に達しました。Bルートから新アカになるかもよ
あ、マーフィーさん引き続きどうもです。ちなみに栃木いち高い山は男体山じゃなくて白根山です
前半→ sm36382418
ラング２のマイリスト→ mylist/40546811
ラング４のマイリスト→ mylist/65106039
【まるで○コ動!?】YouTube投稿動画のコメントを動画上にテロップとして流すブラウザ拡張機能作ってみた【おこめビューア】
YouTube Liveチャットを配信画面に重ねるツールはあるのに、投稿動画についたコメントを合成するツールが見つからなかったので自分で作ってみました。
その名も「おこめビューア」
当動画はYouTubeチャンネル「おとぼけ師匠」の動画を転載したものです。
続きはYouTubeの方に投稿していきますので、ご興味ある方はぜひどうぞ！
https://www.youtube.com/channel/UCnb1SqoV3k3guFNq9RNEagg
JavaScriptでアルカノイドを作ってみる
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみるテストです。
1時間で作ろうと思いましたが圧倒的時間不足により途中で断念しました。
youtubeにも上げてます
https://youtu.be/4EN8o_nN__8
JavaScrptでアルカノイドを作ってみるVer.2
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみる動画です。
今回は前回の続きでボールの描画と移動処理を実装しました。
前回どう考えてもソースコードの文字サイズが小さくてスマホだとほとんどなに書いてあるかわかんないと思ったので、今回から文字を大きくしました。
これからは１本の動画を10分程度にまとめようとしましたが、20分になってしまいました。次回から頑張ります。
youtubeにも上げてます。
https://youtu.be/mKoiuzyjkXM
ひらがなとカタカナを変換するアプリつくったー
それだけだったりする。
HTMLの初心者でも、サーバー制御いらずに黒歴史な自作サイトで動くものを作れて満足している。
あと、PVぽいものも作れて二度満足。
ちなみに制作時間は約7時間。
https://masterexa.github.io/webapps/kana-converter/
ブラウザでブレークポイントを張る方法を紹介します
javascriptの実行を途中で止めてデバッグする方法です。
chromium系のブラウザで解説してますが、他のブラウザでも似た機能はあると思います。
jsdomを使ったお手軽スクレイピング方法を紹介します
今回のソースコードです。
https://github.com/mogurastore/jsdom-tut
jsdomのgithubはこちら。
https://github.com/jsdom/jsdom
【無料】ぷよぷよでプログラミング学習
ぷよぷよでプログラミングを学ぶためのサイトができてました。
写経だけですが、結構楽しめるのでオススメ。
JavaScriptに興味があるプログラミング初心者に最適です。
ゆっくり解説 ニコニコのRSSフィードでページを作ってみた.php
ウェブページのコーディング練習がてら、
ニコニコが配信しているRSSフィードを分解してそれっぽいページを作ってみました。
新着動画やランキングが見れる他。ブロマガや公式情報もチェックできます。
いいね！押して来たらコーディング解説するかもです。
【#レコスタ】PNGの立ち絵を2D素材形式に変換するアプリ作ってみた
こちら、公式ツールが公開されたので、そちらを使ってください （09/01追記）
https://twitter.com/ahsoft/status/1300349025711841280
待ち切れませんでしたので…作りました。
すみません、途中で切れてます。
そのあと大したことは言っていませんでしたので上げ直しはしないです。
WEBアプリはこちら
https://wallstudio.github.io/Png2RspConverter/javascript/
SourceCode
https://github.com/wallstudio/Png2RspConverter
次
https://www.nicovideo.jp/watch/sm37491303
Twitter
https://twitter.com/yukawallstudio
flower © v flower project
最愛の君へ【ゼロツーmad】
いつになってもいい
運命というものがあるのなら
君の元まで僕を連れていって
お借りした曲
ライカ/yamada Cover.来
<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm30566327/script?w=640&h=360"></script><noscript><a href="https://www.nicovideo.jp/watch/sm30566327">「ライカ」歌ってみた／來ver</a></noscript>
https://youtu.be/N6keSMV79vo
【初音ミク「マジカルミライ2020」プログラミング・コンテスト】 リリックアプリ開発ことはじめ #mm2020procon
初音ミク「マジカルミライ2020」で初めて開催されるプログラミング・コンテストでは、マジカルミライのテーマ曲にあわせて歌詞などの映像演出が魅力的に動くWebアプリケーション（リリックアプリ）を募集しています。
この動画では、コンテストの概要からTextAlive App APIを使ったリリックアプリの開発方法まで紹介しています。開発方法だけに興味のある方は Part 3. をご覧ください。
#00:00 Part 0. はじめに
#00:34 Part 1. プログラミング・コンテストについて
#01:51 Part 2. リリックアプリとは？
#04:49 Part 3. TextAlive App APIを使ったリリックアプリ開発
#16:53 Part 4. プログラミング・コンテストの参加方法
#20:35 Part 5. おわりに
■ 初音ミク「マジカルミライ 2020」 プログラミング・コンテスト 公式サイト: https://magicalmirai.com/2020/procon/
■ TextAlive for Developers サイト内 コンテスト応募者向けサポートページ: https://developer.textalive.jp/events/magicalmirai2020/
■ 動画で紹介している作例 textalive-app-lyric-sheet の掲載サイト
CodePen: https://codepen.io/arcatdmz/pen/abNXJgG
GitHub: https://github.com/TextAliveJp/textalive-app-lyric-sheet
デモページ: https://textalivejp.github.io/textalive-app-lyric-sheet
■ 作例 textalive-app-lyric-sheet で流れるマジカルミライ2020 テーマ曲
ピノキオピー feat. 初音ミク / 愛されなくても君がいる
https://www.nicovideo.jp/watch/sm37223770
---
投稿者: 加藤 淳（産業技術総合研究所）
この動画に関するお問い合わせ: [email protected]
