Advertisement

ALGO.JS DemoDay

Hisayoshi Hayashi
Dec. 14, 2015••
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay
ALGO.JS DemoDay

Check these out next

インデントで構造を表現する言語
インデントで構造を表現する言語
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
1 of 32

ALGO.JS DemoDay

Dec. 14, 2015••
Download to read offline
Technology

2015年12月13日に行われたDemoDayで発表した、WebGLベースのフレームワークについてのスライドです。

Hisayoshi Hayashi
Advertisement
Advertisement
Advertisement

Recommended

すべての人に知っておいてほしい VoiceOverの基本原則すべての人に知っておいてほしい VoiceOverの基本原則
すべての人に知っておいてほしい VoiceOverの基本原則知己 久保2.4K views•66 slides
Adobe Edge Inspectを利用してデバッグAdobe Edge Inspectを利用してデバッグ
Adobe Edge Inspectを利用してデバッグKeisuke Todoroki8.2K views•25 slides
Colorbox jscafe 20140511Colorbox jscafe 20140511
Colorbox jscafe 20140511Kazuyuki Ikeda1.7K views•15 slides
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ力也 伊原20K views•62 slides
簡単！低コスト！楽しい！レスポンシブ デザイン ディレクション簡単！低コスト！楽しい！レスポンシブ デザイン ディレクション
簡単！低コスト！楽しい！レスポンシブ デザイン ディレクションYuji Nojima5.3K views•48 slides
Chrome拡張機能の作りかたChrome拡張機能の作りかた
Chrome拡張機能の作りかたaozou99392 views•20 slides

More Related Content

Slideshows for you(17)

インデントで構造を表現する言語インデントで構造を表現する言語
インデントで構造を表現する言語
motoyan-qwt1•548 views
ワイヤーフレームを高速にXDらしく作るワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作る
Risa Yuguchi•2.3K views
最近のブラウザ状況最近のブラウザ状況
最近のブラウザ状況
yoshikawa_t•24.3K views
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
Takuma Nishiyama•11.2K views
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフローWDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
WDHA#038 CMS会議 AOMORI / a-blog cms 2.1を活用したWeb制作のワークフロー
Kazumich YAMAMOTO•1.1K views
smartblock@blogテーマ a-blog cms LIVE vol.1smartblock@blogテーマ a-blog cms LIVE vol.1
smartblock@blogテーマ a-blog cms LIVE vol.1
ssuser089e65•33 views
Photoshopはいらなくなる？ これからのWebで変わるワークフロー 先生：イシジマ ミキPhotoshopはいらなくなる？ これからのWebで変わるワークフロー 先生：イシジマ ミキ
Photoshopはいらなくなる？ これからのWebで変わるワークフロー 先生：イシジマ ミキ
schoowebcampus•1.7K views
文系デザイナーでも大丈夫！レスポンシブWEBサイトをWordPressで作ってみよう文系デザイナーでも大丈夫！レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫！レスポンシブWEBサイトをWordPressで作ってみよう
Junko Nukaga•45.6K views
HTML5 のお話HTML5 のお話
HTML5 のお話
tomo_masakura•1.2K views
HTML5 開発環境の紹介HTML5 開発環境の紹介
HTML5 開発環境の紹介
tomo_masakura•4.3K views
Web制作者がandriodのcddを読んでみたWeb制作者がandriodのcddを読んでみた
Web制作者がandriodのcddを読んでみた
Masakazu Muraoka•2.2K views
Mojolicous and BootstrapMojolicous and Bootstrap
Mojolicous and Bootstrap
dokechin•655 views
フロントエンドエンジニアからエンジニアになった話フロントエンドエンジニアからエンジニアになった話
フロントエンドエンジニアからエンジニアになった話
大和 火河•378 views
Browser oh browser browserBrowser oh browser browser
Browser oh browser browser
Teppei Sato•2.4K views
インブラウザデザインのすすめインブラウザデザインのすすめ
インブラウザデザインのすすめ
株式会社ND&I しかたこうき•892 views
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの？業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの？
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの？
Fumio SAGAWA•29.4K views
Yeomanではじめる爆速webアプリ開発Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka•38.9K views

Viewers also liked(7)

