タグ JavaScript が登録されている動画 : 590 件中 97 - 128 件目
種類:
- タグ
- キーワード
対象:
ひらがなとカタカナを変換するアプリつくったー
それだけだったりする。
HTMLの初心者でも、サーバー制御いらずに黒歴史な自作サイトで動くものを作れて満足している。
あと、PVぽいものも作れて二度満足。
ちなみに制作時間は約7時間。
https://masterexa.github.io/webapps/kana-converter/
JavaScrptでアルカノイドを作ってみるVer.2
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみる動画です。
今回は前回の続きでボールの描画と移動処理を実装しました。
前回どう考えてもソースコードの文字サイズが小さくてスマホだとほとんどなに書いてあるかわかんないと思ったので、今回から文字を大きくしました。
これからは1本の動画を10分程度にまとめようとしましたが、20分になってしまいました。次回から頑張ります。
youtubeにも上げてます。
https://youtu.be/mKoiuzyjkXM
JavaScriptでアルカノイドを作ってみる
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみるテストです。
1時間で作ろうと思いましたが圧倒的時間不足により途中で断念しました。
youtubeにも上げてます
https://youtu.be/4EN8o_nN__8
【まるで○コ動!?】YouTube投稿動画のコメントを動画上にテロップとして流すブラウザ拡張機能作ってみた【おこめビューア】
YouTube Liveチャットを配信画面に重ねるツールはあるのに、投稿動画についたコメントを合成するツールが見つからなかったので自分で作ってみました。
その名も「おこめビューア」
当動画はYouTubeチャンネル「おとぼけ師匠」の動画を転載したものです。
続きはYouTubeの方に投稿していきますので、ご興味ある方はぜひどうぞ!
https://www.youtube.com/channel/UCnb1SqoV3k3guFNq9RNEagg
ライフゲームを使った模様の描画
表題の通りライフゲームを用いた模様の描画です。
適当なBGMでもかけながら眺めるために作りました。
動きを維持するために外周からセルを一定間隔ごとに供給しているので
厳密にはライフゲームそのものではありません。
一定の規則性がある一方で周期がかなり長く変化が不規則で
全体的には虫が蠢いているような動きなので
蟻の巣作りでも眺めているような感覚になるかと思います。
人によっては幻覚というかサイケなものに見えるかも。
この動画自体はただの紹介で実際のプログラムは以下にあります。
https://xf108.web.fc2.com/gameoflife.html
javascriptのプログラムにhtmlのUIをつけただけですので
ローカルに保存しても動きます。
色調と残像効果は目が疲れないものにしたつもりですがそこはお好みで。
【新】ワンクリック詐欺を作ろう - #6 VueJSを導入する
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
HTMLの基礎を習得してから、Bulma + VueJSでモダンなワンクリック詐欺サイトを作成します。
前: sm35675066, 次: sm35675089
全パート: series/60324
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
Vue.js スタートアップ
配信で使っているVue.jsのスタートアップを動画にまとめました。
Vue.jsは僕も1ヶ月前から触り始めところなんで
分からない事もめっちゃるんやけど
僕が始めたときに調べことを動画にしました。
みなさんが始めるときの手助けになれば
えぇなぁと思ってまーす。
エアリスのテーマをアレンジ/JavaScriptで3Dスペクトラムアナライザーを自作してみた
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。(本来であればフーリエ変換などの知識が必要になる)
で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。
初めての3Dプログラミングなので色々間違ってる気がしてならない。
(フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装)
ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。
JSで遊ぼう!4 完【プログラミング】
今回は配列について
遅くなって申し訳ないですが、完成させられてよかったです。
sm34467182 ←前回 | Lispに興味を持った人向け次回 → sm23923410
マイリストhttps://www.nicovideo.jp/mylist/63545430
今回のBGMは How My Heart Sings
Web版はこっち(音声あり注意、IE非対応)
http://nilisp.html.xdomain.jp/?load=geeks/js_start0.lisp&replbox=hidden
なぜニコニコ技術部タグかというと、この紙芝居エンジン(LispでADV)が自作だからです。
https://github.com/t-noji/kamishibai
なんかで使ってください
ニコ生用NGスクリプトを作ったのだ
NicoLiveCleaner
https://greasyfork.org/ja/scripts/382031-nicolivecleaner
【ケムリクサ格闘ゲームを作ってみた】りょう vs りく
これは、MMD素材とSystem Animator 11 (WIP)を使用して構築されたシンプルな3D Web格闘ゲームのテクニカルデモです。Google ChromeとFirefoxで動作します。次にケムリクサ三姉妹RPGゲームをやりましょうか ^o^
https://sao.animetheme.com/?cmd_line=/TEMP/DEMO/kemurikusa_battle_arena01
キーパッドを使用して攻撃コンボを入力する。
おまけ:最初に任意のMMDモデルを含むZIPファイルをドロップすると、デフォルトのモデルが置き換えられます。
-----------------------
System Animatorについて
GitHub (System Animator 11):
https://github.com/ButzYung/SystemAnimatorOnline
ホームページ:
https://www.animetheme.com/sidebar/
twitter@butz_yung
【RPG編 #13】JavaScriptゲームプログラミング初級
次: https://youtu.be/I6Vr2U23Sfc
前: sm34639677
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/ZsrneDpiFzo
【RTA】沖縄嘉津宇岳攻略【失敗あり・自転車車載】
怪我をしてしまったので初投稿です。
前回の動画でインターバル撮影を勧めてくださった方、
本当にありがとうございます。
ネガポジ反転砂嵐兄貴とかサイケデリック兄貴とか言われないの本当に嬉しい。
走った日:2019年3月17日(日)
記録:33分ぐらい
登山道入り口の石柱から計測開始→山頂の標柱で計測終了
私のRTA動画 series/16683
個人的RTAまとめ mylist/65243964
sm34533759(石川岳) ←前 次→sm35063326 (本部富士)
ハブ兄貴(きなさなさん)が追走してくれました → sm35711032
ラッセル兄貴(ぼっち王者)が追走してくれました → sm36639096
たったの15分であそこ登れるんだぁ(遠い目)。クロックスは流石に怪我するので気をつけて。
Wikipedia 嘉津宇岳
https://ja.wikipedia.org/wiki/%E5%98%89%E6%B4%A5%E5%AE%87%E5%B2%B3
動画内に政治的(辺野古基地)・社会風刺的(無限アラート事件)な内容が若干含まれていますが、特に主張はしていません。
JavaScriptは本当に初めて使いました。
と言っても、無限アラートのコードをコピペしてきて、
変数の宣言の仕方と使い方を調べただけですが。
もぐらたたき×ライフゲーム
複雑系の例の動画を見て、もぐらたたきとライフゲームを組み合わせた簡単なゲームを作りました。(音はありません。)
ライフゲームの法則に従ってもぐらが増えるので、全滅しないように倒していきましょう。
ライフゲームに慣れている人だともっと得点が増やせると思います。
遊べるページ:http://www.alpheratz.sakura.ne.jp/boshi/game/life_tataki.html
BGM:かまタマゴ(https://kamatamago.com)
【RPG編 #12】JavaScriptゲームプログラミング初級
次: sm34932026
前: sm34639677
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/OvGKxdGZV3Q
javascript入門の入門
JavaScriptで出来る事を、簡単な例題を使って説明します。
なんとなく理解して頂ければ、嬉しいです。
使用ツール素材等
Vocaloid3・初音ミク/nicoTalk/とっくん/AviUtil/新きつねゆっくり・新みく
JavaScript基礎 第1章
【JavaScript基礎講座】JavaScriptの基礎を学習します。vol.1では基本文法と配列、制御構造について解説します。vol.2では、関数、オブジェクト、ビルトイン・オブジェクト、DOMについて解説します。
------------------
本教材に関する問い合わせ:アテイン株式会社 Tel.03-3255-4721
【RPG編 #11】JavaScriptゲームプログラミング初級
次: sm34816772
前: sm34639669
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/JrS_BKM3GwI
【RPG編 #10】JavaScriptゲームプログラミング初級
次: sm34639677
前: sm34639659
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/CSZhNUpT3og
【RPG編 #09】JavaScriptゲームプログラミング初級
次: sm34639669
前: sm34639651
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/iNwuPLT7Ldg
【RPG編 #08】JavaScriptゲームプログラミング初級
次: sm34639659
前: sm34639647
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/QgFuw043jvM
【RPG編 #07】JavaScriptゲームプログラミング初級
次: sm34639651
前: sm34639644
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/MO6foQGEm5I
【RPG編 #06】JavaScriptゲームプログラミング初級
次: sm34639647
前: sm34639638
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/8la9ghX2FJM
【RPG編 #05】JavaScriptゲームプログラミング初級
次: sm34639644
前: sm34639630
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/DUp64PYwyJ8
【RPG編 #04】JavaScriptゲームプログラミング初級
次: sm34639638
前: sm34639622
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/L-3bzaaTyj8
【RPG編 #03】JavaScriptゲームプログラミング初級
次: sm34639630
前: sm34639616
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/p1aa3PYDdts
【RPG編 #02】JavaScriptゲームプログラミング初級
次: sm34639622
前: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/xkGthkcgFEU
【RPG編 #01】JavaScriptゲームプログラミング初級
次: sm34639616
JavaScript超入門2019
sm34494986
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/RKcFIg1yHOI
【ゆっくり解説】プログラミングを楽しませよう動画 第3回 変数とif文
http://kyakuhonmaker.com/binou/text/text3.txt
↑ 拡張子とセーブの回 のソースファイル
sm34415606 ←前の動画 次の動画→ まだ
教材一覧
http://kyakuhonmaker.com/binou/text/index.html
プログラミングを楽しませよう動画、マイリスト→ /mylist/57368777
おまけアプリ
xの箱(仮名)名前募集中のモザイク描画アプリ
javascriptのcanvasで作られたアプリです。canvasはこんなことができます的な例
http://kyakuhonmaker/binou/boxtop.html