キーワード Javascript が含まれる動画 ： 1160 件中 737 - 768 件目

enchant.jsを使ってゲームを作る様子を録ってみました。
今回のゲームはTPS。迫り来るロボをクモ型メカがビームを撃って倒します。

使ったプラグイン
・gl.enchant.js … WebGLを使った3Dゲームが簡単に作れる
・primitive.gl.enchant.js … gl.enchant.js用に基本的な立体図形を生成する
・gl-matrix-min.js … gl.enchant.jsが利用している行列計算用ライブラリ
・tl.enchant.js … タイムラインを扱う
・dogencha.enchant.js … 自作。3Dモデルデータ投稿サイト「DoGencha」上の素材をgl.enchant.jsで読み込む


BGMを高音質で聴きたい方はこちら(sm5891225)へ。


1/5 sm19237064
2/5 sm19237677
3/5 sm19242169
4/5 sm19242793
5/5 sm19243194

http://www.nicovideo.jp/watch/sm19242169

力になれなかったらごめんなさい。。
録画ミスなのか編集ミスなのか右側に表示されてる・・・

【前提】
シングルランキング用の自作ニコ生ゲームのテンプレートが作成できて、
起動まで出来るようになっている。


・テンプレートを削って新しいゲームを作りやすくする
（内容としては多少の機能は残して削っていくだけ）

・画像や四角の表示方法

・表示した画像を画面中心にもってくる方法

BGM：春のキッチン
（https://dova-s.jp/bgm/play2892.html）

http://www.nicovideo.jp/watch/sm41622168

新しい敵作成 2

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 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/5d5d5290

youtube版
https://youtu.be/eSfVucE05QA

前回 sm32847846 新しい敵作成
次回 sm32922538 新しい敵作成 3
mylist/59143338 phina.jsマイリスト

shioleap様広告ありがとうございます。

http://www.nicovideo.jp/watch/sm32885209

マップ間移動（イベントファイルのロード)

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 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/019924aa

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/dX32nidXrZI

前回 sm31902511 マップ間移動
次回 sm31923565 背景描画
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31913068

スコアの表示

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 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/bfc0ff1c

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/7rs-HH86DJI

前回 sm31552691 ボールの反射音　反射方向の調整
次回 sm31588067 インベーダー編　自機の移動
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31574938

ボールの反射 ブロックを壊す

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　魔王魂様　
http://maoudamashii.jokersounds.com/

本日のソースはこちら(Part13,Part14同じ)
http://runstant.com/vistan/projects/299b4cde

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/ndeZ4XdjwII

前回 sm31517363 パドルの移動　ボールの反射
次回 sm31528974 ブロックを壊す
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31528831

前回作ったGObjectを継承して敵キャラを実装していきます。

前 sm22572354
次 sm22580851
マイリスト mylist/39031781

http://www.nicovideo.jp/watch/sm22573815

最初(一限目) → sm19079001　
sm19176735　←前回 次回→ sm19219414
mylist/34106830　←過去放送一覧

《放送日》2012年10月16日（火）20時〜22時00分：ニコニコ生放送にて
《内容》JavaScriptの基礎知識
・ブラウザを使った実習　

▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない２人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。

※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。

http://www.nicovideo.jp/watch/sm19176774

あ

http://www.nicovideo.jp/watch/sm34620452

即死針作成

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 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/9ab56ac0

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/x1XHOsSe_Dw

前回 sm32104150 回復アイテム作成
次回 sm32158795 移動床作成
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm32119293

はてブのIT系記事を読んで最新の技術トレンドをキャッチする生放送の動画だお

内容
iphoneも他サイズ化が進んでスマホ開発はこれからが地獄だ
顔認識でカメラに顔を降ってページ送りするアプリがipadであった
高度なITスキルはいらないけど記事を書くスキルがいる
読まれる記事を書くスキルとか、どうすればいいかよくわからん
言語だけじゃなくエディタの好みも一緒だた