オープンソースエコシステム #demodaytokyoオープンソースエコシステム #demodaytokyo
オープンソースエコシステム #demodaytokyo
Shuichi Tsutsumi•8.4K views
openFrameworks Workshop in Kanazawa v001openFrameworks Workshop in Kanazawa v001
openFrameworks Workshop in Kanazawa v001
Teruaki Tsubokura•7.7K views
CCResourceAsyncLoaderCCResourceAsyncLoader
CCResourceAsyncLoader
Keisuke Hata•3.1K views
Cocos2d-x(JS)の紹介Cocos2d-x(JS)の紹介
Cocos2d-x(JS)の紹介
Tomoaki Shimizu•2.1K views
「アーティスト活動」というプログラマの自己防衛術 - 坪倉輝明「アーティスト活動」というプログラマの自己防衛術 - 坪倉輝明
「アーティスト活動」というプログラマの自己防衛術 - 坪倉輝明
Teruaki Tsubokura•13.2K views
Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜
Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜
Tomoaki Shimizu•2.6K views
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
Tomoaki Shimizu•3.5K views
Advertisement

Similar to ALGO.JS DemoDay(12)

12.09.08 明星和楽2012 KLabハンズオンセッション12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
Kei Nakazawa•1.8K views
「Webデザイナーのためのタイポグラフィと文字組版（Reloaded）」鷹野 雅弘（スイッチ）「Webデザイナーのためのタイポグラフィと文字組版（Reloaded）」鷹野 雅弘（スイッチ）
「Webデザイナーのためのタイポグラフィと文字組版（Reloaded）」鷹野 雅弘（スイッチ）
swwwitch inc.•81.8K views
Web制作勉強会 #2Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan•613 views
Webpackにトライ 基本編Webpackにトライ 基本編
Webpackにトライ 基本編
シオリ ショウノ•292 views
Java Script勉強会Java Script勉強会
Java Script勉強会
guestc8c3a73•467 views
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とはがんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto•21.1K views
JQuery入門JQuery入門
JQuery入門
sayoko miura•498 views
Wb tokyo 2013Wb tokyo 2013
Wb tokyo 2013
Hidekazu Ishikawa•2.5K views
angular X designer - デザイナからみたAngularJS #ten1clubangular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers•13K views
HTML5 Conference 2015 悩める組込機器向けウェブコンテンツのパフォーマンスHTML5 Conference 2015 悩める組込機器向けウェブコンテンツのパフォーマンス
HTML5 Conference 2015 悩める組込機器向けウェブコンテンツのパフォーマンス
Futomi Hatano•14.2K views
Cssアニメーションとその制御Cssアニメーションとその制御
Cssアニメーションとその制御
Muyuu Fujita•3.1K views
jQueryを自分で書いてみよう！@第5回福岡マークアップ勉強会jQueryを自分で書いてみよう！@第5回福岡マークアップ勉強会
jQueryを自分で書いてみよう！@第5回福岡マークアップ勉強会
Daisuke Koshimizu•1.9K views

Recently uploaded(20)

