Soumettre la recherche
Mettre en ligne
ALGO.JS DemoDay
•
13 j'aime
•
11,805 vues
Hisayoshi Hayashi
Suivre
2015年12月13日に行われたDemoDayで発表した、WebGLベースのフレームワークについてのスライドです。
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 32
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
すべての人に知っておいてほしい VoiceOverの基本原則
すべての人に知っておいてほしい VoiceOverの基本原則
知己 久保
Adobe Edge Inspectを利用してデバッグ
Adobe Edge Inspectを利用してデバッグ
Keisuke Todoroki
Colorbox jscafe 20140511
Colorbox jscafe 20140511
Kazuyuki Ikeda
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
力也 伊原
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
Chrome拡張機能の作りかた
Chrome拡張機能の作りかた
aozou99
モバイルコンテンツ制作を効 率化するツールを使いこなせ
モバイルコンテンツ制作を効 率化するツールを使いこなせ
Keisuke Todoroki
使ってはいけないテンプレートタグ(Word bench 2015/08)
使ってはいけないテンプレートタグ(Word bench 2015/08)
Masahiro Nakashima
Contenu connexe
Tendances
インデントで構造を表現する言語
インデントで構造を表現する言語
motoyan-qwt1
ワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作る
Risa Yuguchi
最近のブラウザ状況
最近のブラウザ状況
yoshikawa_t
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
Takuma Nishiyama
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
Kazumich YAMAMOTO
smartblock@blogテーマ a-blog cms LIVE vol.1
smartblock@blogテーマ a-blog cms LIVE vol.1
ssuser089e65
Photoshopはいらなくなる? これからのWebで変わるワークフロー 先生:イシジマ ミキ
Photoshopはいらなくなる? これからのWebで変わるワークフロー 先生:イシジマ ミキ
schoowebcampus
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
Junko Nukaga
HTML5 のお話
HTML5 のお話
tomo_masakura
HTML5 開発環境の紹介
HTML5 開発環境の紹介
tomo_masakura
Web制作者がandriodのcddを読んでみた
Web制作者がandriodのcddを読んでみた
Masakazu Muraoka
Mojolicous and Bootstrap
Mojolicous and Bootstrap
dokechin
フロントエンドエンジニアからエンジニアになった話
フロントエンドエンジニアからエンジニアになった話
大和 火河
Browser oh browser browser
Browser oh browser browser
Teppei Sato
インブラウザデザインのすすめ
インブラウザデザインのすすめ
株式会社ND&I しかたこうき
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
Tendances
(17)
インデントで構造を表現する言語
インデントで構造を表現する言語
ワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作る
最近のブラウザ状況
最近のブラウザ状況
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
smartblock@blogテーマ a-blog cms LIVE vol.1
smartblock@blogテーマ a-blog cms LIVE vol.1
Photoshopはいらなくなる? これからのWebで変わるワークフロー 先生:イシジマ ミキ
Photoshopはいらなくなる? これからのWebで変わるワークフロー 先生:イシジマ ミキ
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
HTML5 のお話
HTML5 のお話
HTML5 開発環境の紹介
HTML5 開発環境の紹介
Web制作者がandriodのcddを読んでみた
Web制作者がandriodのcddを読んでみた
Mojolicous and Bootstrap
Mojolicous and Bootstrap
フロントエンドエンジニアからエンジニアになった話
フロントエンドエンジニアからエンジニアになった話
Browser oh browser browser
Browser oh browser browser
インブラウザデザインのすすめ
インブラウザデザインのすすめ
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
En vedette
オープンソースエコシステム #demodaytokyo
オープンソースエコシステム #demodaytokyo
Shuichi Tsutsumi
openFrameworks Workshop in Kanazawa v001
openFrameworks Workshop in Kanazawa v001
Teruaki Tsubokura
CCResourceAsyncLoader
CCResourceAsyncLoader
Keisuke Hata
Cocos2d-x(JS)の紹介
Cocos2d-x(JS)の紹介
Tomoaki Shimizu
「アーティスト活動」というプログラマの自己防衛術 - 坪倉輝明
「アーティスト活動」というプログラマの自己防衛術 - 坪倉輝明
Teruaki Tsubokura
Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜
Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜
Tomoaki Shimizu
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
Tomoaki Shimizu
En vedette
(7)
オープンソースエコシステム #demodaytokyo
オープンソースエコシステム #demodaytokyo
openFrameworks Workshop in Kanazawa v001
openFrameworks Workshop in Kanazawa v001
CCResourceAsyncLoader
CCResourceAsyncLoader
Cocos2d-x(JS)の紹介
Cocos2d-x(JS)の紹介
「アーティスト活動」というプログラマの自己防衛術 - 坪倉輝明
「アーティスト活動」というプログラマの自己防衛術 - 坪倉輝明
Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜
Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
Similaire à ALGO.JS DemoDay
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
Kei Nakazawa
DIST.42 クリエイティブコーディングで生み出すWebデザインの世界観「コードでつくる動きと見た目のこだわり」
DIST.42 クリエイティブコーディングで生み出すWebデザインの世界観「コードでつくる動きと見た目のこだわり」
Ikeda Ryou
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
swwwitch inc.
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
Webpackにトライ 基本編
Webpackにトライ 基本編
シオリ ショウノ
Java Script勉強会
Java Script勉強会
guestc8c3a73
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
JQuery入門
JQuery入門
sayoko miura
Wb tokyo 2013
Wb tokyo 2013
Hidekazu Ishikawa
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
HTML5 Conference 2015 悩める組込機器向けウェブコンテンツのパフォーマンス
HTML5 Conference 2015 悩める組込機器向けウェブコンテンツのパフォーマンス
Futomi Hatano
Cssアニメーションとその制御
Cssアニメーションとその制御
Muyuu Fujita
jQueryを自分で書いてみよう!@第5回福岡マークアップ勉強会
jQueryを自分で書いてみよう!@第5回福岡マークアップ勉強会
Daisuke Koshimizu
Similaire à ALGO.JS DemoDay
(13)
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
DIST.42 クリエイティブコーディングで生み出すWebデザインの世界観「コードでつくる動きと見た目のこだわり」
DIST.42 クリエイティブコーディングで生み出すWebデザインの世界観「コードでつくる動きと見た目のこだわり」
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
Web制作勉強会 #2
Web制作勉強会 #2
Webpackにトライ 基本編
Webpackにトライ 基本編
Java Script勉強会
Java Script勉強会
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
JQuery入門
JQuery入門
Wb tokyo 2013
Wb tokyo 2013
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
HTML5 Conference 2015 悩める組込機器向けウェブコンテンツのパフォーマンス
HTML5 Conference 2015 悩める組込機器向けウェブコンテンツのパフォーマンス
Cssアニメーションとその制御
Cssアニメーションとその制御
jQueryを自分で書いてみよう!@第5回福岡マークアップ勉強会
jQueryを自分で書いてみよう!@第5回福岡マークアップ勉強会
Dernier
2024 04 minnanoito
2024 04 minnanoito
arts yokohama
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
Shumpei Kishi
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
ssuser370dd7
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
arts yokohama
2024 03 CTEA
2024 03 CTEA
arts yokohama
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
Matsushita Laboratory
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
arts yokohama
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
Industrial Technology Research Institute (ITRI)(工業技術研究院, 工研院)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
ssuser539845
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
Ayachika Kitazaki
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
Tetsuya Nihonmatsu
Dernier
(11)
2024 04 minnanoito
2024 04 minnanoito
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
2024 03 CTEA
2024 03 CTEA
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
ALGO.JS DemoDay
1.
ALGO.JS
5.
Adobe Flash
6.
作品 Bさん 作品 見る 刺激を受ける 公開公開 Aさん 刺激を受ける Webの中
7.
Flashの隆盛時代にあった、 みんなが気軽にスケッチを見せあい、 ブログ上に記事を書く、 みたいなものが好きでALGO.JSを作りました。
8.
高速にブラウザ上で動作する 3Dグラフィックライブラリ
9.
Creative coding プログラミングの一種 何かの機能を実装するというよりも、 表現を生み出すことを目的としている
10.
What is Creative
code
11.
+ Creative Coding
12.
Three.js p5.js
14.
Three.js 50行
15.
まだ大変
17.
ALGO.JS 21行
18.
WebGLの記述を、極限まで簡単にする 「クリエイティブコーディングのためのフレームワーク」 ALGO.js とは
19.
3D表現を あえて 捨てることで、 簡単な記述と高速化を行っている 簡単な記述のわけ
20.
作品 Bさん 作品 見る 刺激を受ける 公開公開 Aさん 刺激を受ける Webの中
21.
作品 Bさん 作品 見る 刺激を受ける 公開公開 Aさん 刺激を受ける Webの中
22.
どんなものができるか
23.
Example 01: Graphic シンプルな図形の描画 http://algojs.org/examples/#shape_many_shapes
24.
Example 02: Particle 4万個のパーティクルアニメーション http://algojs.org/examples/#shape_particles_vf
25.
http://algojs.org/examples/
26.
スマホでも動きます
27.
[Live Coding]
28.
リリース予定
29.
現在の開発状況はGitHubで確認できます。 ダウンロードして使ってみたい方は 下記サイトをご覧ください。 http://algojs.org
30.
2016年4月 β版リリース
31.
2016年夏 ALGO.JSのコードをアップするプラットフォーム
32.
ご清聴ありがとうございました
Télécharger maintenant