タグ javascript が登録されている動画 : 624 件中 353 - 384 件目
種類:
- タグ
- キーワード
対象:
【HTML】TEXTAREAタグ で Bad Apple!! PV 影絵【JavaScript】
TEXTAREAタグもやればできる子。
2作目。
前作(sm24210774)に続いてまた作ってしまいました。
今回は、HTML + JavaScript です。表示領域には TEXTAREA を使っています。
こんな楽しいデータを公開してくださった sm24162325 の作者 .6 さん に感謝です m(_ _)m
使用環境:
OS: Windows 7 Home Premium (64bit)
言語: HTML + JavaScript
Webブラウザ: Internet Explore 11
音データは sm8628149 からお借りしました。
動画データは、sm24162325 の説明に記載のソースコードのありかから。
実際に使ったソースコードは、画面右です。
(linesという変数名は、frames とすべきでした orz)
p.s. 動画データの読込はHTML5の機能を使っています。
1作目 sm24210774、mylist/45326413
初心者が知るべきJavaScriptの魅力はたった2つ!
自分が書いた↓の記事を読みながら解説する動画です!
http://mikumikuplay.com/it/javascript_goot_2point/
・内容
1. 構文の魅力
プロトタイプ型オブジェクト指向
関数が第一級オブジェクト
連想配列(ハッシュ)とオブジェクトが同じ
2. 動作するプラットフォームの魅力
さぁJavaScriptを学ぼう!
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
許諾楽曲検索を便利にするツールを作ってみた
http://storagebox.xxxxxxxx.jp/tools/nicovideo_license-search_ex.html
許諾楽曲検索を便利にするブックマークレットの紹介です。
2017-03-05:機能を改善し、統合版も追加しました。
slither.ioを改良してみた
このオンライン対戦ゲームをご存知の方も多いと思います。夢中になるとサポート機能が欲しくなります。そこで、以下の機能を作ってみました。●マウスカーソルがゲーム外にでないようにする●自分が進んでいる方向を線で示す●一定時間(約一秒)で進める距離を緑の円で示す●Uターンに必要な半径を赤い円で示す●雑魚キャラ(1000以下のヘビ)は黄色で示す●エサを目立たない色で示す※動かすためにはサーバーを立ち上げないと行けないので改良したプログラムは公開しません。
Nintendo Switchの隠しブラウザをもうちょっと試す
コメントまわりをだらだら検証していたら公式アプリが出てしまったので、それ以外だけ動画にします。
もうちょっと色々調べたいところですが、ブラウザにデバッグ機能もないし、10年以上前に書いた自分のクソコードが読めなくて断念しました。
じゃあ10年後のZenzaWatchは大丈夫なのか?というと、そもそもニコニコ動画があと10ne…いや、なんでもないです。
ユーザーが製作者の想像を超えたすごい物を作るという点で、コメントアートとロードランナーは通ずるものがあるかなあと思ったりします。
【FGO同人RPGを作ってみた】宮本武蔵と浮世京都
これは、System Animator 11 (WIP)を使用して構築されたシンプルな3D Web RPGです。Google ChromeとFirefoxで動作します。
http://www.animetheme.com/system_animator_online/SystemAnimator_online_FGO.html?cmd_line=/TEMP/DEMO/fgo_rpg01
このゲームの詳細については、以下のREADMEファイルをお読みください。
http://www.animetheme.com/system_animator_online/TEMP/DEMO/readme_FGO.txt
System Animatorホームページ:
http://www.animetheme.com/sidebar/
twitter@butz_yung
JavaScript超入門2019 #3 HTML5 Canvas
次:sm34495026
前:sm34495003
Part1:sm34494986
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/js2019/
YouTube版
https://youtu.be/iQC-jRggmng
JavaScript超入門2019 #4 基本文法
次: sm34510850
前: sm34495016
Part1: sm34494986
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/js2019/
YouTube版
https://youtu.be/Ws47_Tb7iRE
【RPG編 #09】JavaScriptゲームプログラミング初級
次: sm34639669
前: sm34639651
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/iNwuPLT7Ldg
【RPG編 #10】JavaScriptゲームプログラミング初級
次: sm34639677
前: sm34639659
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/CSZhNUpT3og
プログラマーへの道 #2 HTML と JavaScript
"プログラマーへの道"はプログラミング学習者向けの入門動画シリーズです。
独学で勉強方法が分からない方がこの動画シリーズを順番にみていくとWeb系のプログラマーになれるようなコンテンツを目指しています。
Twitter:https://twitter.com/TioIis
マシュマロ:https://marshmallow-qa.com/tioiis
YouTube:https://www.youtube.com/channel/UCKdKAh96Tl4dMIHsZtc9KEQ
BGM:かえるのピアノ(https://dova-s.jp/bgm/play568.html)
【Bitburner】葵ちゃんは楽して5000兆円稼ぎたい #3【VOICEROID実況】
アップロードに2か月かかりました。
全体的に文字が小さいので、PC等の大きな画面での視聴をお勧めします。
【プレイしたゲーム】
Bitburner(Steam) ※無料
https://store.steampowered.com/app/1812820/Bitburner/
サイバー攻撃は重大な犯罪です。
ゲーム外でこのような行為をしてはいけません!
【使用音声】
A.I.VOICE 2 琴葉 茜・葵
CeVIO AI 小春六花 トークボイス
VOICEPEAK 京町セイカ
A.I.VOICE 結月ゆかり
【お借りした立ち絵】
・琴葉葵(或窓 様) im11168925
・小春六花 (夜刀 様) im10581458
JavaScriptでゲームを作ってみた 第1話
JavaScriptで倉庫番作ってみました==>http://sukebeningen2009.web.fc2.com/test2/test2.html
3面しか無いですけど・・・
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その5
ライブラリなどは使用せず0から作っています。
前: sm21892468 次: sm22137339
mylist/38547755
更新点はマイリスト参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。Chrome上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
今回はリプレイ機能を実装しました。
サーバに登録することで、他プレイヤーにリプレイを見せることができます。
#0:00 ブラウザ上で動くアピール
#0:03 リプレイ垂れ流し
#4:33 リプレイ登録方法
録画環境が酷い。実物はもっと快適な動作です。
ブラウザMMDビューア→mylist/49125767
tmlib.jsでゲームを作ってみよう(3)
その3 自機のショット
今回のポイント
(1)tm.app.CircleShape
円形のエレメントです。tm.app.TriangleShapeの親戚です。
(2)敵とショットの衝突判定
あらかじめenemiesという配列に敵を格納しておき、ショットのupdate関数内で衝突判定をしています。
衝突判定にはisHitElement()関数を使用しています。
(3)配列スキャン中に要素を削除する
concat関数で一旦配列をコピーしてからループ処理を行います。
要素の増減による添字のズレを防ぐことが出来ます。
前 sm22063641
次 sm22206747
マイリスト mylist/39031781
【nodeモジュール】precure.js作ったよ【JavaScript】
npmモジュールでprecure.jsを作りました。
プリキュアシリーズのすべてが内蔵されたライブラリです。
親にプリキュア全員の名前の列挙を求められた時などにお使いください。
github https://github.com/daishihmr/precure.js
es6とreactでゲームを作る - ペアプロキャストep1後編@kjirou
@kjirouさんとes6とreactで作成途中のブラウザゲームをペアプログラミングします。
ドライバー:@komagata
ナビゲーター:@kjirou
リポジトリ:https://github.com/kjirou/dungeons-and-idlers
前:sm26375942
次:sm26425307
ニコ動マイリスト:mylist/50316202
Youtube再生リスト:https://www.youtube.com/playlist?list=PLK0aUy-c-BhVhHAdVqmrPs4yHzqNFk36z
「無彩限のファントム・ワールド」のアイキャッチをWebカメラで再現
初投稿です。
パソコンについてるWebカメラから取得した映像を、HTML、JavaScript、CSSを使用し、アニメ「無彩限のファントム・ワールド」で特徴的なデジタルな感じのアイキャッチっぽく加工してみました。
挙動不審なのはお許し下さい……
うはうは☆プログラミング 宿題★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
JavascriptでWindows更新画面
ダウンロード https://ux.getuploader.com/tsuby_gomisuteba/download/2
※ジョークアプリです。最後にブルースクリーンエラーが表示されますがフェイクであり無害です。
名古屋Reject会議 keigoi
2011年2月26日 名古屋Reject会議 keigoi http://partake.in/events/47ccda3b-82d2-4f89-aa83-395a26545b62 (mylist/24198962)
WebGroove ブラウザで動くシーケンサー (HTML5 + Javascript) デモ
ブラウザで動作するシーケンサーのデモです。ただしFirefoxかChromeが必要です。Javascriptのソフトシンセでリアルタイムに音を合成しています。【http://www.g200kg.com/】の左メニューにあります。ボーカルシンセ搭載のver0.9はこちら⇒sm16190548
【万年エターナるが(ry その23】エピソード3三分の一公開【自作ゲーム】
終わらない夏の冬。
「万年エターナるが3Dシューティングを作ります」その23です。
「Phantastic Tryno World」(制作中)
http://www.geocities.jp/warotarock/ptw_beta/
仮配置をもとにエピソード3の序盤部分、全体の約3分の1までを
動くようにして公開しました。今回も8月を区切りにしただけですけども…。
やったこと
・エピソード3の序盤部分を作る
・いくつかの実験
今回は少しだけコメントへのお返事も動画の中で書いてあります。
音楽素材:Cyber-Rainforce様 powder snow (trance version)
[リスト]mylist/33115940
プリンセスコネクト 音声再生設定を拡張するPC Chrome用スクリプト
プリンセスコネクトをプレイしていて
ボイス設定で「次の音声まで再生を止めない」機能と
SE・BGM・ボイスの個別音量設定があればいいのに、と思ったので
PC ChromeのTampermonkey用ユーザースクリプトを組んでみました。
ブックマークレット化してインラインフレームを利用した擬似ブラウザみたいな感じにすれば携帯でも...
http://tools.gfdb.info/princess-connect-voice-cancel-inhibitor.html
ニコニコ動画のコメント入力補助ツールを作ってみた(#2)
このツール(Firefox用のBookmarklet)は、視聴画面や投稿者コメント編集画面にコメントの入力を補助する操作パネルを追加するものです。
フルライジオボタン化、カラー記憶機能追加等行いました。
基本的な発想はGRNさんのものです。
GRN放送局:http://com.nicovideo.jp/community/co300695
twitter:https://twitter.com/grnweb
お借りした動画:sm26364728
ツール(Bookmarkletの紹介記事)
http://ameblo.jp/odoriko-link/entry-12035754587.html
nicoコメ補助ツールver.2.22r
http://tottemohimadesi.esy.es/js/nico_come_assist_tool-ver2.22r.js
コメントアート(弾幕)の知識はこちらをご覧ください。
コメントアートwiki
http://www37.atwiki.jp/commentart/
小泉花陽だけでかよちん描いた for Web
みけねこめがねです。
新作動画ができました。
だれでも推しを推しの名前で描かせることができます。
今回はかしわくん(Twitter:@3920kashiwa)にご協力いただきました。
かしわくん本当にありがとう。
http://mikenekoyutori.lv9.org/
↑のサイトで実行することができます。
注意事項を読んでご利用ください。
Twitter:https://twitter.com/mknk_mgn(よろしければフォローお願いします)
Pixiv:http://pixiv.me/mikeneko_yutori
私のアイコンのキャラクター、みけねこちゃんを描いていただけるとのけぞって喜びます。
マイリスト→mylist/54823522
ガルパンはいいぞ
JavaScript Love for Perl Hackers - Ingy döt Net
yapcasia2008 day:1 track:2 (2008-05-15)
(Ingy döt Net)
next: sm3320300(acme) first: sm3318996(gudgod) mylist: mylist/6727329
time table: http://conferences.yapcasia.org/ya2008/schedule
ニコニコ互換コメント描画ライブラリを作ってみた
Github: https://github.com/xpadev-net/niconicomments
npm: https://www.npmjs.com/package/@xpadev-net/niconicomments
サンプル
・陰陽師: https://xpadev-net.github.io/niconicomments/sample/?video=0
・流星群: https://xpadev-net.github.io/niconicomments/sample/?video=2
せっかく作ったので使ってやってください
※サムネは自作版のキャプチャです
比較動画(最新): sm40473359
比較動画: sm39797537
(大体のCAに対応したので比較動画を更新しました)
旧比較動画: sm39748618 (Youtube: https://youtu.be/GLuvks_mlEg )
Youtube版は4Kまであります
12/16追記
ドキュメント整備しました
https://xpadev-net.github.io/niconicomments/
2023/03/10追記
リンク切れしていたため修正しました
【Bitburner】葵ちゃんは楽して5000兆円稼ぎたい #2【VOICEROID実況】
Project Kotonohack の始まりです。
全体的に文字が小さいので、PC等の大きな画面での視聴をお勧めします。
【プレイしたゲーム】
Bitburner(Steam) ※無料
https://store.steampowered.com/app/1812820/Bitburner/
サイバー攻撃は重大な犯罪です。
ゲーム外でこのような行為をしてはいけません!
【使用音声】
A.I.VOICE 2 琴葉 茜・葵
CeVIO AI 小春六花 トークボイス
VOICEPEAK 京町セイカ
【お借りした立ち絵】
・琴葉葵(或窓 様) im11168925
・小春六花 (夜刀 様) im10581458
【プログラミング】ブラウザだけで出来るプログラミング【初心者向け】
こんにちは
趣味プログラマー人間です
今回の動画は、プログラミングです
できることは少ないかもだけど簡単
なんか警告とか出てくるかもだけでOKしとけばいいよ
コピペ用↓
about:blank
console.log("なにこれ")
alert("な に こ れ")
let A = "なにそれ"
alert(A)
クレジット
編集ソフト:YMM4
ずんだもん:東北ずん子ずんだもんPJ、VOICEVOX
春日部つむぎ:KASUKABE project、VOICEVOX
立ち絵:坂本アヒル
画像:いらすとや
効果音:効果音ラボ
Font:自家製フォント工房
