×
Copy
Open
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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を勉強すれば、先行者になれる。