enchant.js を使ったハックの紹介「enchant.js meetup! osaka」

Post on 16-Apr-2017

20.637 Views

Category:

Technology

3 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Ubiquitous Entertainment Inc.

11年11月30日水曜日

11年11月30日水曜日

enchant.jsを使ったいろいろなハックの紹介

11年11月30日水曜日

Physics Simulation物理シミュレーション

11年11月30日水曜日

demo

11年11月30日水曜日

PhySprite

PhySprite < Sprite

11年11月30日水曜日

Ruby on enchant.js

11年11月30日水曜日

Ruby on enchant.js

compileRuby.cgi

HotRuby.js(Custom)

enchant.jsRuby Code

Ruby 1.9.0

Web Server

Web Browser

Compile to YARV code

Running YARV codeon HTML5

11年11月30日水曜日

HTML5 with Ruby code

class Effect < Sprite def initialize (x,y) super(16,16) self.image = Game.assets("kirakira.gif") self.frame=0 self.x = x+16 self.y = y+8 self.scaleX=2 self.scaleY=2 $group.addChild(self) @mode = 0 end def enterframe if Game.frame%4 < 3 return end self.frame += 1 if self.frame >= 4 destroy end endend

Extend from Sprite class

Define event listener

11年11月30日水曜日

demo

11年11月30日水曜日

Canvasを使った半透明処理

11年11月30日水曜日

scr = new Sprite(320,320); surface = new Surface(320,320); scr.image=surface; scr.image.draw(game.assets['bg.png']);

ctx = surface.context;

ctx.beginPath();

ctx.arc(x,y, r, 0, Math.PI*2, false); ctx.fillStyle = 'rgba(0,0,0,0.2)'; ctx.fill();

11年11月30日水曜日

scr = new Sprite(320,320); surface = new Surface(320,320); scr.image=surface; scr.image.draw(game.assets['bg.png']);

ctx = surface.context;

ctx.beginPath();

ctx.arc(x,y, r, 0, Math.PI*2, false); ctx.fillStyle = 'rgba(0,0,0,0.2)'; ctx.fill();

Surfaceを作る

11年11月30日水曜日

scr = new Sprite(320,320); surface = new Surface(320,320); scr.image=surface; scr.image.draw(game.assets['bg.png']);

ctx = surface.context;

ctx.beginPath();

ctx.arc(x,y, r, 0, Math.PI*2, false); ctx.fillStyle = 'rgba(0,0,0,0.2)'; ctx.fill();

Surfaceを作る

直接イメージを描画可能

11年11月30日水曜日

scr = new Sprite(320,320); surface = new Surface(320,320); scr.image=surface; scr.image.draw(game.assets['bg.png']);

ctx = surface.context;

ctx.beginPath();

ctx.arc(x,y, r, 0, Math.PI*2, false); ctx.fillStyle = 'rgba(0,0,0,0.2)'; ctx.fill();

Surfaceを作る

直接イメージを描画可能

Canvasのコンテキストを取得

11年11月30日水曜日

scr = new Sprite(320,320); surface = new Surface(320,320); scr.image=surface; scr.image.draw(game.assets['bg.png']);

ctx = surface.context;

ctx.beginPath();

ctx.arc(x,y, r, 0, Math.PI*2, false); ctx.fillStyle = 'rgba(0,0,0,0.2)'; ctx.fill();

Surfaceを作る

直接イメージを描画可能

Canvasのコンテキストを取得

アルファ付きで色指定できる

11年11月30日水曜日

demo

11年11月30日水曜日

AR Game

11年11月30日水曜日

AR 認識エンジン搭載OpenGL ES対応

音声、マルチタッチサポート

11年11月30日水曜日

AR Market Recognize and Manipulate from JavaScript

11年11月30日水曜日

Integrated 3D Scene GraphSupports for OpenGL/WebGL

11年11月30日水曜日

Only 30 lines to manipulateAR tag and drawing 3D Model!

11年11月30日水曜日

お仕事×enchant.js

11年11月30日水曜日

ふつうのOLが二人で作成

11年11月30日水曜日

社内情報セキュリティ研修用ゲーム11年11月30日水曜日

