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

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. ご清聴ありがとうございました