タグ JavaScript が登録されている動画 ： 624 件中 353 - 384 件目
種類:
- タグ
- キーワード
対象:
【超簡単】ゲームのチートツールをたった13行のコードで作ってみた【Node.js/Puppeteer/ブラウザ自動化】
【概要】
今回は、Node.jsとブラウザ自動化ツール「Puppeteer」を使って、ゲーム（Cookie Clicker）のチートツールを作ってみます。
セットアップ手順、プログラムの解説、ブラウザ自動化の利用例なども解説します。
【目次】
#0:00 今回の内容
#0:59 準備・セットアップ
#2:19 コーディング
#3:36 ブラウザ自動化の利用例
【動画内で使用したソースコード】
https://github.com/redimpulz/cookieclicker-auto-tool
【Twitter】
https://twitter.com/it_plus_plus
【IT業界知識 再生リスト】
https://www.youtube.com/playlist?list=PLKdqBfhUoU_U3HY8VAhVmyMV3zXMTZ0Cc
【合成音声】
VOICEVOX（ずんだもん、四国めたん）
https://voicevox.hiroshiba.jp/
【立ち絵】
坂本アヒル 様
https://seiga.nicovideo.jp/user/illust/97452727
タイピングRPG『Sword Finger』（フルキー型）20周年記念作品『 Sword Finger R（リベンジ）』☆初心者歓迎！！上級者も満足！！☆ PV
【ジャンル】タイピングRPG（フルキー型）☆初心者歓迎！！上級者も満足！！☆
【取り扱い】フリーウェア
【動作環境】ブラウザゲーム（夢現さんとVectorさんにDL版もあります）
ダウンロードタイプのタイピングゲームはプレイされる確率が格段に
低いようなので、今回はブラウザ作品です。DLも可。夢現さんや
Vectorさんにあります。十字キー[I][J][K][L]，キャンセル[F]，決定[Space]，
魔法選択[A][S][D][F]
https://tetsucom.main.jp/sword_finger_r.html
懐かしのタイピングRPG『Sword Finger (V1)』（フルキー型）BGM集およびプレイ動画
@ジャンプ #0:00 sm44852467
JavaScriptの悪作法 クロームキャスト クリティカルシンキング
はてブのIT系記事を読んで最新の技術トレンドをキャッチする生放送の動画だお
内容
10年くらいJavaScriptを書いて思ったこと。
Webディレクター必見！最新Webサービス投稿サイトService Safari
でも半年働かなくても生きて行けるのはいいってことっすよね
クリティカルシンキングって別の意味でつかってるひといたわ
英語の意味的に正しいのか疑問が・・・
プログラムは簡単には学べないけど楽しくは学べるよね
プログラムが目的ならそのたびに英語を調べるみたいな
マイリス mylist/44222969
IT系雑談はco9320、プログラミング作業生はco2268886で放送してるお
初音ミクのゲーム作ってるお
http://mikumikuplay.com/
TypeScript ファーストステップ (Rev.2) - プロ生勉強会 第20回＠品川 #pronama
- プロ生勉強会 第20回＠品川 #pronamaプログラミング生放送勉強会 第20回＠品川 のセッション
詳細： http://pronama.jp/20
「TypeScript ファーストステップ (Rev.2) ～ Any browser. Any host. Any OS. Open Source. ～」
JavaScript のスーパーセットとして登場したプログラミング言語 “TypeScript” は、大規模 JavaScript 開発を大きくスケールさせることができる多くの利点を持ち揃えています。本セッションでは、その登場の背景や特徴・ツールサポートなどの紹介を通して TypeScript 利用のファーストステップを導きます。
スピーカー: 井上 章さん（@chack411） 日本マイクロソフト株式会社 デベロッパー ＆ プラットフォーム統括本部 エバンジェリスト
lv128495639
mylist/27543937
ライトニングトーク プロ生勉強会 第13回＠愛媛 #pronama
2012/3/31 開催 プログラミング生放送勉強会 第13回＠愛媛のライトニングトーク
詳細: http://pronama.jp/13
#00:00 「JavaScriptをかけない人がCoffeeScriptを書き始めてわかったこと」もりちゃん
#05:04 「AndroidBindingを使ってみた」なかじさん
#10:09 「C++,OpenGL,Qt,Squirrelでポリゴンもデラーを作る～OpenModeler～」泉さん
#15:19 「IEのクッキーをてへぺろ☆」仲根かなはるちゃん
lv86805603
mylist/28883076
Google Web Toolkit(GWT)入門 taknb2nchさん プロ生勉強会第6回 #pronama
co9320 主催 2010/11/13 開催 プログラミング生放送勉強会 第6回＠大阪 のセッション
http://co9320.spaces.live.com/blog/cns!F8FA3BD6ABDDDB63!314.entry
Google Web Toolkit(GWT)入門
スピーカー: taknb2nch さん（@taknb2nch）
mylist/22221660
もぐらたたき×ライフゲーム
複雑系の例の動画を見て、もぐらたたきとライフゲームを組み合わせた簡単なゲームを作りました。（音はありません。）
ライフゲームの法則に従ってもぐらが増えるので、全滅しないように倒していきましょう。
ライフゲームに慣れている人だともっと得点が増やせると思います。
遊べるページ：http://www.alpheratz.sakura.ne.jp/boshi/game/life_tataki.html
BGM：かまタマゴ（https://kamatamago.com）
明日から使えない IndexedDB プロ生勉強会 第15回＠大阪 #pronama
2012/4/21 に開始した プログラミング生放送勉強会 第15回＠大阪のセッションです
「明日から使えない IndexedDB」
スピーカー: mzsm さん（@mzsm_j）: 株式会社ジェーン
JavaScript で大量のデータをローカル環境に保存できる Indexed Database API。まだ仕様がちゃんと固まっておらず、まともに使える段階ではありませんが、Windows 8 のメトロアプリでも使える注目の技術です。主要なブラウザでの実装状況、実装はされていないが最新の仕様では変更されている点など、できる限り最新の情報をお伝えします。
lv89231179
mylist/28883076
tmlib.jsでゲームを作ってみよう（３）
その３ 自機のショット
今回のポイント
(1)tm.app.CircleShape
円形のエレメントです。tm.app.TriangleShapeの親戚です。
(2)敵とショットの衝突判定
あらかじめenemiesという配列に敵を格納しておき、ショットのupdate関数内で衝突判定をしています。
衝突判定にはisHitElement()関数を使用しています。
(3)配列スキャン中に要素を削除する
concat関数で一旦配列をコピーしてからループ処理を行います。
要素の増減による添字のズレを防ぐことが出来ます。
前 sm22063641
次 sm22206747
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう（２）
その２ 敵の出現
今回のポイント
(1)tm.createClass()
クラスを作る関数です。
親クラス(superClass)、コンストラクタ(init)などを定義することが出来ます。
(2)TriangleShapeコンストラクタの第３引数
fillStyleで塗りつぶしに使われる色を指定することが出来ます。
(3)tweener
エレメントにアニメーションを設定するためのプロパティです。
指定したプロパティを絶対量として変化させるtoメソッド、相対量として変化させるbyメソッドなどを持ちます。
(4)Math.rand(a, b)
整数aからbまでの範囲から、ランダムな整数を返します。範囲にはa、bともに含まれます。
前 sm22063606
次 sm22160827
マイリスト mylist/39031781
enchant.jsを使ってwindows8向けアプリを作ろう～ドラッグ&ドロップ編～
こんにちは、ヒグユメです。
今回は、プログラミング実況です。
enchant.jsを使ってwindows8向けのアプリを作ってみました。
わかりやすい解説を目指して頑張ります。
--
料理動画も作っています。→ mylist/43587934
エアリスのテーマをアレンジ／JavaScriptで3Dスペクトラムアナライザーを自作してみた
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。（本来であればフーリエ変換などの知識が必要になる）
で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。
初めての3Dプログラミングなので色々間違ってる気がしてならない。
（フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装）
ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。
tmlib.jsでゲームを作ってみよう〜道中を重視したSTG(3)
敵キャラを出します。
tmlib.jsのダウンロードはコチラから→https://raw.githubusercontent.com/phi-jp/tmlib.js/develop/build/tmlib.js
使用する画像素材はコチラ→ http://static.dev7.jp/docyuun_assets.zip
利用条件はREADME.txtを読んでね。
前 sm25791488
次 未定
マイリスト mylist/39031781
phina.jsによる10分間プログラミングPart77 横スクロールアクション編
新しいボス作成
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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/5f55aacb
youtube版
https://youtu.be/OpSpCApfZZY
前回 sm33031836 ちょっと速くする 2
次回 sm33107550 タイトル画面 クリア画面作成
mylist/59143338 phina.jsマイリスト
shioleap様広告ありがとうございます。
自作ゲーム「奴の紙飛行機」PV
自作ゲーム「奴の紙飛行機」PV
javascriptなのでスマホやゲーム機などでも動くはずです
操作はクリックのみです
http://vividorangefegi.web.fc2.com/games/janpu.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]
【無料】ぷよぷよでプログラミング学習
ぷよぷよでプログラミングを学ぶためのサイトができてました。
写経だけですが、結構楽しめるのでオススメ。
JavaScriptに興味があるプログラミング初心者に最適です。
javascript 製 RDB jsrel の紹介 - プロ生勉強会第28回 #pronama
2014/05/31 開催 プログラミング生放送勉強会 第28回＠東北大学 のセッションです。
詳細： http://pronama.azurewebsites.net/2014/03/29/pronama-28-at-sendai/
「javascript 製 RDB jsrel の紹介」
スピーカー： 株式会社 CureApp 鈴木 晋 さん
※ 画質・音質が少し悪いです。
lv180839294
mylist/25733855
【JavaScript：3限目】プログラミング？なにそれおいしいの？【1枠目】
最初(一限目) → sm19079001
sm19151254（二限目5枠目） ←前回 次→ sm19176637
mylist/34106830 ←過去放送一覧
《放送日》2012年10月16日（火）20時〜22時00分：ニコニコ生放送にて
《内容》JavaScriptの基礎知識
・ブラウザを使った実習
▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない２人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。
※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。
Sencha Touch をさわってみた HTML5 プロ生勉強会 #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回＠大阪
http://bit.ly/pronama11
「Sencha Touch をさわってみた」
TWorks さん（@tworks）： 新大阪アプリ初心者勉強会「楽しいアプリ制作の会」代表
lv70701712
mylist/12987821
マイクラでマインスイーパーを作ってみた
8x9Craftでマインスイーパーを作ってみました。順番が逆になっちゃたけど、この作品は一個前にアップしたもぐらたたきの前に作った作品です。ルールは、地面に爆弾が埋まっているのでそれを掘り当てないように爆弾以外の砂を全部ほると勝ちというゲームです。全部掘り当てるとと、爆弾がダイヤモンドに変わって花火がうちあげられます。ソースコード：https://goo.gl/PwMoY2
アップリラ / SATOU PONO feat. 唄音ウタ
9作目：無色透名祭で他の曲を投稿した後、始まる前に作ってた。
喪失感を励ますイメージ、メロディの浮遊感が癖になる好き。
手軽足軽さん、ウルさん広告ありがとうございます！
phina.jsによる10分間プログラミングPart4
イメージを描画する
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
本日のソースはこちら
http://runstant.com/vistan/projects/cd0dc20a
前回 sm31351406 図形を描画する
次回 sm31385638 マウスイベント
mylist/59143338 phina.jsマイリスト
shioleap様 広告ありがとうございます。
追記：shioleap 様より冴えたやり方を教えていただきました。
http://runstant.com/shioleap/projects/a45007e5
shioleap 様 掲載許可ありがとうございます。
初心者が初心者向けにJavaScriptを解説しながらゲームを作っていく動画 002
JavaScriptでゆっくりゲームを作っていこうという動画です。
めざすはハイドライド風のゲームです。
解説ページつくりました
http://ohchan2525.web.fc2.com/m/002.html
sm30658685 <-前 次-> sm30851795
【ニコニコ自作ゲームフェス4】Space_Jump
―Space Jump!―
【概要】
人というのは何かを求めて走るものです。
あなたも仲間を求めていざ走れ！！
レアなキャラカードを求めてひたすら障害物をジャンプしてよけるゲームです！
【プレイ時間目安】
1プレイ約1分
【ジャンル】
横スクロールアクション＋コンプ要素
【URL】
Space Jump!特設サイト（こちらからダウンロードできます。）
→http://media.shohoku.ac.jp/takagi/game2014/
高木ゼミ＠湘北短期大学
→http://media.shohoku.ac.jp/takagi/
※Javaのバージョンが古い場合ゲームが起動しない可能性があります。
こちらから最新版をダウンロードしてください。
→https://java.com/ja/download/
※前回の動画の修正verです。
TM-Shooter CBL A-S 真ボス サカガミ ハイパー手動ボム禁止縛り
TM-Shooter cure black label
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
真ボス出現条件はノーコンティニュー2ミス以内でビギナースタイル以外です。
トレーニングモードはビギナー以外で必ず出現します。
この動画はトレーニングモードStage5のrank50で開始。
ハイパーと手動ボム禁止の縛りです。
できるだけ弾幕を覚えられるように撮りました。
他のプレイ動画 mylist/41537568
phina.jsによる10分間プログラミングPart27 横スクロールアクション編
左右移動
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
利用素材 SHW様
http://shw.in/
本日のソースはこちら
http://runstant.com/vistan/projects/698c9a7f
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/FiwFL1DTfyM
前回 sm31756081 ステージ管理
次回 sm31793678 フレームアニメーション ジャンプ
mylist/59143338 phina.jsマイリスト
shioleap様 広告ありがとうございます。