趣味からお仕事まで

11年11月30日水曜日

11年11月30日水曜日

Ubiquitous Entertainment Inc.

11年11月30日水曜日

Roadmap

11年11月30日水曜日

2003年創業資本金:2億9000万円資本準備金(2億7300万円)従業員:100人(正社員70人+学生30人)

11年11月30日水曜日

Solution Contents Researchソリューションビジネス部 コンテンツビジネス部 秋葉原リサーチセンター

研究開発部

取締役会

社長

組織図

11年11月30日水曜日

Solution Contents Researchソリューションビジネス部 コンテンツビジネス部 秋葉原リサーチセンター

研究開発部

取締役会

社長

組織図

11年11月30日水曜日

Solution Contents Researchソリューションビジネス部 コンテンツビジネス部 秋葉原リサーチセンター

研究開発部

取締役会

社長

組織図 社長直轄の研究部門

11年11月30日水曜日

今年度から新卒募集開始会社説明会は12月21日

場所は浅草花屋敷

詳細は9月5日のリクナビを参照

11年11月30日水曜日

中途採用も受付中!

詳細はリクナビNEXTにて

11年11月30日水曜日

11年11月30日水曜日

docomo Palette UI

11年11月30日水曜日

ZeptoPad Folio

����������

��

����� �

����

11年11月30日水曜日

11年11月30日水曜日

11年11月30日水曜日

今 日僕 た ち が伝 え た いメッセージ

11年11月30日水曜日

プログラミングは最高だってこと

11年11月30日水曜日

これからプログラミングを勉強したいと思うなら最適なものがひとつある

11年11月30日水曜日

11年11月30日水曜日

2014年にHTML5が正式に策定される予定

11年11月30日水曜日

スマートフォンにおける

HTML5は、

ケータイのFlash Liteと同じかそれ以上の位置づけとなる

11年11月30日水曜日

つまりHTML5を制する者

だけが未来への切符を

手にすることができる

11年11月30日水曜日

だから

11年11月30日水曜日

これからの予定2011 11月28日リアルタイム通信ゲーム対応9leapに通信サーバを設置

2011 12月中旬enchant PRO for iPhoneリリースenchant.js / WebGL対応(β)

11年11月30日水曜日

開発中のもの物理シミュレーションプラグイン- Box2Dをベースに書き直し

PC環境向け3Dエンジン- WebGL対応

11年11月30日水曜日

開発中のもの物理シミュレーションプラグイン- Box2Dをベースに書き直し

PC環境向け3Dエンジン- WebGL対応

その他、あなたのPullRequestを受付中!

11年11月30日水曜日

開発中のものenchant.js本(初の公式本)

2012年2月頃発売予定!

(アスキーメディアワークスから!)

さらにもう一冊を夏頃予定

11年11月30日水曜日

開発中のものenchant.js本(初の公式本)

2012年2月頃発売予定!

(アスキーメディアワークスから!)

さらにもう一冊を夏頃予定

その他、enchant.js本執筆者募集中!

http://9leap.net/info/inquiry

11年11月30日水曜日

HTML5によるミニゲーム開発コンテスト

ナインリープ

11年11月30日水曜日

47

Good Platform

Game Framework

Presentation and Achievement9leapは

HTML5によるゲーム開発を活発化していく!

11年11月30日水曜日

ピアプロとクロスライセンスを締結初音ミクを始めとする素材が使えるようになりました自分で描いてピアプロに投稿して9leapで使ってもOK!

11年11月30日水曜日

テラカワユス!!!

11年11月30日水曜日

上位3名に選出されると・・・

シリコンバレー視察ツアーに招待!

11年11月30日水曜日

ただし、本戦への参加資格は25歳以下の学生のみ

11年11月30日水曜日

おいおい、大人にも参加させろ!

というご要望も多かったので

11年11月30日水曜日

毎月9日間限定で大人も参加可能なコンテストも併催

11年11月30日水曜日

してたんだけど

11年11月30日水曜日

やっぱり忙しい社会人が9日間という短い期間にゲームを作るというのもけっこう大変みたいです

11年11月30日水曜日

