Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

実 演

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

jThirdを使った、3Dコンテンツの公開 実 演

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

自分のwebサーバー内で動かす 実 演

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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