①【威斯康星大学麦迪逊分校毕业证文凭学位证书|工艺完美复刻】①【威斯康星大学麦迪逊分校毕业证文凭学位证书|工艺完美复刻】
①【威斯康星大学麦迪逊分校毕业证文凭学位证书|工艺完美复刻】
C25lokh12•4 views
留信网认证可查【皇家霍洛威学院文凭证书毕业证购买】留信网认证可查【皇家霍洛威学院文凭证书毕业证购买】
留信网认证可查【皇家霍洛威学院文凭证书毕业证购买】
32lkhng•2 views
ChatGPT以後の時代をどう生きるか PWA Night vol.51ChatGPT以後の時代をどう生きるか PWA Night vol.51
ChatGPT以後の時代をどう生きるか PWA Night vol.51
hedachi•60 views
ヘッドレス化したbaserCMS５とその機能ヘッドレス化したbaserCMS５とその機能
ヘッドレス化したbaserCMS５とその機能
Ryuji Egashira•10 views
Forguncy8 製品概要 202305.pptxForguncy8 製品概要 202305.pptx
Forguncy8 製品概要 202305.pptx
フォーガンシー•7 views
モバイル・クラウド・コンピューティング－データを如何に格納し、組み合わせ、情報として引き出すかモバイル・クラウド・コンピューティング－データを如何に格納し、組み合わせ、情報として引き出すか
モバイル・クラウド・コンピューティング－データを如何に格納し、組み合わせ、情報として引き出すか
Masahiko Funaki•2 views
OmnisOmnis
Omnis
DaisukeFujita10•14 views
ChatGPT + LlamaIndex 0 .6 による チャットボット の実装ChatGPT + LlamaIndex 0 .6 による チャットボット の実装
ChatGPT + LlamaIndex 0 .6 による チャットボット の実装
Takanari Tokuwa•26 views
20230523_IoTLT_vol99_kitazaki_v1.pdf20230523_IoTLT_vol99_kitazaki_v1.pdf
20230523_IoTLT_vol99_kitazaki_v1.pdf
Ayachika Kitazaki•107 views
統計学の攻略_正規分布ファミリーの全体像.pdf統計学の攻略_正規分布ファミリーの全体像.pdf
統計学の攻略_正規分布ファミリーの全体像.pdf
akipii Oga•111 views
留信网认证可查【拜欧拉大学文凭证书毕业证购买】留信网认证可查【拜欧拉大学文凭证书毕业证购买】
留信网认证可查【拜欧拉大学文凭证书毕业证购买】
1lkjhg•3 views
シン３次元表示装置　ーその１ーシン３次元表示装置　ーその１ー
シン３次元表示装置　ーその１ー
Takashi Yamanoue•134 views
AIEXPO_CDLE名古屋紹介AIEXPO_CDLE名古屋紹介
AIEXPO_CDLE名古屋紹介
KotaMiyano•3 views
Windows ChatGPT Bing AI.pptxWindows ChatGPT Bing AI.pptx
Windows ChatGPT Bing AI.pptx
Atomu Hidaka•0 views
UAV写真・レーザー測量test.pptxUAV写真・レーザー測量test.pptx
UAV写真・レーザー測量test.pptx
ssuserb48d2b1•13 views
☀️【杜兰大学毕业证成绩单留学生首选】☀️【杜兰大学毕业证成绩单留学生首选】
☀️【杜兰大学毕业证成绩单留学生首选】
2125nuh•2 views
JSTQB_テストマネジメントとレビュープロセス.pdfJSTQB_テストマネジメントとレビュープロセス.pdf
JSTQB_テストマネジメントとレビュープロセス.pdf
akipii Oga•91 views
統計学の攻略_推測統計学の考え方.pdf統計学の攻略_推測統計学の考え方.pdf
統計学の攻略_推測統計学の考え方.pdf
akipii Oga•115 views
Üslup ve tercüme.pdfÜslup ve tercüme.pdf
Üslup ve tercüme.pdf
1Hmmtks•2 views
初学者のためのプロンプトエンジニアリング実践.pptx初学者のためのプロンプトエンジニアリング実践.pptx
初学者のためのプロンプトエンジニアリング実践.pptx
Akifumi Niida•352 views
Advertisement

ALGO.JS DemoDay

  1. ALGO.JS
  2. Adobe Flash
  3. 作品 Bさん 作品 見る 刺激を受ける 公開公開 Aさん 刺激を受ける Webの中
  4. Flashの隆盛時代にあった、 みんなが気軽にスケッチを見せあい、 ブログ上に記事を書く、 みたいなものが好きでALGO.JSを作りました。
  5. 高速にブラウザ上で動作する 3Dグラフィックライブラリ
  6. Creative coding プログラミングの一種 何かの機能を実装するというよりも、 表現を生み出すことを目的としている
  7. What is Creative code
  8. + Creative Coding
  9. Three.js p5.js
  10. Three.js 50行
  11. まだ大変
  12. ALGO.JS 21行
  13. WebGLの記述を、極限まで簡単にする 「クリエイティブコーディングのためのフレームワーク」 ALGO.js とは
  14. 3D表現を あえて 捨てることで、 簡単な記述と高速化を行っている 簡単な記述のわけ
  15. 作品 Bさん 作品 見る 刺激を受ける 公開公開 Aさん 刺激を受ける Webの中
  16. 作品 Bさん 作品 見る 刺激を受ける 公開公開 Aさん 刺激を受ける Webの中
  17. どんなものができるか
  18. Example 01: Graphic シンプルな図形の描画 http://algojs.org/examples/#shape_many_shapes
  19. Example 02: Particle 4万個のパーティクルアニメーション http://algojs.org/examples/#shape_particles_vf
  20. http://algojs.org/examples/
  21. スマホでも動きます
  22. [Live Coding]
  23. リリース予定
  24. 現在の開発状況はGitHubで確認できます。 ダウンロードして使ってみたい方は 下記サイトをご覧ください。 http://algojs.org
  25. 2016年4月 β版リリース
  26. 2016年夏 ALGO.JSのコードをアップするプラットフォーム
  27. ご清聴ありがとうございました
Advertisement