とはいえ趣味としての

ゲームプログラミングはもっと流行って欲しい

11年11月30日水曜日

僕は爺さんになっても盆栽いじりじゃなくてゲーム作りをして老後を過ごしたい

11年11月30日水曜日

11年11月30日水曜日

ソースコードは

11年11月30日水曜日

ソースコードは秘伝の味噌みたいなもの

11年11月30日水曜日

11年11月30日水曜日

enchant.jsで

11年11月30日水曜日

enchant.jsでいろんなゲームを作ると

11年11月30日水曜日

enchant.jsでいろんなゲームを作ると

いろんな味噌が

11年11月30日水曜日

enchant.jsでいろんなゲームを作ると

いろんな味噌がたまって来た

11年11月30日水曜日

制作時間:1時間制作人数:2人

11年11月30日水曜日

制作時間:4時間制作人数:2人

11年11月30日水曜日

11年11月30日水曜日

かつてこれほどまでに

11年11月30日水曜日

かつてこれほどまでに気軽に

11年11月30日水曜日

かつてこれほどまでに気軽に簡単に

11年11月30日水曜日

かつてこれほどまでに気軽に簡単に

ゲーム作りできたことが

11年11月30日水曜日

かつてこれほどまでに気軽に簡単に

ゲーム作りできたことがあっただろうか!?

11年11月30日水曜日

かつてこれほどまでに気軽に簡単に

ゲーム作りできたことがあっただろうか!?

いや、ない(反実仮想)11年11月30日水曜日

もっと色んな人が面白いゲームを作ってオープンソースで使える

ようにすればもっと面白いゲームが出てくるんじゃないか

11年11月30日水曜日

そこで

11年11月30日水曜日

無差別級

11年11月30日水曜日

社会人も参加できるミニゲーム開発コンテスト

を新たに開始します!

11年11月30日水曜日

オ ー プ ン リ ー プ

11年11月30日水曜日

学生でも社会人でも20歳以上ならエントリー可能テーマは自由ただし、ソースはMITライセンスで公開する

11年11月30日水曜日

優勝賞金 50万円優秀賞 10万円奨励賞 1万円

11年11月30日水曜日

第一回 11月1日~12月31日まで

奨励賞 1万円※10000プレイを獲得したゲームから先着10作品

(但し、同一プレイヤーのアクセスは1日1回のみカウント)

11年11月30日水曜日

第一回 11月1日~12月31日まで

奨励賞 1万円※10000プレイを獲得したゲームから先着10作品

(但し、同一プレイヤーのアクセスは1日1回のみカウント)

も使用可能

11年11月30日水曜日

さらに・・・

11年11月30日水曜日

最終決勝戦

11年11月30日水曜日

そして・・・

11年11月30日水曜日

プログラミングを愛する全ての人のために

11年11月30日水曜日

11年11月30日水曜日

リ ー プ フ ェ ス ト

11年11月30日水曜日

enchant.jsに限らず日本中からスゲえ

ハッカーとプログラマーを連れてきます!

11年11月30日水曜日

2012/2/12@Akihabara

11年11月30日水曜日

予定あけといてね!

11年11月30日水曜日

我々の野望

11年11月30日水曜日

プログラミングは楽しい!自分でプログラミングしたゲームで遊ぶのは格別の面白さ!

11年11月30日水曜日

プログラミングは嬉しい!自分のゲームを家族や友達に遊んでもらったらとっても嬉しい!

11年11月30日水曜日

プログラミングは素晴らしい!人類がかつて手にした中で最高の教材であり、コミュニケーション手段にもなる!

11年11月30日水曜日

プログラミングはもうプロだけのものじゃない主婦や学生やOLやおじいさんみんながプログラミングを楽しめるようになれば

もっと世の中が楽しくなる!11年11月30日水曜日

enchant.jsはプログラミングの面白さを誰もが手軽に楽しめる幸せな世界を作ります

11年11月30日水曜日

一億11年11月30日水曜日

総11年11月30日水曜日

プログラマー

11年11月30日水曜日

国家11年11月30日水曜日

Ubiquitous Entertainment Inc.

11年11月30日水曜日

top related