Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
you_can_start_jthree_programming
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
acchanAlexander
October 29, 2017
Programming
110
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
you_can_start_jthree_programming
presentation when lightning talk
acchanAlexander
October 29, 2017
More Decks by acchanAlexander
See All by acchanAlexander
いろんな職種や役割を経験したらコミュニケーションがとりやすくなった話
acchanalexander
1
1k
dotfilesCasualTalks
acchanalexander
0
1.2k
practice-ios-app-1week
acchanalexander
1
180
webエンジニアが_2ヶ月Kotlin_Android_開発して思ったこと.pdf
acchanalexander
0
2.4k
develop-camp-201711
acchanalexander
0
97
Hearing_loss_story
acchanalexander
0
870
start docker study
acchanalexander
0
140
HealthHackMeetup
acchanalexander
1
1.7k
Other Decks in Programming
See All in Programming
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
1
1k
人間の目はかわらない、だからJPEGは30年もつ
yuzneri
12
19k
自動化したのに回らないテスト運用の壁ーAI時代の品質責任と生産性
mfunaki
1
140
Foundation Models frameworkで画像分析
ryodeveloper
1
620
ドリフトを絶対に許さない(?)CDK運用 / CDK Ops with Zero Tolerance for Drifts (?)
akihisaikeda
1
200
ルールを書いて終わらせないハーネスエンジニアリング
yug1224
5
1.9k
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
seike460
PRO
1
570
属人化した知識を、 AIが辿れる地図にする
pkshadeck
PRO
1
190
ここ半年くらいでAIに作らせたR用ツール
eitsupi
0
390
Japan Community Day at Kubecon + CloudNativeCon Japan 2026: Learning Container Privilege Control by Building My Own Low-Level Container Runtime
ternbusty
1
160
Detecting Compromised CI with eBPF and Cilium Tetragon
lizrice
0
210
Terraform標準の組織で AWS CDKをどう使うか
mu7889yoon
1
530
Featured
See All Featured
Unsuck your backbone
ammeep
672
58k
A Tale of Four Properties
chriscoyier
163
24k
Making the Leap to Tech Lead
cromwellryan
135
10k
Agile that works and the tools we love
rasmusluckow
331
22k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
620
Being A Developer After 40
akosma
91
590k
The Curse of the Amulet
leimatthew05
2
14k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
340
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.7k
Transcript
未経験でも始められる、 jThreeでweb3Dプログラミング
ブラウザで動く3Dコンテンツを作ったことがある人 ( ・∇・)ノ jThree知ってる人 ( ・∇・)ノ
None
jThreeを使ってプログラミングをするには? ① jThird上で、jThreeEditorを使ってプログラミングをする (始めはこれを使うと、とてもいいと思う) ② 自分でwebサーバーを立てて、そこで実行する
jThird上で jThreeEditorを使って プログラミングをする
実 演
jThreeEditorを使ったプログラミングのまとめ ・jThree自体、コードの量が少なくて済む ・必要なタグは説明付きで用意されていて、 クリックでコードが書ける
jThirdを使った、3Dコンテンツの公開 実 演
jThirdを使った、3Dコンテンツの公開 動画投稿っぽいことがすぐにできた!嬉しい! jThirdが吐き出すiframeのタグをhtmlに埋めれば 作った作品を載せることができる。
jThirdを使った、3Dコンテンツの公開 jThirdに投稿されたコンテンツは そのコードを見ることができる ←個人的にとても嬉しい
ここまでの内容で、 jThreeって未経験でもとっつきやすそう と思っていただければ幸いです。
自分のwebサーバー内で動かす jThreeEditorは使えませんが、 jThirdでやっていたプログラミングと全く変わりません。
None
https://github.com/k-m-j/jThreeIntroduction/tree/default-files
自分のwebサーバー内で動かす 自分のwebサーバー内を用意すれば、 先ほどiframeをjthird上から埋めたコンテンツを 自分のサーバーで用意することもできる。
自分のwebサーバー内で動かす 実 演
jThreeがどんなものかについての話は 以上です。
None
jThreeは初心者にとって、 とてもとっつきやすいものだと思います。 挫折とかしなそう。 web3Dちょっと興味あるなーみたいな人にとっては とても良いと思います。
本でjThreeの章を執筆した経験の話。
本の執筆とかしているけど、 私はそんなにプログラミングができる人ではない。 もちろん、webGLを使ったプログラミングの経験なんてなかった。 けど、jThreeは思ったよりも簡単にできた。
jThreeを知っている人とか、 web3Dのプログラミングをしている人って、周りにあまりいない jThreeはそんなに難しくない(jThreeEditorもある)し、 少し勉強すれば、すぐに人に教えられる。 3Dだし、ちょっとしたこと教えただけでも「おぉ!」となる。
・jThreeってまだ出て2年経ってない?比較的新しい。 ・簡単で、未経験でも学び易い jThreeを知っている人も今はそこまで多い訳ではないので いまjThreeを勉強すれば、先行者になれる。