キーワード Javascript が含まれる動画 : 1160 件中 449 - 480 件目
種類:
- タグ
- キーワード
対象:
ライフゲームを使った模様の描画
表題の通りライフゲームを用いた模様の描画です。
適当なBGMでもかけながら眺めるために作りました。
動きを維持するために外周からセルを一定間隔ごとに供給しているので
厳密にはライフゲームそのものではありません。
一定の規則性がある一方で周期がかなり長く変化が不規則で
全体的には虫が蠢いているような動きなので
蟻の巣作りでも眺めているような感覚になるかと思います。
人によっては幻覚というかサイケなものに見えるかも。
この動画自体はただの紹介で実際のプログラムは以下にあります。
https://xf108.web.fc2.com/gameoflife.html
javascriptのプログラムにhtmlのUIをつけただけですので
ローカルに保存しても動きます。
色調と残像効果は目が疲れないものにしたつもりですがそこはお好みで。
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>
【新】ワンクリック詐欺を作ろう - #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
【過去放送】2019/09/14 雑談「てかこれJavaScriptなんだよな?」
最近のJavaScriptはえぐいよのう
下記日付に行ったニコ生の録画編集動画です。
2019年09月14日(土) 21:00~
sm35650449←前 mylist/61095983 次→sm35712742
Vue.js スタートアップ
配信で使っているVue.jsのスタートアップを動画にまとめました。
Vue.jsは僕も1ヶ月前から触り始めところなんで
分からない事もめっちゃるんやけど
僕が始めたときに調べことを動画にしました。
みなさんが始めるときの手助けになれば
えぇなぁと思ってまーす。
【台湾産】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
エアリスのテーマをアレンジ/JavaScriptで3Dスペクトラムアナライザーを自作してみた
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。(本来であればフーリエ変換などの知識が必要になる)
で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。
初めての3Dプログラミングなので色々間違ってる気がしてならない。
(フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装)
ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。
今好きになる/瑠衣歌ってみた
どーもるいです!今回はHoneyWorksさんの今好きになるを歌わせていただきました!切なく歌いました!最後までいい感じなので沢山聞いてくれたら嬉しいです!良かったら沢山マイリスしてくれると嬉しいです
素敵な本家様<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm24990461/script?w=640&h=360"></script><noscript><a href="https://www.nicovideo.jp/watch/sm24990461">┗|∵|┓今好きになる。/HoneyWorks feat.初音ミク</a></noscript>
【神姫project】メモリ64GB環境で連続リロード
一応メモリは回収されてるみたいです。
(1:18の辺りでメモリ使用量がガクッと減ります)
ハングアップするまで延々とメモリ食い続けて永遠に解放されないってことはなさそう。
ただ、こんな単調な同じ処理の繰り返しでもメモリ上にデータが蓄積されていってしまう模様。
(キャッシュとかされてない。というか最初から意識して設計せんとそれ結構難しいのじゃ…)
明らかにGC任せの回収挙動なので、不要になったメモリが解放されるまでも結構時間かかります。
実際にレイドバトルとかでいろんなことするともっとメモリ食ってしまうのでしょう。
(4~5GBとか、酷いものだと8GBとかの報告もあります)
公式が64bit版のchromeを推奨してるのはきっとそういうことなのじゃ。
(32bitアプリはメモリ2GBまでしか管理できないのでこんなのまともに動かすの絶対無理)
――――――――――――――――
※GC(ガベージコレクション)とは?
不要になったメモリを自動的に解放する機能。
JavaとかC#、JavaScript等のプログラム言語にデフォルトで備わってる。
ただし実際に不要になったオブジェクトが回収されるまで結構タイムラグがある。
(具体的にどういうタイミングで回収されるのかは開発者にもよくわからない)
あとクラス設計能力がアレなチームで仕事したりすると、
回収不能な永続オブジェクトが大量生成されてしばしばBOFしたりする。
staticとかsingletonとか不用意に使ってはならない。奴らはいろんな事の邪魔をする。
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
初投稿【シャルル】を歌ってみた−Dee助
初投稿です!!
バルーン様のシャルルを歌わせて頂きました。
良かったら聞いて下さい!!
本家様 <script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm29822304/script?w=640&h=360"></script><noscript><a href="https://www.nicovideo.jp/watch/sm29822304">シャルル/flower</a></noscript>
ニコ生用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
【ギター】乱躁滅裂ガール/れるりり 弾いてみた
れるりりさんのかっこいい曲を弾いてみました
本家様→<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm29782999/script?w=640&h=360"></script><noscript><a href="https://www.nicovideo.jp/watch/sm29782999">【初音ミク&GUMI】乱躁滅裂ガール【オリジナル】</a></noscript>
明後日から高校3年生です 嫌です
twitter→@K_SUKE_zaw
https://twitter.com/i/moments/1112539728878813184
【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)
【トマトの部屋】トマト嫌いの友人をトマト部屋に閉じ込めた結果...
YouTube版 https://youtu.be/ySl1pDVCwFI
お久しぶりのニコニコ動画に自分の動画を乗っけます
生トマトは僕も苦手ですw
ゲームをプレイしたい方はこちら(ブラウザでプレイできます)
https://www.freem.ne.jp/win/game/19587
あらすじ
トマトが嫌いな口の悪い「エスカルゴ」という少年が
いたずら大好きな動画投稿者の「シュガー」に
トマトの部屋に閉じ込められた!
少年エスカルゴはどうなってしまうのか!?
【タイトル】トマトの部屋
【Version 】1.00
【著 作 者】きなこ風呂
【動作環境】HTMLとJavaScriptで動作します
iphone、ipad、アンドロイドなどの端末で動作させることが可能です。
【連 絡 先】Twitterの「きなこ風呂」のdm
→ https://twitter.com/hiragikotton157?lang=ja
深夜テンションで作られた何でもありな
新感覚☆脱出型バカゲー!!
ED:かくれんぼ ゆうり様
https://dova-s.jp/bgm/play8627.html
効果音ラボ様
https://soundeffect-lab.info/
Twitter
https://twitter.com/shinikamikarano
ブログ
https://shinikaminotayorihanakatta.hatenablog.com/
【RPG編 #12】JavaScriptゲームプログラミング初級
次: sm34932026
前: sm34639677
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/OvGKxdGZV3Q
NT京都2019に出品予定!FlashAir羽ばたき機
先日参加したハンズオンで、東芝メモリさんのSDカード型無線デバイスFlashAirがおそろしく高機能のすぐれものであることを知り、さっそく羽ばたき機に応用してみました。きちんと確認していませんがたぶん世界初であろうと思います(羽ばたき機マイナーですからね)。
FlashAirは元はデジカメで撮影した画像を無線でPCに送るといった用途の製品だったと思いますが、その後どんどん機能強化されて、最新版の第4世代ではWiFiルータ/HTTPサーバ/DHCPサーバ機能をもち、WPA2エンタープライズ対応でセキュリティも強化。カード単体でマイコンライクにも動かせるなど多機能てんこ盛りです。
FlashAirは接続端子のうち5つをGPIOとして使うことができ、無線で各端子のオンオフを制御できるので、2^5=32通りの信号パターンを出力できます。この信号を適当なマイコン等に流し込んでやれば、その先に接続した様々な機器をかなり細かくコントロールできます(今回は左右2つのモータのオンオフができればよいので端子2つだけ使いモータドライバを制御)。
操縦は、FlashAirにWiFi接続したスマホからブラウザ経由で行います。制御プログラムはHTMLファイルに埋め込むJavaScriptです(外部制御なしで単体で動かせるluaスプリプトというのもあり)。メモ帳等で開発して、コンパイルせずSDカード上に直接書き込みます。特別なライタ等は必要なく、ちょうどmicro:bitのような手軽さです。
電力消費の大きそうなWiFiルータとHTTPサーバを載せて飛ぶわけなのでバッテリの持ちが心配でしたが意外と大丈夫で、1分ほど飛ばしたあとそのまま2台のスマホ間での数百MBの動画データ転送も難なくこなしてくれました。
開発にあたっては以下のサイトを参考にさせていただきました:
FlashAir Developers https://www.flashair-developers.com
(FlashAirは東芝メモリ株式会社さんの商標です)
この機体は、近作のホバリング多葉羽ばたき機 Doppeldecker IIと共に、3月24日に開催されるNT京都2019、および5月4-5日に開催されるMaker Faire Kyoto 2019にて展示・飛行デモを行う予定です。
機体スペック: 機体スペック:
全幅720mm/全長700mm/重量34grams/連続飛行時間2分
作者ブログ:羽ばたき飛行機製作工房 https://blog.goo.ne.jp/flappingwing
javascript入門の入門
JavaScriptで出来る事を、簡単な例題を使って説明します。
なんとなく理解して頂ければ、嬉しいです。
使用ツール素材等
Vocaloid3・初音ミク/nicoTalk/とっくん/AviUtil/新きつねゆっくり・新みく
【過去放送】2019/03/02 雑談「SVGでアニメーションさせたいんじゃ」
Mohoでボーンを入れたベジェをアニメーションさせて、
出力したSVGのタグをRubyで解析して修正して、
JavaScriptを使って後追いロードしてコマの切り替えを実装して…
って、無駄に技術つぎ込んでる感半端ない(白目)
放送中に見せてたアニメはコレ
https://sourceof0-html.github.io/walk_anime/
下記日付に行ったニコ生の録画編集動画です。
2019年03月02日(土) 20:30~
sm34680248←前 mylist/61095983 次→sm34751024
小さなライオン[歌ってみた」byあらん
ハニーワークス様の小さなライオン歌わせてもらいました。
本家様
Youtube
https://youtu.be/Ev98u-ZiT18
ニコニコ
<script type="application/javascript" src="https://embed.nicovideo.jp/watch/sm34102348/script?w=640&h=360"></script><noscript><a href="https://www.nicovideo.jp/watch/sm34102348">┗|∵|┓小さなライオン feat. 南(ふてニャン)/LIP×LIP【HoneyWorks】</a></noscript>
前回
命に嫌われている。
次回
愛言葉Ⅲ
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