マイリス mylist/44222969
IT系雑談はco9320、プログラミング作業生はco2268886で放送してるお

初音ミクのゲーム作ってるお
http://mikumikuplay.com/

http://www.nicovideo.jp/watch/sm23931310

前 sm22602367
次 sm22928803
マイリスト mylist/39031781

http://www.nicovideo.jp/watch/sm22611151

敵作成　パート２

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 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/bdd0717b

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/7ULtBA9cf0k

前回 sm31936249 敵作成パート１
次回 sm31950950 敵との当たり判定
mylist/59143338 phina.jsマイリスト

Apocalypse様　広告ありがとうございます。

http://www.nicovideo.jp/watch/sm31936368

スプライトグループの使い方

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　魔王魂様　
http://maoudamashii.jokersounds.com/

本日のソースはこちら
http://runstant.com/vistan/projects/f20f7145

前回 sm31456424 効果音の再生とスプライトの使い方
次回 sm31480358 キャラクターアニメーション
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31464987

Angularで簡単なおみくじを作ってみます。

http://www.nicovideo.jp/watch/sm36845486

最初(一限目) → sm19079001　
sm19176296　←前 次→　sm19176735
mylist/34106830　←過去放送一覧

《放送日》2012年10月16日（火）20時〜22時00分：ニコニコ生放送にて
《内容》JavaScriptの基礎知識
・ブラウザを使った実習　

▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない２人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。

※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。

http://www.nicovideo.jp/watch/sm19176637

ファイア・ボール

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　魔王魂様　
http://maoudamashii.jokersounds.com/

本日のソースはこちら
http://runstant.com/vistan/projects/2e611346

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/9dQEuxDkiz4

前回 sm31480358 キャラクターアニメーション
次回 sm31517363 パドルの移動　ボールの反射
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31498295

JQueryでブラウザゲーを作った時にどんなゲームが出て来るか、わくわくする
音声のみ。聞き取りづらい人は記事も合わせてどうぞ：ar474245
一覧はマイリストで：mylist/41964765

http://www.nicovideo.jp/watch/sm23016266

敵に触れた時のノックバックを実装します。

前 sm22593725
次 sm22611151
マイリスト mylist/39031781

http://www.nicovideo.jp/watch/sm22602367

ウェブページのコーディング練習がてら、
ニコニコが配信しているRSSフィードを分解してそれっぽいページを作ってみました。
新着動画やランキングが見れる他。ブロマガや公式情報もチェックできます。

いいね！押して来たらコーディング解説するかもです。

http://www.nicovideo.jp/watch/sm37424786

その６ ゲームオーバー

今回のポイント

(1)ゲームの終了
app.stop()でアプリケーションが停止します。


前 sm22256498
次 sm22357101
マイリスト mylist/39031781

http://www.nicovideo.jp/watch/sm22311216

.

http://www.nicovideo.jp/watch/sm38273365

動学.tvより、HTML5講座 中巻 第2章 head内の記述のサンプル映像をお届けします。
HTML5講座ではWebページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。中巻では「HTML5によるセマンティックなマークアップ」として、XHTMLでコーディングしたサイトと比較しながら、HTML5でのマークアップについて解説します。

HTML5 中巻（約61分）
１．文書型の宣言とルート要素
　文書型宣言
　ルート要素
２．head内の記述
　エンコードの指定
　スタイルシートとJavaScriptの指定
３．セマンティックなマークアップ
　header要素
　footer要素
　nav要素
　article要素
　section要素
　見出し要素の扱い方
　aside要素
　div要素の使い方
　figure要素とfigurecaption要素
４．文書構造の確認
　文書の構造化
　HTML5 Outliner

ナレーター　毛利涼子

月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/

アテイン株式会社
http://www.attainj.co.jp/
【Youtubeチャンネル】
http://www.youtube.com/AttainDVD

http://www.nicovideo.jp/watch/so21089489

JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみるテストです。
1時間で作ろうと思いましたが圧倒的時間不足により途中で断念しました。
youtubeにも上げてます
https://youtu.be/4EN8o_nN__8

http://www.nicovideo.jp/watch/sm36420700

蓄積があるものを予想外な切り取り方をすれば、ラクして成果があがりますよ　
聞き取りづらい人は：ar474979
一覧はマイリストで：mylist/41964765

http://www.nicovideo.jp/watch/sm23022762

javascript :thumb

http://www.nicovideo.jp/watch/sm19975733

You only need one program for creating graphical websites - from design to publishing - and that's Web Designer. Web Designer includes customizable template designs plus tools for creating your own vector graphics and animations, for photo editing (an integrated ultra-fast, non-destructive photo tool), and for advanced text layout. Site upload is covered too!The Web Designer approach is simple: Pick your design from the templates; customize it with complete freedom; publish. Absolutely no HTML or Javascript skills are required! You can download the 30-days-trial on http://www.saltedsense.net/Downloads/XaraWebDesigner.aspx

http://www.nicovideo.jp/watch/sm10022033

IT系記事を読んで技術トレンドをキャッチする生放送の動画だお

内容
GIｔ本読んでもよく分からん
GitってVSSとかとは違うのか
東京の良いとこは、仕事があって給料高いぐらいかなあ
その点は TypeScriptも同じだっけ
Dartは概念についてはJavaScript開発時での利点をできる限り取り入れてる
ちなみに、レッドストーンはゲーム中に出てくるアイテム　これで回路が作れる
アフィリエイトはプログラムにこだわるよりコンテンツの中身だったね

マイリス mylist/44222969
co2268886で放送してるお！コミュ入ってくれお

初音ミクのゲーム作ってるお
http://mikumikuplay.com/

http://www.nicovideo.jp/watch/sm24007788

最初(一限目) → sm19079001　
sm19176637　←前 次→　sm19176774
mylist/34106830　←過去放送一覧

《放送日》2012年10月16日（火）20時〜22時00分：ニコニコ生放送にて
《内容》JavaScriptの基礎知識
・ブラウザを使った実習　

▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない２人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。

※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。

http://www.nicovideo.jp/watch/sm19176735

看板を作る

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 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/a49d0134

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/l5nuoEwj2BE

前回 sm32441433 流れるメッセージPart2
次回 sm32518398 看板を作るPart2
mylist/59143338 phina.jsマイリスト

Mira様広告ありがとうございます。

http://www.nicovideo.jp/watch/sm32478768

http://ktest.jp/MCSD/70-480.asp トレーニングしてください。Ktestは無料でMCSD 70-480試験問題集デモ（DEMO）を提供することができます。Ktest試験問題集は真実の試験環境と同じです。お客様が購入する前に、無料で70-480(Programming in HTML5 with JavaScript and CSS3)問題集のサンプルを使用してから、もっと自信を増やす。もし,弊社の70-480問題集を使ったら、試験に不合格だったら、ktestが全額で返金できます。ご安心ください。配信開始: 2012 年 8 月 20 日言語: 英語、中国語(簡字体),中国語(繁字体）、フランス語、ドイツ語、日本語、ポルトガル語(ブラジル)対象者:開発者テクノロジ: Microsoft Visual Studio 2012対応資格: MCP、MCSA試験詳細：https://www.microsoft.com/ja-jp/learning/exam-70-480.aspx

http://www.nicovideo.jp/watch/sm32196173

html5 Japan Cup 2014応募作品センサー付きのグラスで乾杯をすると可視化され、遠隔地の人間とも乾杯が行える。遠い異国の言葉も通じない人とも乾杯を通じてコミュニケーションが可能となる。ニコニコ生放送の飲み配信等の生主と視聴者のように遠隔地にいる人達の間でも乾杯できる。

http://www.nicovideo.jp/watch/sm23897879