Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Daisuke Imai
PDF, PPTX
474 views
Creators'night#12今井
Creators'night#12のLT資料です。
Engineering
◦
Read more
0
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 44
2
/ 44
3
/ 44
4
/ 44
5
/ 44
6
/ 44
7
/ 44
8
/ 44
9
/ 44
10
/ 44
11
/ 44
12
/ 44
13
/ 44
14
/ 44
15
/ 44
16
/ 44
17
/ 44
18
/ 44
19
/ 44
20
/ 44
21
/ 44
22
/ 44
23
/ 44
24
/ 44
25
/ 44
26
/ 44
27
/ 44
28
/ 44
29
/ 44
30
/ 44
31
/ 44
32
/ 44
33
/ 44
34
/ 44
35
/ 44
36
/ 44
37
/ 44
38
/ 44
39
/ 44
40
/ 44
41
/ 44
42
/ 44
43
/ 44
44
/ 44
More Related Content
PDF
Creators'night#13 tech#2今井
by
Daisuke Imai
PDF
enchant.js meetup Tokyo vol.2 Tutorial
by
Ryo Shimizu
PDF
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
by
Yutaro Miyazaki
PDF
Creators'night#14今井
by
Daisuke Imai
PDF
-入門- enchant.js でゲームを作ろう
by
nico0927
PDF
ロールオーバーのいろいろなやり方
by
silvers ofsilvers
PDF
㉗HTML5+jQueryでお絵かき
by
Nishida Kansuke
PDF
⑲jQueryをおぼえよう!その5
by
Nishida Kansuke
Creators'night#13 tech#2今井
by
Daisuke Imai
enchant.js meetup Tokyo vol.2 Tutorial
by
Ryo Shimizu
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
by
Yutaro Miyazaki
Creators'night#14今井
by
Daisuke Imai
-入門- enchant.js でゲームを作ろう
by
nico0927
ロールオーバーのいろいろなやり方
by
silvers ofsilvers
㉗HTML5+jQueryでお絵かき
by
Nishida Kansuke
⑲jQueryをおぼえよう!その5
by
Nishida Kansuke
What's hot
PDF
Aaなゲームをjsで
by
Moriyoshi Koizumi
PDF
ノンプログラマーでも明日から使えるJavaScript簡単プログラム 先生:柳井 政和
by
schoowebcampus
PPTX
HTML5 on ASP.NET
by
Fujio Kojima
PPTX
Alpine.jsハンズオン
by
AyakaNishiyama
PDF
Canvas勉強会
by
Tsutomu Kawamura
PDF
swooleを試してみた
by
Yukihiro Katsumi
PDF
MT meets PHP
by
純生 野田
PDF
HTML5のCanvas入門 - Img画像を編集してみよう -
by
Toshio Ehara
PPTX
JavaScriptで『漫画カメラ』的画像加工
by
Masayuki Maekawa
PDF
やはりお前らのMTMLは間違っている!
by
純生 野田
PDF
React で CSS カプセル化の可能性を考える
by
Yutaro Miyazaki
PPTX
モテる JavaScript
by
Osamu Monoe
PDF
プロダクトに 1 から Vue.js を導入した話
by
Shohei Okada
PDF
Jqm20120210
by
cmtomoda
PDF
情報編集(Web) HTML5 実践1 Canvas + Javascriptで図形を描く
by
Atsushi Tadokoro
PDF
何が変わった JavaFX 2.0
by
Yuichi Sakuraba
PDF
MT meets PHP - PHP conference Kansai 2013
by
純生 野田
PDF
Inside Movable Type
by
純生 野田
Aaなゲームをjsで
by
Moriyoshi Koizumi
ノンプログラマーでも明日から使えるJavaScript簡単プログラム 先生:柳井 政和
by
schoowebcampus
HTML5 on ASP.NET
by
Fujio Kojima
Alpine.jsハンズオン
by
AyakaNishiyama
Canvas勉強会
by
Tsutomu Kawamura
swooleを試してみた
by
Yukihiro Katsumi
MT meets PHP
by
純生 野田
HTML5のCanvas入門 - Img画像を編集してみよう -
by
Toshio Ehara
JavaScriptで『漫画カメラ』的画像加工
by
Masayuki Maekawa
やはりお前らのMTMLは間違っている!
by
純生 野田
React で CSS カプセル化の可能性を考える
by
Yutaro Miyazaki
モテる JavaScript
by
Osamu Monoe
プロダクトに 1 から Vue.js を導入した話
by
Shohei Okada
Jqm20120210
by
cmtomoda
情報編集(Web) HTML5 実践1 Canvas + Javascriptで図形を描く
by
Atsushi Tadokoro
何が変わった JavaFX 2.0
by
Yuichi Sakuraba
MT meets PHP - PHP conference Kansai 2013
by
純生 野田
Inside Movable Type
by
純生 野田
Similar to Creators'night#12今井
PDF
enchant.jsでゲーム制作をはじめてみよう 「パンダの会」バージョン
by
Ryota Shiroguchi
PDF
enchant.jsでゲーム制作をはじめてみよう
by
Ryota Shiroguchi
PPTX
Osakijs #01 「enchant.jsハンズオン資料」
by
Yusuke HIDESHIMA
PPTX
Cocos2d-x(JS) ハンズオン #08「様々な画像描画方法」
by
Tomoaki Shimizu
PDF
苫小牧高専 ソフトウェアテクノロジー部 enchant.jsでゲーム作り 2
by
Takuya Mukohira
PDF
スマホにおけるWebGL入門
by
Yohta Kanke
KEY
HTML5で作るスマホブラウザゲーム
by
Takumi Ohashi
PDF
苫小牧高専 ソフトウェアテクノロジー部 enchant.jsでゲーム作り 4
by
Takuya Mukohira
PPT
IEとメモ帳でかんたんゲーム開発
by
amusementcreators
PDF
CreateJSでアプリつくった話
by
Ru MuckRu
KEY
Arctic.js
by
chikathreesix
PDF
enchant.js勉強会
by
Hiroaki Murayama
PDF
Html canvas shooting_and_performanceup
by
Yohei Munesada
PDF
Canvas de shooting 制作のポイント
by
Yohei Munesada
KEY
JavaScript Hackathon for Students
by
Takumi Ohashi
PDF
㉒初期プロジェクトを改造!
by
Nishida Kansuke
PDF
2012 03-24-titanium plusquicktigame2d
by
Hiroshi Oyamada
PDF
苫小牧高専 ソフトウェアテクノロジー部 enchant.jsでゲーム作り 1
by
Takuya Mukohira
PDF
GTMF2012 SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ~組み合わせて改善する 2D ワーク...
by
Web Technology Corp.
PPTX
Windows Phone 7 と XNA の世界
by
Satoshi Mimura
enchant.jsでゲーム制作をはじめてみよう 「パンダの会」バージョン
by
Ryota Shiroguchi
enchant.jsでゲーム制作をはじめてみよう
by
Ryota Shiroguchi
Osakijs #01 「enchant.jsハンズオン資料」
by
Yusuke HIDESHIMA
Cocos2d-x(JS) ハンズオン #08「様々な画像描画方法」
by
Tomoaki Shimizu
苫小牧高専 ソフトウェアテクノロジー部 enchant.jsでゲーム作り 2
by
Takuya Mukohira
スマホにおけるWebGL入門
by
Yohta Kanke
HTML5で作るスマホブラウザゲーム
by
Takumi Ohashi
苫小牧高専 ソフトウェアテクノロジー部 enchant.jsでゲーム作り 4
by
Takuya Mukohira
IEとメモ帳でかんたんゲーム開発
by
amusementcreators
CreateJSでアプリつくった話
by
Ru MuckRu
Arctic.js
by
chikathreesix
enchant.js勉強会
by
Hiroaki Murayama
Html canvas shooting_and_performanceup
by
Yohei Munesada
Canvas de shooting 制作のポイント
by
Yohei Munesada
JavaScript Hackathon for Students
by
Takumi Ohashi
㉒初期プロジェクトを改造!
by
Nishida Kansuke
2012 03-24-titanium plusquicktigame2d
by
Hiroshi Oyamada
苫小牧高専 ソフトウェアテクノロジー部 enchant.jsでゲーム作り 1
by
Takuya Mukohira
GTMF2012 SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ~組み合わせて改善する 2D ワーク...
by
Web Technology Corp.
Windows Phone 7 と XNA の世界
by
Satoshi Mimura
More from Daisuke Imai
PDF
PythonからV-Sido CONNECTで ロボットを操る ~ ハードウェアの絡んだ仕組みの制御を考える ~
by
Daisuke Imai
PDF
Creators'night#4今井
by
Daisuke Imai
PDF
UI研究会#2
by
Daisuke Imai
PDF
Creators'night#7今井
by
Daisuke Imai
PDF
Creators'night#15今井
by
Daisuke Imai
PDF
Creators'night#6今井
by
Daisuke Imai
PDF
Creators'night#3今井
by
Daisuke Imai
PDF
Creators'night#10今井
by
Daisuke Imai
PDF
デブコミュ#20150312
by
Daisuke Imai
PDF
Beenos creators'night#201308今井
by
Daisuke Imai
PDF
Ui研究会#1
by
Daisuke Imai
PDF
Beenos creators' night#201305今井
by
Daisuke Imai
PDF
Creators'night#8今井
by
Daisuke Imai
PDF
UI研究会#3
by
Daisuke Imai
PDF
パソナプレゼン資料
by
Daisuke Imai
PDF
Creators'night#5今井
by
Daisuke Imai
PDF
Creators'night#1今井
by
Daisuke Imai
PDF
Beenos creators'night#201307今井
by
Daisuke Imai
PDF
Beenos creators' night#201306今井
by
Daisuke Imai
PythonからV-Sido CONNECTで ロボットを操る ~ ハードウェアの絡んだ仕組みの制御を考える ~
by
Daisuke Imai
Creators'night#4今井
by
Daisuke Imai
UI研究会#2
by
Daisuke Imai
Creators'night#7今井
by
Daisuke Imai
Creators'night#15今井
by
Daisuke Imai
Creators'night#6今井
by
Daisuke Imai
Creators'night#3今井
by
Daisuke Imai
Creators'night#10今井
by
Daisuke Imai
デブコミュ#20150312
by
Daisuke Imai
Beenos creators'night#201308今井
by
Daisuke Imai
Ui研究会#1
by
Daisuke Imai
Beenos creators' night#201305今井
by
Daisuke Imai
Creators'night#8今井
by
Daisuke Imai
UI研究会#3
by
Daisuke Imai
パソナプレゼン資料
by
Daisuke Imai
Creators'night#5今井
by
Daisuke Imai
Creators'night#1今井
by
Daisuke Imai
Beenos creators'night#201307今井
by
Daisuke Imai
Beenos creators' night#201306今井
by
Daisuke Imai
Recently uploaded
PDF
krsk_aws_re-growth_aws_devops_agent_20251211
by
uedayuki
PDF
音楽アーティスト探索体験に特化した音楽ディスカバリーWebサービス「DigLoop」|Created byヨハク技研
by
yohakugiken
PDF
ソフトとハードの二刀流で実現する先進安全・自動運転のアルゴリズム開発【DENSO Tech Night 第二夜】 ー高精度な画像解析 / AI推論モデル ...
by
dots.
PDF
ソフトウェアエンジニアがクルマのコアを創る!? モビリティの価値を最大化するソフトウェア開発の最前線【DENSO Tech Night 第一夜】
by
dots.
PPTX
君をむしばむこの力で_最終発表-1-Monthon2025最終発表用資料-.pptx
by
rintakano624
PDF
2025/12/12 AutoDevNinjaピッチ資料 - 大人な男のAuto Dev環境
by
Masahiro Takechi
krsk_aws_re-growth_aws_devops_agent_20251211
by
uedayuki
音楽アーティスト探索体験に特化した音楽ディスカバリーWebサービス「DigLoop」|Created byヨハク技研
by
yohakugiken
ソフトとハードの二刀流で実現する先進安全・自動運転のアルゴリズム開発【DENSO Tech Night 第二夜】 ー高精度な画像解析 / AI推論モデル ...
by
dots.
ソフトウェアエンジニアがクルマのコアを創る!? モビリティの価値を最大化するソフトウェア開発の最前線【DENSO Tech Night 第一夜】
by
dots.
君をむしばむこの力で_最終発表-1-Monthon2025最終発表用資料-.pptx
by
rintakano624
2025/12/12 AutoDevNinjaピッチ資料 - 大人な男のAuto Dev環境
by
Masahiro Takechi
Creators'night#12今井
1.
スマホアプリ作るまで続く 長期連載シリーズ
2.
父ちゃん、母ちゃん、 俺、 やっぱゲーム作りたい。 ※「俺」も「父ちゃん」も「母ちゃん」も普段使いません。
3.
ゲーム作りたいです。
4.
今回こそ再開
5.
久々にコード見たら…
6.
var deleteMode =
false; var lineNumber = lines.length; var scoreUp = 0; if (lineNumber >=2) { deleteMode = true; if (lineNumber == 2) { // 2つしかつながってない場合は減点 scoreUp = -50; } else { // 3つ以上つながっている場合の特典ルール scoreUp = 100 + (((tileVariation * 10) * (lines.length - 3)) * (lines.length - 3)); } // 得点のポップアップは最後に選択されたタイルの近くに出る var popTileX = lines[lineNumber - 1].boardX * TILE_SIZE + BOARD_OFFSETX; var popTileY = lines[lineNumber - 1].boardY * TILE_SIZE + BOARD_OFFSETY; var popTile = new PopTile(popTileX, popTileY, markedNumber, this); popTile.key = game.frame; popTiles[game.frame] = popTile; effectGroup.addChild(popTile); var popScoreX = (lines[lineNumber - 1].boardX + 1 / 2) * TILE_SIZE + BOARD_OFFSETX; var popScoreY = (lines[lineNumber - 1].boardY + 1 / 2) * TILE_SIZE + BOARD_OFFSETY; var popScore = new PopScore(popScoreX, popScoreY, scoreUp, this); popScore.key = game.frame; popScores[game.frame] = popScore; effectGroup.addChild(popScore.numberSprite); stageScore += scoreUp; barValues[markedNumber] += lineNumber; } lineMode = false; for(var i in lines) { if (deleteMode === true) { boardData[lines[i].boardY][lines[i].boardX] = 0; } markedData[lines[i].boardY][lines[i].boardX] = 0; lineGroup.removeChild(lines[i]); lines[i].remove(); } lines = []; } } }); // ライン var lines = []; var Line = enchant.Class.create(enchant.Sprite, { initialize: function(boardX, boardY, recentBoardX, recentBoardY, lineNumber) { this.boardX = boardX; this.boardY = boardY; this.lineNumber = lineNumber; enchant.Sprite.call(this, LINE_SIZE, LINE_SIZE); this.image = game.assets['images/lines.png']; if (lineNumber === 0) { this.frame = 0; this.x = boardX * TILE_SIZE + ((TILE_SIZE - LINE_SIZE) / 2) + BOARD_OFFSETX;
7.
全く思い出せん…
8.
リハビリが必要だ
9.
で、ネットで見ちゃったですよ。
11.
CREATEJS
12.
Adobeとか Microsoftとかが スポンサーしてるんだって。
13.
∼ The road
to a game developer 番外編∼ 「CREATEJSに浮気してみた」 ネットプライスドットコム NPLab. いまい大すけ
14.
CREATEJS A suite of
Javascript libraries & tools for building rich, interactive experiences with HTML5.
15.
EaselJS TweenJS SoundJS PreloadJS の4つのライブラリ
16.
EaselJS Canvas描画ライブラリ
17.
TweenJS アニメーションライブラリ
18.
SoundJS 音関連のライブラリ
19.
PreloadJS 素材のプリローダー
20.
enchant.jsとの比較
21.
サイズ 47.23KB 計92.08KB (53.79KB) 描画 divごと (2.0でcanvasに) canvas上 メインループ タイムベース (自動) タイムベース (手動) ブラウザ対応 ある程度 (IEは無視) 自分でやれ
22.
とりあえず作ってみるといえば
24.
クマちゃん in the
sky http://jsdo.it/hine.gdw/ySJu
25.
ゲームプログラム初心者に 1日で作ってもらう課題として enchantで昔作ったゲーム。
26.
ゲームの内容は 「バルーントリップ」 的なもの
27.
ってことで作りました。
29.
主人公はenchant.jsの エンちゃん
30.
エンちゃん in the
sky http://jsdo.it/hine.gdw/hUUB
31.
全部で4時間くらい
32.
感想
33.
【良い所】 アニメーション使いやすい 結構速い Canvas関連使いやすい
34.
【悪い所】 ・Canvas拡縮ない(と思う) ・オブジェクトのwidth、height 等のメンバー変数がない! ・描画オブジェクトのクリック操 作とか困難
35.
【enchantの良い所】 ・スプライトの当たり判定 ・mapオブジェクト ・タッチイベントに標準で対応 ・プラグイン ・画像素材が提供されている
36.
でも、 基本的にJSなので、 方言レベルの差しかない。
37.
Spriteを表示するまでの 最低限の記述
38.
<!DOCTYPE html> <html>
<head> <meta http-‐equiv="Content-‐Type" content="text/html; charset=UTF-‐8" /> <script type="text/javascript" src="./enchant.js"></script> <script type="text/javascript"> enchant(); window.onload = function() { var game = new Game(320,320); game.preload('a.png'); game.onload = function() { var test = new Sprite(100,100); test.x = 10; test.y = 10; test.image = game.assets['a.png']; game.rootScene.addChild(test); }; game.start(); }; </script> </head> <body> </body> </html>
39.
<!DOCTYPE html> <html>
<head> <meta http-‐equiv="Content-‐Type" content="text/html; charset=UTF-‐8" /> <script type="text/javascript" src="./easel.js"></script> <script type="text/javascript"> var canvas, stage; function init() { canvas = document.get.ElementById(“testCanvas”); stage = new createjs.Stage(canvas); img = new Image(canvas); img.src = “a.png”; img.onload = function() { var ss = new createjs.SpriteSheet({ images: [img], frames: {width:100, height:100, regX:0, regY:0}, animations: {stand: [0]} }); var test = new createjs.BitmapAnimation(ss); test.x = 10; test.y = 10; test.gotoAndPlay(“stand”); stage.addChild(test); stage.update(); }; }; </script> </head> <body onload="init();" > <canvas id="testCanvas" width=”320” height=”320”></canvas> </body> </html>
40.
CreateJSの方が ちょっと長い
41.
【その他】 ・Flash CS6から書き出し可 ・日本語ドキュメントなし ・まだ本も出てないみたい
42.
enchant.jsで 便利だと思う機能を パクって実装しちゃえば いいと思うんだ。
43.
次回こそは メインのゲームを進める 多分、CREATEJSで
44.
ご清聴 ありがとうございました。
Download