Upgrade to Pro — share decks privately, control downloads, hide ads and more …

you_can_start_jthree_programming

 you_can_start_jthree_programming

presentation when lightning talk

acchanAlexander

October 29, 2017
Tweet

More Decks by acchanAlexander

Other Decks in Programming

Transcript

  1. 未経験でも始められる、
    jThreeでweb3Dプログラミング

    View full-size slide

  2. ブラウザで動く3Dコンテンツを作ったことがある人 ( ・∇・)ノ
    jThree知ってる人 ( ・∇・)ノ

    View full-size slide

  3. jThreeを使ってプログラミングをするには?
    ① jThird上で、jThreeEditorを使ってプログラミングをする
    (始めはこれを使うと、とてもいいと思う)
    ② 自分でwebサーバーを立てて、そこで実行する

    View full-size slide

  4. jThird上で
    jThreeEditorを使って
    プログラミングをする

    View full-size slide

  5. jThreeEditorを使ったプログラミングのまとめ
    ・jThree自体、コードの量が少なくて済む
    ・必要なタグは説明付きで用意されていて、
     クリックでコードが書ける

    View full-size slide

  6. jThirdを使った、3Dコンテンツの公開


    View full-size slide

  7. jThirdを使った、3Dコンテンツの公開
    動画投稿っぽいことがすぐにできた!嬉しい!
    jThirdが吐き出すiframeのタグをhtmlに埋めれば
    作った作品を載せることができる。

    View full-size slide

  8. jThirdを使った、3Dコンテンツの公開
    jThirdに投稿されたコンテンツは
    そのコードを見ることができる ←個人的にとても嬉しい

    View full-size slide

  9. ここまでの内容で、
    jThreeって未経験でもとっつきやすそう
    と思っていただければ幸いです。

    View full-size slide

  10. 自分のwebサーバー内で動かす
    jThreeEditorは使えませんが、
    jThirdでやっていたプログラミングと全く変わりません。

    View full-size slide

  11. https://github.com/k-m-j/jThreeIntroduction/tree/default-files

    View full-size slide

  12. 自分のwebサーバー内で動かす
    自分のwebサーバー内を用意すれば、
    先ほどiframeをjthird上から埋めたコンテンツを
    自分のサーバーで用意することもできる。

    View full-size slide

  13. 自分のwebサーバー内で動かす


    View full-size slide

  14. jThreeがどんなものかについての話は
    以上です。

    View full-size slide

  15. jThreeは初心者にとって、
    とてもとっつきやすいものだと思います。
    挫折とかしなそう。
    web3Dちょっと興味あるなーみたいな人にとっては
    とても良いと思います。

    View full-size slide

  16. 本でjThreeの章を執筆した経験の話。

    View full-size slide

  17. 本の執筆とかしているけど、
    私はそんなにプログラミングができる人ではない。
    もちろん、webGLを使ったプログラミングの経験なんてなかった。
    けど、jThreeは思ったよりも簡単にできた。

    View full-size slide

  18. jThreeを知っている人とか、
    web3Dのプログラミングをしている人って、周りにあまりいない
    jThreeはそんなに難しくない(jThreeEditorもある)し、
    少し勉強すれば、すぐに人に教えられる。
    3Dだし、ちょっとしたこと教えただけでも「おぉ!」となる。

    View full-size slide

  19. ・jThreeってまだ出て2年経ってない?比較的新しい。
    ・簡単で、未経験でも学び易い
    jThreeを知っている人も今はそこまで多い訳ではないので
    いまjThreeを勉強すれば、先行者になれる。

    View full-size slide