タグ JavaScript が登録されている動画 ： 624 件中 257 - 288 件目
種類:
- タグ
- キーワード
対象:
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様広告ありがとうございます。
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
エアリスのテーマをアレンジ／JavaScriptで3Dスペクトラムアナライザーを自作してみた
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。（本来であればフーリエ変換などの知識が必要になる）
で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。
初めての3Dプログラミングなので色々間違ってる気がしてならない。
（フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装）
ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。
enchant.jsを使ってwindows8向けアプリを作ろう～ドラッグ&ドロップ編～
こんにちは、ヒグユメです。
今回は、プログラミング実況です。
enchant.jsを使ってwindows8向けのアプリを作ってみました。
わかりやすい解説を目指して頑張ります。
--
料理動画も作っています。→ mylist/43587934
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
tmlib.jsでゲームを作ってみよう（３）
その３ 自機のショット
今回のポイント
(1)tm.app.CircleShape
円形のエレメントです。tm.app.TriangleShapeの親戚です。
(2)敵とショットの衝突判定
あらかじめenemiesという配列に敵を格納しておき、ショットのupdate関数内で衝突判定をしています。
衝突判定にはisHitElement()関数を使用しています。
(3)配列スキャン中に要素を削除する
concat関数で一旦配列をコピーしてからループ処理を行います。
要素の増減による添字のズレを防ぐことが出来ます。
前 sm22063641
次 sm22206747
マイリスト mylist/39031781
明日から使えない IndexedDB プロ生勉強会 第15回＠大阪 #pronama
2012/4/21 に開始した プログラミング生放送勉強会 第15回＠大阪のセッションです
「明日から使えない IndexedDB」
スピーカー: mzsm さん（@mzsm_j）: 株式会社ジェーン
JavaScript で大量のデータをローカル環境に保存できる Indexed Database API。まだ仕様がちゃんと固まっておらず、まともに使える段階ではありませんが、Windows 8 のメトロアプリでも使える注目の技術です。主要なブラウザでの実装状況、実装はされていないが最新の仕様では変更されている点など、できる限り最新の情報をお伝えします。
lv89231179
mylist/28883076
もぐらたたき×ライフゲーム
複雑系の例の動画を見て、もぐらたたきとライフゲームを組み合わせた簡単なゲームを作りました。（音はありません。）
ライフゲームの法則に従ってもぐらが増えるので、全滅しないように倒していきましょう。
ライフゲームに慣れている人だともっと得点が増やせると思います。
遊べるページ：http://www.alpheratz.sakura.ne.jp/boshi/game/life_tataki.html
BGM：かまタマゴ（https://kamatamago.com）
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
ライトニングトーク プロ生勉強会 第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
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
JavaScriptの悪作法 クロームキャスト クリティカルシンキング
はてブのIT系記事を読んで最新の技術トレンドをキャッチする生放送の動画だお
内容
10年くらいJavaScriptを書いて思ったこと。
Webディレクター必見！最新Webサービス投稿サイトService Safari
でも半年働かなくても生きて行けるのはいいってことっすよね
クリティカルシンキングって別の意味でつかってるひといたわ
英語の意味的に正しいのか疑問が・・・
プログラムは簡単には学べないけど楽しくは学べるよね
プログラムが目的ならそのたびに英語を調べるみたいな
マイリス mylist/44222969
IT系雑談はco9320、プログラミング作業生はco2268886で放送してるお
初音ミクのゲーム作ってるお
http://mikumikuplay.com/
タイピング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
【超簡単】ゲームのチートツールをたった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
javascript入門の入門
JavaScriptで出来る事を、簡単な例題を使って説明します。
なんとなく理解して頂ければ、嬉しいです。
使用ツール素材等
Vocaloid3・初音ミク/nicoTalk/とっくん/AviUtil/新きつねゆっくり・新みく
【JavaScript：4限目】プログラミング？なにそれおいしいの？【1枠目】
最初(一限目) → sm19079001
sm19176774 ←前 次→ sm19219451
mylist/34106830 ←過去放送一覧
《放送日》2012年10月20日（火）15時30分〜17時30分：ニコニコ生放送にて
《内容》jQueryの基礎と実習
▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない２人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。
※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。
【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
tmlib.jsでゲームを作ってみよう〜道中を重視したSTG(1)
おひさしぶりです。
今回からはまたSTGを作っていきます。
敵の配置やパターンの実装を見せてほしいというリクエストを頂いたので、道中を重視した弾幕STGを作っていこうと思います。
名づけてドチューン！！です。
よろしくお願いします。
tmlib.jsのダウンロードはコチラから→https://raw.githubusercontent.com/phi-jp/tmlib.js/develop/build/tmlib.js
使用する画像素材はコチラ→ http://static.dev7.jp/docyuun_assets.zip
利用条件はREADME.txtを読んでね。
前 sm22928803
次 sm25791488
マイリスト mylist/39031781
【JavaScript：2限目】プログラミング？なにそれおいしいの？【4枠目】
最初(一限目) → sm19079001
sm19158492 ←前 次→ sm19151254
mylist/34106830 ←過去放送一覧
《放送日》2012年10月09日（火）20時～22時30分：ニコニコ生放送にて
《内容》JavaScriptの基礎知識
・配列／真偽値／オブジェクト／null／undefind
▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない２人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。
※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。
Angular.js についてちょっとしゃべる - プロ生勉強会 第19回＠品川 #pronama
2012/12/22開催 プログラミング生放送勉強会 第19回＠品川 のセッションです。
詳細： http://pronama.jp/19
「Angular.js についてちょっとしゃべる」
javascript のフレームワークについてしゃべろうと思います。
スピーカー: ＦＡＧＡさん（@Hivesbee）
lv118967917, lv119823518
mylist/28883076
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
掃除でパズル！ 解説動画
プラウザで動作するパズルゲームの解説動画です。
プレイはこちらから→https://freegame-mugen.jp/browser/game_2865.html
作成した他のゲーム(mylist/56736258)
なお、この解説動画の作成にはRPGツクール2000を使用しました。
phina.jsによる10分間プログラミングPart5
マウスイベント
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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/08d3e23f
前回 sm31361041 イメージを描画する
次回 sm31396361 画像の移動と跳ね返り処理
mylist/59143338 phina.jsマイリスト
tmlib.jsでゲームを作ってみよう〜横スクアクション編(13)
遅くなってゴメンナサイ。
仕事とこれ（http://tmshooter.net）が忙しくてなかなか時間が作れませんでした。
今回は敵を踏んで倒せるようにします。
前 sm22611151
次 sm25738659
マイリスト mylist/39031781
phina.jsによる10分間プログラミングPart2
テキストを描画する
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
本日のソースはこちら
http://runstant.com/vistan/projects/4a06c624
前回 sm31321436 ウィンドウの作成
次回 sm31351406 図形を描画する
mylist/59143338 phina.jsマイリスト
【JavaScript：4限目】プログラミング？なにそれおいしいの？【2枠目】
最初(一限目) → sm19079001
sm19219414 ←前 次→ sm19219480
mylist/34106830 ←過去放送一覧
《放送日》2012年10月20日（火）15時30分〜17時30分：ニコニコ生放送にて
《内容》jQueryの基礎と実習
▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない２人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。
※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。
tmlib.jsでゲームを作ってみよう〜横スクアクション編(4)
キャラクターの側面・上面と地形との衝突判定を実装します。
あわせてジャンプも実装していきます。
前 sm22561588
次 sm22562013
マイリスト mylist/39031781
vol070 超便利ツール「Duik」【vol.070（2/2）】
After EffectsやFinal Cut Proなんかを使って色々作っていこうというインターネットラジオ（ポッドキャスト）番組の映像版。
毎回制作にまつわる話やらMacの話やらデザインの話とかやってますが、今回は便利なアニメーションツール「Duik」を使おう、というお話。
youtube版（ほぼ完全版）
http://youtu.be/NAEjIv8RPrc
「ヤサグレMOVIN RADIO」公式ブログ
http://movin-radio.seesaa.net
※ポッドキャストでは映像コンテンツの未編集バージョンが視聴できます。
BadApple.html BadApple!! をテキスト化してブラウザで
BadAppleをHTMLのテキストで再生しました。
Youtube:https://youtu.be/t_3JIGEG7oA
https://dev.maa123.net/ba/ で公開しています
（データは前回マイクラで再現した時の物をブラウザで見やすい形に加工しただけだったりします、0と1を反転させてやるとコンソール版になったりもします）
phina.jsによる10分間プログラミングPart36 横スクロールアクション編
敵作成 パート１
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様 ,つちのこ様
利用素材 SHW様
http://shw.in/
本日のソースはこちら
http://runstant.com/vistan/projects/52492ae0
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/28d2gFuxPAk
前回 sm31923565 背景描画
次回 sm31936368 敵作成パート２
mylist/59143338 phina.jsマイリスト
Apocalypse様 広告ありがとうございます。