Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ALGO.JS DemoDay

10,543 views

Published on

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

Published in: Technology
  • Be the first to comment

ALGO.JS DemoDay

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

×