キーワード Javascript が含まれる動画 : 1160 件中 513 - 544 件目
種類:
- タグ
- キーワード
対象:
phina.jsによる10分間プログラミングPart73 横スクロールアクション編
新しい敵作成 3
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
HTML Slidy (スライドショーツール)
https://www.w3.org/Talks/Tools/Slidy2/Overview.html#(1)
本日のソースはこちら
http://runstant.com/vistan/projects/501ba046
youtube版
https://youtu.be/kDZ0Dm3p1Hs
前回 sm32885209 新しい敵作成 2
次回 sm32954999 新しい敵作成 4
mylist/59143338 phina.jsマイリスト
phina.jsによる10分間プログラミングPart74 横スクロールアクション編
新しい敵作成 4
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
HTML Slidy (スライドショーツール)
https://www.w3.org/Talks/Tools/Slidy2/Overview.html#(1)
本日のソースはこちら
http://runstant.com/vistan/projects/2f73bb86
youtube版
https://youtu.be/4SwGDo_rxOQ
前回 sm32922538 新しい敵作成 3
次回 sm32995625 ちょっと速くする
mylist/59143338 phina.jsマイリスト
shioleap様広告ありがとうございます。
phina.jsによる10分間プログラミングPart75 横スクロールアクション編
ちょっと速くする
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
HTML Slidy (スライドショーツール)
https://www.w3.org/Talks/Tools/Slidy2/Overview.html#(1)
本日のソースはこちら
http://runstant.com/vistan/projects/d08dd011
youtube版
https://youtu.be/k-vx4NlCm6g
前回 sm32954999 新しい敵作成 4
次回 sm33031836 ちょっと速くする2
mylist/59143338 phina.jsマイリスト
Twitterからデータを収集 | Octoparseチュートリアル
今回はTwitterからTweets を収集する方法を教えます。
詳細については、https://www.octoparse.jp/をご覧ください。
Octoparseはコードを書くことなくウェブサイトからデータを手軽に抽出できるスクレイピングツールです。このツールは人工知能、価格監視、学術研究、マーケティング調査などに広く使えます。これにより抽出したデータは、Octoparseのクラウドサーバーに保存され、Excel、JSON、CSV、HTML、データベースなどの構造化形式のファイルでエクスポートできます。また、クラウドサービスでAPIを作り、Octoparseをシステム、ウェブサイト、アプリに即時で統合できます。
Octoparseには多くの特徴があります:
1.ポイント&クリックのインターフェース - ウェブデータをクリックすると抽出できる
2.ほとんどのサイトをカバー - JavaScript、AJAX、または動的なサイトを支持できる
3.クラウドプラットフォームで抽出作業 - ネットワークの中断に心配する必要はない
4.多くのIPが自動的に循環使用 - IP追跡とアクセス拒否を効果的に避けられる
5.スケジュールを設定 - クラウド抽出機能を使うと任意の時刻にタスクを実行できる
6.構造化データファイル - CSV、Excel、HTML、API、データベースにエクスポートできる
7.無料版は入手可能 https://www.octoparse.jp/
ブラウザとJavaScriptだけでベートヴェンの交響曲第9番+Ζ刻をこえてを演奏
sm29089662 からエンジンに改良を重ねてベートヴェンの第9番を演奏できるぐらいになりました。
主な変更
・描画負荷を減らすためテーブルタグでなくDivタグとスタイルシートで鍵盤を表示。 (一応レスポンシブ対応)
・数値よりもバーのほうがわかりやすいっしょということでパンポットやピッチはmeterタグで描画。
・音色ファイルをS-YXG50_0.2.1.2.sf2をベースに作り直した。48kHzと以前の倍以上に向上。
・リバーブエフェクトのインパルス応答(IR)のライセンスが怪しかったのでエフェクターのインパルス応答JavaScriptで自作(https://github.com/logue/sf2synth.js/blob/develop/src/reverb.js)
今後の予定
・バンク・セレクトに正式対応しGeneral MIDI 2に準拠させる。(今はドラムとSFXしか対応していません。)
・音色が存在しなかった場合の処理を書く。(125未満のバンクの場合、バンク0の音色を鳴らす。126~128の場合、音色番号1の楽器(通常はドラムのStandard Kit)を鳴らす)
だいぶシャリシャリ感はなくなったハズ。
MIDIファイルのアドレスもコピペできます(日本語が含まれてると動かないが・・・):
https://logue.github.io/smfplayer.js/#zip=midifiles%2F%E9%81%A9%E5%BD%93%E8%A9%B0%E3%82%81%E5%90%88%E3%82%8F%E3%81%9B.zip&file=Beethoven%20-%20Symphony%20No.%209%20(with%20choir)%20in%20d%20minor%2C%20Op.%20125%20-%204.mid
おまけに、Ζ刻をこえて(Better days are comming)19:41 も入れてあります。
SNOW MIKU 2018「SNOW MIKU LIVE! 2018 - Songle Syncコラボ -」
SNOW MIKU 2018「SNOW MIKU LIVE! 2018 - Songle Syncコラボ -」
https://events.ongaaccel.jp/snowmiku2018/
初音ミクライブの開演前に来場者のスマホ上で流れたSongle Syncによる映像を公開します。本企画は2018年2月9日(金)、10日(土)に計4回実施されました。
※実際には動画を使わず、JavaScriptで動的に描画していました。
■楽曲:
-「CITRUS TRAIN」by ZLMS (ジグ×ルワン×はるまきごはん×雄之助)
-「Ordeal」by BIGHEAD
-「Winter Sky Discovery」 by keisei
-「キミペディア」by Junky
-「ナミダスケープ」by きっきょん
■雪ミク:
- illustration by やすも
- © Crypton Future Media, INC. www.piapro.net
■研究開発チーム(産業技術総合研究所 本企画関係者):
- 後藤 真孝(総括・企画)
- 井上 隆広(Songle Sync設計・開発)
- 石田 啓介(CGアニメーション設計・開発)
- 川崎 裕太(Songle設計・開発) 他
■問い合わせ先: songle-api-ml [at] aist.go.jp
本動画はクリプトン・フューチャー・メディア株式会社から許諾を得て公開しています。
学術目的で一般公開しているSongle Syncの実証実験として本企画を実施しました。
本研究の一部は、JST ACCEL (JPMJAC1602) の支援を受けています。
【アプリ開発を試みる放送】その4 javascriptとは何ぞや?やっとプログラミング??
HTML5,CSS初級編が終わり、JavaScript初級編に入る。
Javascriptは全く初めてゆえに不安は多いが頑張るぞ☆
【最新のブログ記事】
ベーシックインカムはインフレを引き起こすのか?
https://okiku001.com/2018/09/15/bi-011/
ーーーーーーーーーーーーーーーーーーー
【定期放送再生リスト】
毎朝6時~「365日キクタプロジェクト」
https://goo.gl/XuwUMo
毎週土曜20時~ベーシックインカム について「今週のベーシックインカム」
https://goo.gl/G71J4b
毎週水曜20時~幸せになるには?「幸福を呼ぶマインドセット」
https://goo.gl/ApDmbJ
不定期配信【アプリ開発を試みる放送】
https://goo.gl/p43nD6
ーーーーーーーーーーーーーーーーーーー
ベーシックインカムとは?
https://goo.gl/poqFtP
某の活動について語っています。
http://okiku001.com/sbi-001/
ーーーーーーーーーーーーーーーーーーー
ツイッターはこちら
https://twitter.com/vocalooos
ーーーーーーーーーーーーーーーーーーー
↓キクタのHP↓
http://okiku001.com
【アプリ開発を試みる放送】その5 プロゲートによるjavascript
HTML5,CSS初級編が終わり、JavaScript初級編に入る。
Javascriptは全く初めてゆえに不安は多いが頑張るぞ☆
【最新のブログ記事】
ベーシックインカムはインフレを引き起こすのか?
https://okiku001.com/2018/09/15/bi-011/
ーーーーーーーーーーーーーーーーーーー
【定期放送再生リスト】
毎朝6時~「365日キクタプロジェクト」
https://goo.gl/XuwUMo
毎週土曜20時~ベーシックインカム について「今週のベーシックインカム」
https://goo.gl/G71J4b
毎週水曜20時~幸せになるには?「幸福を呼ぶマインドセット」
https://goo.gl/ApDmbJ
不定期配信【アプリ開発を試みる放送】
https://goo.gl/p43nD6
ーーーーーーーーーーーーーーーーーーー
ベーシックインカムとは?
https://goo.gl/poqFtP
某の活動について語っています。
http://okiku001.com/sbi-001/
ーーーーーーーーーーーーーーーーーーー
ツイッターはこちら
https://twitter.com/vocalooos
ーーーーーーーーーーーーーーーーーーー
↓キクタのHP↓
http://okiku001.com
【RPG編 #03】JavaScriptゲームプログラミング初級
次: sm34639630
前: sm34639616
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/p1aa3PYDdts
【RPG編 #04】JavaScriptゲームプログラミング初級
次: sm34639638
前: sm34639622
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/L-3bzaaTyj8
【RPG編 #06】JavaScriptゲームプログラミング初級
次: sm34639647
前: sm34639638
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/8la9ghX2FJM
【RPG編 #07】JavaScriptゲームプログラミング初級
次: sm34639651
前: sm34639644
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/MO6foQGEm5I
【過去放送】2019/03/02 雑談「SVGでアニメーションさせたいんじゃ」
Mohoでボーンを入れたベジェをアニメーションさせて、
出力したSVGのタグをRubyで解析して修正して、
JavaScriptを使って後追いロードしてコマの切り替えを実装して…
って、無駄に技術つぎ込んでる感半端ない(白目)
放送中に見せてたアニメはコレ
https://sourceof0-html.github.io/walk_anime/
下記日付に行ったニコ生の録画編集動画です。
2019年03月02日(土) 20:30~
sm34680248←前 mylist/61095983 次→sm34751024
もぐらたたき×ライフゲーム
複雑系の例の動画を見て、もぐらたたきとライフゲームを組み合わせた簡単なゲームを作りました。(音はありません。)
ライフゲームの法則に従ってもぐらが増えるので、全滅しないように倒していきましょう。
ライフゲームに慣れている人だともっと得点が増やせると思います。
遊べるページ:http://www.alpheratz.sakura.ne.jp/boshi/game/life_tataki.html
BGM:かまタマゴ(https://kamatamago.com)
初投稿【シャルル】を歌ってみた−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>
エアリスのテーマをアレンジ/JavaScriptで3Dスペクトラムアナライザーを自作してみた
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。(本来であればフーリエ変換などの知識が必要になる)
で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。
初めての3Dプログラミングなので色々間違ってる気がしてならない。
(フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装)
ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。
【過去放送】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
ライフゲームを使った模様の描画
表題の通りライフゲームを用いた模様の描画です。
適当なBGMでもかけながら眺めるために作りました。
動きを維持するために外周からセルを一定間隔ごとに供給しているので
厳密にはライフゲームそのものではありません。
一定の規則性がある一方で周期がかなり長く変化が不規則で
全体的には虫が蠢いているような動きなので
蟻の巣作りでも眺めているような感覚になるかと思います。
人によっては幻覚というかサイケなものに見えるかも。
この動画自体はただの紹介で実際のプログラムは以下にあります。
https://xf108.web.fc2.com/gameoflife.html
javascriptのプログラムにhtmlのUIをつけただけですので
ローカルに保存しても動きます。
色調と残像効果は目が疲れないものにしたつもりですがそこはお好みで。
【メガドラ実機も】MD版ラングリッサー2のエンディングだよ(後編)【ついでに買え】
ベドリントン・テリア【Bedlington-Terrier】
イギリス原産。キツネ、イタチ猟のため作出。炭鉱労働者の人気者だった中型犬。
洋梨みたいな細長顔と、子羊っぽい体つきが特徴。おとなしいが興奮すると猟犬の血が蘇る感じ。
いっぱい動きたいお年頃。トリミングもやっとけ。猟犬のなかでは小回りのきくほう(偏見)
注:エンディングなんでラング2のモロネタバレです。じゃなくてもわたしが色々と
喋ってます。ネタバレやだって人は別のラング、グロー動画を見てください
RPGツクールmv体験版ダウンロードしてみたのよ。でもゲームプログラミングというより
ほんとにツールって感じだったんよ。だもんでjavascriptでやっちまえって思ってさ・・・
アレって既存のプログラム全部使わなくてもいいんだべ? onloadに自分の関数
ぶちこんでもいいんだべ? 作るとは言ってないべ(重要)
動画投稿数が限界に達しました。Bルートから新アカになるかもよ
あ、マーフィーさん引き続きどうもです。ちなみに栃木いち高い山は男体山じゃなくて白根山です
前半→ sm36382418
ラング2のマイリスト→ mylist/40546811
ラング4のマイリスト→ mylist/65106039
ひらがなとカタカナを変換するアプリつくったー
それだけだったりする。
HTMLの初心者でも、サーバー制御いらずに黒歴史な自作サイトで動くものを作れて満足している。
あと、PVぽいものも作れて二度満足。
ちなみに制作時間は約7時間。
https://masterexa.github.io/webapps/kana-converter/
ブラウザでブレークポイントを張る方法を紹介します
javascriptの実行を途中で止めてデバッグする方法です。
chromium系のブラウザで解説してますが、他のブラウザでも似た機能はあると思います。
赤ずきんチャチャ15パズル・ゲーム
ミルキーウェイ☆ミ
投稿動画・自作ゲームの紹介です。
http://milkyway.konjiki.jp/index.html
【初音ミク「マジカルミライ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]
『紅蓮華』を古文に翻訳して歌ってみた@水無瀬 紀柳
現代文を入力すると古文に翻訳してくれるプログラム「古文にする」で、様々な曲の歌詞を古文に翻訳しているのを最近良く見かけるようになりました
そこで、実際に古文に翻訳した状態で歌ってみると面白いのではと思ったので、鬼滅の刃の紅蓮華を古文に翻訳して歌ってみました
「古文にする」↓
https://catincat.jp/javascript/kogo3.html
Vocal.Mix
水無瀬 紀柳
使用楽曲
紅蓮華/LiSA
・水無瀬 紀柳のTwitter
https://twitter.com/minase_0317
(ライブ出演情報、動画投稿のお知らせ、日々のつぶやきなど)
【ibisBrowserDX WM版】 無線LANでYahooにアクセス
●こちらの動画を見て「Opera Mobile 9.5 vs Safari」sm3808705撮ってみました。最初にキャッシュを削除してます。使用機種はWILLCOMのアドエス(WS011SH)。javascriptに非対応ですが動作が軽快です。それが動画で判れば目的は達成です。30日間無料お試しできますよ。 ●撮影機材はまさかのSANYO DSC MZ1。。新品電池を使っても速攻で電池が切れる古いデジカメなので詳細な動画は撮れず挫折しました。各携帯端末のフルブラウザ集mylist/7434427 【参考】http://www.ibis.ne.jp/publicity/press20071120Browser.html
【10秒動画祭】リスたんでもわかるプログラミング講座「はじめてのJavaScript」
超初心者向けのただの Hollo World です。
10秒動画祭用に思いついたのでぱぱっと作ってみました。
JSでプログラミングの基礎を学ぶPart2
※JS=JavaScript
Part2 変数 定数 四則演算
ワクチンの副作用が割と辛いので初投稿です。
もし誤った説明や解説などがあれば、
ぜひご指摘ください。
次:sm39553291
前:sm39426292
